Дизайн сайта — «Дверной мир»

Посмотреть сайт

В разработку поступил сайт, по продаже дверей разного класса, от эконом до VIP.

Сам сайт уже работал, но остался в глубоком 2000 году. Тёмный, угрюмый в придачу ко всему и жутко неудобный. Поэтому в первую очередь основательно переработал структуру и подачу контента. Так как планировались продажи через сайт, нужно было сделать интуитивно понятной корзину ну и в целом подачу самого товара. Плюс были внедрены интересные фишечки, которые были придуманы с нуля, чтобы выделиться из общей толпы сайтов. В общем заболтался я, смотрите сами, что вышло.

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

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

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

Никто не спорит, что главная страница важна для сайта, но в интернет магазине всё же важнее страница с товаром, так как там кроется его сердце продаж. В больших и серьёзных магазинах придаётся большое значение выкладке товара, а тут что-то подобное. Поэтому я сделал ставку на большое фото двери, чтобы было легко рассмотреть товар «лицом» и по пунктам разложил, что входит в комплект товара, так как это тоже является важным аспектом, влияющим на покупку. Более того, была продумана, а в последующем реализована программистами, возможность подбора комплекта фурнитуры под себя. Такие вещи вообще предлагают лишь единицы сайтов в рунете.

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

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

Страница с широкими товарами

Второстепенные страницы

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

Страница списка дверей Страница списка статей Корзина и оформление товара Завершение покупок

Конечно, для сайта было отрисованно ещё много других второстепенных страниц, но я не хотел утяжелять ими эту страницу.

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

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

Страница 404

Страница 404

Немножко UI

Хочу немного показать процесса разработки. Этот файл обычно видят только верстальщики. Для чего он? Чтобы потом кнопки и ссылки были не мёртвые, при наведении и нажатии, а чтобы у каждого этого действия было своё поведение, что придаёт сайту отзывчивости и динамики. Ах да, такое не все делают, но я считаю, что это очень важно, для каждого более менее серьёзного сайта.

UI лист

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