Создание интернет-магазина Mad Seller

Задача

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

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

Адаптивный слайдер на сайте, динамические слоганы, трехмерная шапка, разноразмерные элементы блога онлайн магазина и все это разработано в рамках фирменного стиля заказчика.

Изображение главной страницы сайта интернет-магазина.

Шоукейс

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

Изображение витрины интернет-магазина. Создаем сайты с любовью.

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

Товар

Все детали предусмотрены

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

Изображение страницы товара на сайте интернет-магазина. А еще мы создаем посадочные страницы.

Отдельное внимание мы уделили блогу интернет-магазина. Заказчику было необходимо совместить на сайте раздел новостей и полноценный блог, а нам это реализовать графически. Не обошлось без сложных решений и тут.

Блог

Все что вы можете представить

Блок популярных записей с фото-превью, навигация по архиву сайта и огромное облако тегов - Done!  Фото и видео превью, краткое описание и интеграция блога интернет-магазина с социальными сетями, учитывающее общее кол-во лайков.

Изображение страницы блога на придумнном нами сайте. Кроме сайтов мы создаем посадочные страницы (landing page) и интернет-магазины.

Палитра

Белый

Голубой

Красный

Шрифты

A a

INTRO Меню

Ширфт intro font использован в меню интернет-магазина – можно себе представить более стильное решение для этого сайта?

A a

Pt Sans Текст

Для заголовков и такста на сайте Pt Sans – лаконичный, современный и легко читаемый шрифт.

Мобильный

На мобильной версии сайта вы видите всю необходимую информацию. Мобильная версия интернет-магазина адаптивна и выглядит идеально на любом устройстве.

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