Создание сайта Heally: портфолио веб-студии INDEXIS

Heally

Интернет-магазин для здоровья
Heally — интернет-магазин с широким ассортиментом зарубежных товаров для здоровья. Миссия компании — помогать людям в поддержании отличного самочувствия и здорового образа жизни.
Для компании необходимо было сделать редизайн уже существующего сайта.
Особенности
проекта
При разработке дизайна был использован подход Mobile First, так как большинство пользователей посещают сайт через мобильные устройства.
Предпроект­ные исследования
Опираясь на best practice подход были разработаны прототипы сайта, которые в дальнейшем легли в основу создания дизайна.
Функционал

— За каждой категорией в каталоге закреплен свой цвет и графический элемент.

При добавлении акций подставляется цвет обложки и графический элемент согласно акционному товару.

Также каждая статья может быть прикреплена к категории каталога и отображаться соответствующим цветом.

— Специально для сайта были разработаны нестандартные миниатюры товаров. Заказчик в административной части может привязать ссылки на научные публикации к товару. В публичной части они отобразятся при клике “Мнений врачей”.

Заказчик может создавать подборки товаров на свое усмотрение и добавлять к ним статьи. Они отобразятся в перечне товаров.

— Также на сайте компания знакомит пользователя с брендами. Здесь можно загрузить любые информационные материалы: баннеры, видео и привязать соответсвующее товары.

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

—  Разработали объемную карточку товара со всеми необходимыми данными. Для отстройки от конкурентов в дизайне карточки товара левая часть с фотографиями зафиксирована и подстраивается под размер экрана, правая часть скроллится.

—  В карточке товара есть возможность публиковать текстовую информацию с изображениями.
Дизайн
Опираясь на лучшие практики интернет-магазинов был разработан яркий и современный дизайн сайта.
Типографика
Для создания визуальной иерархии на проекте мы использовали 2 гарнитуры шрифтов. Nunito — в качестве акцентного шрифта, и Verdana для наборного текста. Его легко рассмотреть и прочитать.

Цветовая палитра

На сайте использовалась яркая цветовая палитра

Black
#000000
Smoke
#F0EEEE
Grey
#5b5b5b
White
#FFFFFF
Pink
#f01984
Blue
#2f80c2
Проект в цифрах
1
месяц
Срок реализации проекта
2
варианта
Структуры сайта
Узнайте стоимость и сроки разработки
Заполните форму, и мы вышлем вам КП на разработку похожего проекта