разработанный логотип для эко компании с минималистичным дизайном
дизайн для магазина эко товаров с адаптивным дизайном

Разработка интернет-магазина EcoClean Home — экотовары с удобным каталогом и мобильной версией

Многостраничный сайт для EcoClean Home

Срок выполнения работы: 2,5 недели

EcoClean home - это молодая компания, которая специализируется на производстве высококачественных экологически чистых моющих и чистящих средств для дома.

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

О ПРОЕКТЕ

НАША ЗАДАЧА

UI/UX design
прототип веб-дизайна страницы магазина экологических товаров с адаптивным дизайном

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

Шрифтовое решение отвечает за подачу информации с правильным настроением - классическое сочетание гротеска (шрифт Open Sans) и легкой антиквы (шрифт Cormorant) для выделения разных смысловых блоков.

дизайн экологичной упаковки чистящего средства для адаптивного сайта магазина с элементами природы
ВОДА И ЧИСТОТА
белое цветовое решение для дизайна
голубое цветовое решение для дизайна
#8ADCFF
#FFFFFF
темный зеленый цвет для экологического направления в дизайне
акцентный цвет дизайна упаковок экотоваров
#4E6C50
#8FBC8F
ПРИРОДА И НАТУРАЛЬНОСТЬ
ЦВЕТА И ШРИФТЫ

В проекте присутствует как базовая анимация элементов, так и более сложная пошаговая анимация. Вторая используется на главном экране для эффектного появления новой линейки средств, что может привлечь потенциальных покупателей (посетителей сайта).

Анимация главной страницы и блока об экологичной направленности бренда EcoClean home

АНИМАЦИЯ
ОБЗОР ВСЕХ СТРАНИЦ
UI/UX дизайн главной страницы сайта Ecoclean Home. Показан баннер с экотоварами, блок акций и призыв к действию.
Адаптивный дизайн мобильной версии сайта Ecoclean Home. Шапка с компактным гамбургер-меню, логотипом и иконкой корзины.
Мобильный интерфейс блока сертификатов Ecoclean Home. Адаптивный карусельный слайдер с логотипами эко-стандартов.
Дизайн страницы каталога Ecoclean Home. Интерфейс с сеткой товаров, фильтрами по категориям и сертификатам, и строкой поиска.
UI/UX дизайн карточки товара для Ecoclean Home. Крупные изображения, описание, кнопка добавления в корзину и блок с характеристиками.
Экологичный гель для мытья посуды Ecoclean Home. Дизайн карточки товара с изображением бутылки, описанием и ценой.
Дизайн формы регистрации личного кабинета на сайте Ecoclean Home. Поля для ввода имени, электронной почты и пароля.
Дизайн всплывающего окна с предложением подписаться на рассылку. Форма для ввода email на размыленном фоне сайта.
Пример работы многоуровневого меню сайта Ecoclean Home. Показаны раскрытые разделы каталога с подкатегориями товаров.
Адаптивная шапка страницы каталога Ecoclean Home. Крупный баннер новой коллекции и кнопка-фильтр.
Набор многоразовых экосалфеток из микроволокна Ecoclean Home. UI-дизайн карточки с выбором количества товара.
Ремувер от пыли Ecoclean Home с экологичным составом. Пример дизайна карточки товара в интернет-магазине.
Универсальный очищающий спрей Ecoclean Home в карточке товара. Флакон с распылителем на фоне листьев, интерфейс с кнопкой «В корзину».
Дизайн страницы «О нас» для Ecoclean Home. Включает блоки с историей бренда, миссией компании и экологическими ценностями.
Интерактивная карта с адресами магазинов Ecoclean Home в мобильной версии. Дизайн с кликабельными маркерами и списком адресов.
Верстка блока «Наша история» для мобильных устройств. Вертикальное расположение таймлайна с иконками и кратким текстом.

© 2025, KAYA design studio. Все права защищены
kayawebstudio@gmail.com

г. Новокузнецк

ИНН: 425300022287
Made on
Tilda