Задача.
Разработать с нуля монобрендовый интернет магазин по продаже одежды бренд OTMA.
Задачи:
- Наполнить магазин товаром.
- Интегрировать доставку, оплату.
- Доработать шаблон.
- Добавить страницу Коллекции.
Решение.
Было реализовано:
1. Дизайн
За основу был взят шаблон Newtone 2.0
В дальнейшем он был доработан, что бы дизайн получился более минималистическим и соответствовал бренду.
2. Навигация
Для более удобной навигации меню сделали выпадающим с категориями магазина.
3. Каталог
В каталоге сделан упор на визуализацию товара, что выражается в увеличенных изображениях. А фильтрация и сортировка делают покупки более комфортными и быстрыми.
4. Карточка товара
В карточке товара можно выбрать цвет и размер выбранного товара. Добавили функционал “Лупы” чтобы покупатель мог рассмотреть товар с увеличением.
Также на странице присутствует информация о товаре, состав и уход.
Товар можно положить в корзину и продолжить покупки или нажать на кнопку для связи с продавцом в Whatsapp. Такой способ связи позволяет быстро ответить на вопросы покупателя и сразу оформить заказ.
5. Корзина
На странице Корзины можно перейти к оформлению заказа или связаться с продавцом через whatsapp.
Корзина не содержит лишних элементов чтобы не отвлекать покупателя от целевого действия.
6. Оформление заказа
На странице оформления заказа покупатель может выбрать удобный способ доставки, и перейти к оплате. Все данные для заполнения доступны сразу, что позволяет покупателю видеть стоимость товара и доставки. Нет скрытых под спойлерами полей.
7. Страница Коллекций
На этой страницы представленны колеекции. При клике на кнопку посетитель может перейти в галерею и посмотреть фотографии.
8. Адаптивность
Сайт полностью адаптивен под мобильные устройства. Например страница Контакты меняет свою структуру при отображении на телефоне.
Результат
Как итог сайт получился сдержанным и стильным. Фотоматериал отснятый специально для сайта делает его непохожим на другие магазины. Покупатели легко могут выбрать понравившийся товар и заказать удобным для себя способом.