Mona

Интернет-магазин модного бренда одежды

Custom Solution

Задачи

Перед нами была поставлена задача сделать fashion сайт. Сайт, который будет безупречен, не только со стороны технической части, но и со стороны дизайна. Причем аудитория сайта обладает исключительным вкусом, а значит стандарты были наивысшими.

Технические требования к проекту:

-Высокая скорость работы. Работа с сайтом должна быть комфортна для пользователя, он не должен ждать перехода на другую страницу, загрузку интерактива или открытия картинки. Благодаря современным технологиям нам это удалось.
-Код должен быть семантичным и валидным. Стандартны верстки в нашей компании экстремально высоки, поэтому мы ориентируемся на стандарты вёрстки W3.org и те требования которые выдвигают поисковые системы.
-Кроссбраузерная и кроссплатформенная верстка. Сайт должен смотреться одинаково хорошо на всех популярных устройствах и во всех современных браузерах.
HTML 5
CSS 3
jQuery
JS

Выбор коллекции

Отображение коллекций решено было сделать в виде плитки разделив её довольно широкими белыми пространствами. Меню же в свою очередь мы "запаковали" в левую часть и скрыли. Раскрывается во всей красе меню только при наведении. Это обеспечило в целом восприятие этой концепции как буклета дома моды. Именно этой аллюзии мы и добивались.

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

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

Страница контактов

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

Статья

Фотографии и видео, безусловно наиболее важны в сфере моды, но раскрыть сложную тему без текста, невозможно. В этом разделе можно прочесть новости, статьи и важные советы из жизни моды.

Адаптивная верстка

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