logo Luckylo

Описание кейса:

Используемые технологии

Next.js 14: Обеспечивает рендеринг на стороне сервера (SSR) и генерацию статических сайтов (SSG) для создания SEO-дружественных страниц. Обеспечивает быструю загрузку страниц и динамическую маршрутизацию для беспрепятственного совершения покупок.

Tailwind CSS: Обеспечивает быстрое создание стилей, ориентированных на удобство, для последовательного и отзывчивого дизайна. Помогает поддерживать элегантный и современный пользовательский интерфейс на всех устройствах.

Повышает надежность и ремонтопригодность кода благодаря сильной типизации. Повышает производительность труда разработчиков, отлавливая ошибки во время разработки.

MongoDB: Служит в качестве базы данных NoSQL для управления каталогами товаров, данными пользователей и заказами. Эффективно масштабируется для обработки все большего объема данных по мере роста бизнеса.

Комплексное решение «под ключ»:

В рамках данного проекта был создан полностью готовый к работе интернет-магазин с нуля. Создание индивидуального решения с использованием Next.js, стилизованного с помощью Tailwind CSS. Профессиональная фотосъемка: Высококачественные изображения товаров для повышения визуальной привлекательности и доверия пользователей. Проектирование базы данных: Использование MongoDB для структурирования и эффективного управления данными. Тестирование и оптимизация: Обеспечение хорошей работы платформы в реальных условиях. pasechniktorg.ru демонстрирует мастерство в разработке профессиональной платформы электронной коммерции, от логики бэкенда и интеграции баз данных до дизайна фронтенда и фотографии. Этот проект подчеркивает нашу способность создавать цифровые решения «под ключ» с учетом конкретных потребностей бизнеса.

Ссылка на проект:
Интернет-магазин Пасечник
Интернет-магазин Пасечник
Интернет-магазин Пасечник
Интернет-магазин Пасечник
Интернет-магазин Пасечник
Интернет-магазин Пасечник
Интернет-магазин Пасечник

Описание:

К нам обратилась команда проекта, и была поставлена задача сделать только верстку, дальше они сами. Дизайна мобильной версии приложения не было, поэтому верстка только для 1600px. Хотя, для нашего портфолио мы допиливаем проект, и уже создали базу данных и подключили. Для демонстрации проекта на нашем хостинге мы убрали авторизацию по логин-паролю, хотя она тоже была сделана. В дальнейшем сделаем адаптивность под мобильные устройства.

Ссылка на проект:
Верстка маркетплейса Topsber
Верстка маркетплейса Topsber
Верстка маркетплейса Topsber
Верстка маркетплейса Topsber
Верстка маркетплейса Topsber
Верстка маркетплейса Topsber
Верстка маркетплейса Topsber
Верстка маркетплейса Topsber
Верстка маркетплейса Topsber

Личный кабинет пользователя

Верстка маркетплейса Topsber
Верстка маркетплейса Topsber
Верстка маркетплейса Topsber

Личный кабинет администратора

Верстка маркетплейса Topsber
Верстка маркетплейса Topsber
Верстка маркетплейса Topsber
Верстка маркетплейса Topsber
Верстка маркетплейса Topsber
интернет-магазин бани и печи
интернет-магазин бани и печи
интернет-магазин бани и печи
интернет-магазин бани и печи

Описание:

Перед нами была поставлена задача создания интернет-магазина по продаже печей для бани, комплектующих к ним, а также аксессуаров. В Figma мы сделали дизайн, а дальше приступили к верстке. Одновременно заполняли базу данных по товарам, она у нас MONGODB. Настройка сервера и API - все было внутри фреймворка NEXT JS.

интернет-магазин бани и печи
интернет-магазин бани и печи
Ссылка на сайт:
Дизайн и верстка сайта Парник Добрый
Дизайн и верстка сайта Парник Добрый
Дизайн и верстка сайта Парник Добрый
Дизайн и верстка сайта Парник Добрый
Дизайн и верстка сайта Парник Добрый

Описание:

Дизайн, верстка и программирование функционала сайта Парник Добрый. К нам обратился производитель сельскохозяйственной продукции с просьбой создать сайт для презентации продукта "Парник". Были предоставлены фотографии и логотип. Нами был сделан дизайн, написаны все тексты, сверстан сайт и запрограммирован функционал.

дизайн сайта для автомобильной компании
дизайн сайта для автомобильной компании
дизайн сайта для автомобильной компании
дизайн сайта для автомобильной компании
дизайн сайта для автомобильной компании

Описание:

К нам обратились ребята из автомобильной компании с просьбой создать строгий, стильный дизайн сайта в Figma. Они предоставили фото машин, а логотип и дизайн сайта был выполнен нашей студией.

дизайн сайта
дизайн сайта

Описание:

Подбор цветов, подбор иконок. Создание архитектуры сайта, прототипа, дизайн сайта в Figma.

дизайн сайта
дизайн сайта
дизайн сайта
дизайн сайта
Дизайн и верстка сайта (дашборда)
Дизайн и верстка сайта (дашборда)
Дизайн и верстка сайта (дашборда)
Дизайн и верстка сайта (дашборда)

Описание:

Подбор цветов, подбор иконок, создание логотипа. Создание архитектуры сайта, прототипа, дизайн сайта в Figma. Верстка сайта на React.

Дизайн и верстка сайта (дашборда)
Дизайн и верстка сайта (дашборда)
Дизайн и верстка сайта (дашборда)
Ссылка на прототип:
Данные переносятся, опубликуем позже
дизайн сайта для юридического бюро
дизайн сайта для юридического бюро
дизайн сайта для юридического бюро

Описание:

Подбор цветов, подбор изображений, создание логотипа, иконок, написание текстов. Создание прототипа, дизайн сайта в Figma.

дизайн сайта для юридического бюро
дизайн сайта для юридического бюро