Для дома
Покупатели, которые регулярно выбирают чай, кофе и сладости для повседневных домашних ритуалов. Им важны понятный каталог, состав продукта и удобный повторный выбор.
Золотая Чаша
Интернет-магазин чая, кофе, сладостей и аксессуаров с понятной навигацией, выразительной подачей продукции и удобным каталогом для выбора товаров на любых устройствах.
Мой вклад в проект
В рамках проекта я разработал структуру сайта и прототипы, сформировал визуальный стиль, спроектировал интерфейс каталога и карточки товаров, подготовил адаптивные версии для Desktop, Tablet и Mobile, а затем реализовал сайт на платформе Tilda.
Главной задачей было создать современный и уютный интернет-магазин, который помогает быстро ориентироваться в ассортименте, выбирать подходящие товары и комфортно пользоваться сайтом на любом устройстве.
О проекте
Магазин для ценителей вкуса и уютных ритуалов
«Золотая Чаша» — интернет-магазин чая, кофе, сладостей и аксессуаров. Сайт помогает пользователю быстро ознакомиться с ассортиментом, выбрать подходящий товар и перейти к оформлению заказа.
В структуру вошли главная страница, разделы кофе, чая, сладостей и аксессуаров, а также страницы «О нас», «Доставка и оплата» и «Вакансии». Каждый раздел встроен в единый пользовательский сценарий — от знакомства с брендом до выбора товара.
Задача
Соединить атмосферу бренда с удобством покупки
Требовалось создать современный, уютный и удобный интернет-магазин с понятной навигацией, выразительной визуальной подачей продукции и адаптивным интерфейсом.
Бизнес-цели: представить ассортимент в цельной визуальной системе, сформировать доверие к магазину и сделать путь от главной страницы до выбора товара последовательным.
Пользовательские задачи: быстро перейти в нужный раздел каталога, сравнить предложения, изучить карточку товара и получить понятную информацию о доставке и оплате.
Ограничения: сохранить выразительность крупных фотографий продукции, обеспечить удобство каталога на мобильных устройствах и реализовать макеты средствами Tilda и Zero Block.
Целевая аудитория
Покупатели с разными сценариями выбора
Основная аудитория — мужчины и женщины от 25 до 55 лет, которые ценят качественный чай и кофе, выбирают подарочные наборы или приобретают продукцию для дома и офиса.
Для подарка
Пользователи, которым нужны готовые наборы и выразительная презентация продукции. Они ориентируются на визуальную подачу, ассортимент и понятные условия доставки.
Для офиса
Клиенты, приобретающие чай, кофе, сладости и аксессуары для команды. Для них важны быстрый поиск нужной категории и удобный просмотр ассортимента с разных устройств.
Моё решение
Тёплая визуальная среда с продуктом в центре внимания
Я разработал визуальную концепцию с тёплой цветовой палитрой, крупными изображениями продукции и акцентной типографикой. Структура помогает быстро перейти в нужный раздел каталога, а интерфейс сохраняет удобство на мобильных устройствах.
Понятная структура каталога
Кофе, чай, сладости и аксессуары вынесены в самостоятельные разделы, чтобы сократить путь пользователя до нужной категории.
Выразительная подача продукции
Крупные изображения, спокойный фон и акцентная типографика формируют аппетитную презентацию без перегрузки интерфейса.
Продуманные детали взаимодействия
Для сохранения атмосферы настроена анимация пара над чашкой, а поведение хедера при прокрутке скорректировано для стабильной и предсказуемой навигации.
Основные экраны
Главная страница и вход в каталог
Первый экран знакомит с характером бренда и направляет пользователя к ключевым категориям. Общая структура объединяет главную, каталог, карточки товаров и сервисные разделы магазина.
Дополнительные экраны
Другие страницы интернет-магазина
Адаптивный дизайн
Адаптивный дизайн
Интерфейс сохраняет удобство на всех устройствах
Для проекта были подготовлены отдельные версии интерфейса для планшетов и смартфонов. Адаптация сохраняет фирменный стиль, удобную навигацию и комфортный пользовательский сценарий независимо от размера экрана.
Tablet
Mobile
Что было сделано
Полный цикл от исследования до публикации
UX
Проанализирована структура интернет-магазина, разработаны пользовательские сценарии и прототипы ключевых страниц.
UI
Созданы визуальная концепция, дизайн главной страницы, интерфейс каталога и оформление карточек товаров.
Адаптив
Подготовлены версии для Desktop, Tablet и Mobile с сохранением удобной навигации и читаемой подачи продукции.
Tilda
Сайт реализован на Tilda с использованием Zero Block, настроена анимация пара и исправлено поведение хедера.
Figma
Разработаны прототипы, визуальные стили, компоненты каталога и адаптивные макеты для передачи в реализацию.
Итоги проекта
Что было выполнено в рамках проекта
Проект охватывал полный цикл разработки — от исследования и проектирования до адаптивной реализации и подготовки сайта к публикации.
Исследование и структура
Проанализирована логика интернет-магазина и сформирована структура главной, каталога и информационных разделов.
Прототипирование
Разработаны прототипы ключевых страниц и последовательные пользовательские сценарии выбора продукции.
UI-дизайн
Создана тёплая визуальная концепция с крупными изображениями продукции и акцентной типографикой.
Каталог и карточки товаров
Спроектированы интерфейс каталога и карточки товаров с понятной иерархией информации для выбора.
Адаптивные версии
Подготовлены версии интерфейса для Desktop, Tablet и Mobile.
Реализация на Tilda
Сайт собран в Zero Block, настроена анимация пара над чашкой и исправлено поведение хедера при прокрутке.
Посмотреть проект в работе
Лучший способ оценить дизайн — увидеть его в действии.
Откройте опубликованную версию проекта и познакомьтесь с интерфейсом, навигацией, адаптивностью и взаимодействием элементов так, как это увидит реальный пользователь.
Проект находится в стадии дальнейшего развития. В опубликованной версии представлены основные пользовательские сценарии и дизайн-концепция.
Посмотреть сайт в работе