РАЗРАБОТКА САЙТА ДЛЯ БРЕНДА МОДНОЙ ОДЕЖДЫ ROGOV

1. Вводная задача от заказчика, проблематика, цели

Разработать удобный интернет-магазин одежды и подключить сторонние сервисы онлайн оплаты и доставки.

Требования клиента звучали так:

• Минималистичный дизайн интерфейса.
• Иметь функции интернет-магазина как доставка, оплата.
• Создать удобные и привлекательные карточки товаров.
• Иметь простую и понятную навигацию по сайту.
• Иметь внутренний функционал админ-панели, чтобы без помощи тех.специалистов расширять ассортимент одежды и аксессуаров.

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Работы:

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

пример №1

Далее верстальщик и программист приступили к своей части работы, параллельно веб-дизайнер отрисовывал различные навигационные элементы для сайта, подбирал шрифты и создавал визуальный контент.

Интернет-магазин разрабатывался на CMS OpenCart. Данный движок имеет все необходимое для удобного администрирования, быстрой скорости загрузки страниц и менеджер расширений в случае необходимости.

Главная страница

На главной странице представлен слайдер и каталог интернет-магазина. Упор сделан на фотографии товаров в высоком разрешении.

Под слайдером создана плитка навигационного меню по каталогу сайта.

Пример №2 Слайдер

Каталог

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

Пример №3 Каталог

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

На сайте для удобства покупателя есть кнопки сортировки товара с отправкой в Избранное и в Сравнение товаров.

Карточка товара

Дизайн карточки товара тоже имеет минималистический дизайн. В карточке товара не добавлены лишние дополнительные информативные блоки.

Расположение блоков классическое:

• В правой части карточки: фото с каруселью товара с разных ракурсов.
• В середине страницы: название товара, цена, наличие, размеры, состав и кнопка Купить.
• Следующим параллельным блоком: информация о доставке и оплате.

В самом низу находится блок «Рекомендуемые товары». В административной части сайта можно вручную настроить показ определенных единиц одежды для каждой из карточек.

Адаптивность дизайна – мобильная версия

Дизайн сайта полностью адаптирован под все виды устройств.

3. Результаты сотрудничества

Итог:

Сайт не имеет боковых фильтров каталоге, различные кнопки товары по акции/дополнительные скидки в самих карточках товара – так как это сайт монобренда. Клиенты данного бренда – это лояльные клиенты самого дизайнера и интересующиеся русскими дизайнерами модники – им важно качественное представление фото одежды или аксессуара для онлай