Dony Coffee — знакомство с кофейней начинается с сайта.
Dony Coffee — сайт кофейни, который я создал для реального бизнеса. В одном месте собраны меню, фотографии и информация о заведении. Я отвечал за дизайн и разработку интерфейса; в этом кейсе показываю устройство готового сайта.
- Проект
- Dony Coffee · клиентская работа
- Моя роль
- Дизайн и разработка
- Разработчик
- Нуриддин Жекс · Nuryweb
- Технологии
- React, TypeScript, Tailwind CSS
Что нужно посетителю.
Помочь гостю познакомиться с кофейней до визита: увидеть атмосферу, посмотреть меню и найти нужную информацию. Для такого сайта важно, чтобы изображения дополняли содержание, а навигация оставалась понятной на телефоне.
Как построено решение
Структура строится вокруг знакомства с заведением и просмотра предложения. Визуальная часть передаёт характер кофейни, меню помогает выбрать, а переходы между разделами связывают эти сценарии. Вместо разрозненных материалов у бизнеса есть единая ссылка на собственный сайт.
Что реализовано.
Меню
Отдельный раздел для знакомства с предложением кофейни. Посетитель может перейти к меню из навигации и посмотреть его на своём устройстве.
Фотографии и атмосфера
Фотографии занимают заметное место в композиции и помогают представить заведение до посещения. Текст и изображения собраны в общий визуальный стиль.
Адаптивный интерфейс
Блоки и изображения подстраиваются под размер экрана. Сайт можно открыть на телефоне и компьютере по одной ссылке.
Навигация по содержанию
Разделы соединены переходами, чтобы посетитель мог двигаться от знакомства с кофейней к интересующей его информации.
Можно посмотреть самому.
Готовый результат — опубликованный сайт кофейни с меню, фотографиями и адаптивной навигацией. Его можно открыть по ссылке и самостоятельно пройти путь гостя. Для бизнеса это отдельная площадка, на которой собрано представление о заведении.
Короткий маршрут по проекту
- Открыть главную и познакомиться с визуальным стилем кофейни.
- Перейти к меню и посмотреть предложение.
- Просмотреть фотографии и остальные открытые разделы.
- Проверить те же действия на телефоне.