Учебная работа для отработки навыков веб-дизайна и вёрстки лендинга. Создание сайта для кофейни «Утренний Лайм» с акцентом на уютную атмосферу, свежесть и натуральность. Задача — передать настроение места через цветовую палитру, типографику и композицию, сделать сайт привлекательным для целевой аудитории.
Для работы был выбран формат одностраничного сайта с чёткой структурой и визуальной иерархией.
Основные этапы работы:
1) Анализ задачи: определила концепцию сайта — кофейня с акцентом на атмосферу, качество и свежесть. Целевая аудитория — любители хорошего кофе, которые ценят уют и индивидуальность.
2) Подбор цветовой палитры: выбрала зелёную гамму для передачи свежести и натуральности:
- тёмно-зелёный — основа, стабильность, природа
- светло-зелёный (пастельный) — лёгкость, свежесть, уют
- белый — чистота, минимализм
- акценты на фотографиях кофе (коричневые, бежевые тона)
3) Проработка структуры:
- Шапка: логотип с навигацией (О кофейне, Меню, Контакты)
- Главный экран: атмосферное фото с кофе и десертом, слоган «Кофе, от которого просыпается город», кнопка призыва к действию
- Секция «Наша атмосфера»: текстовое описание философии + фото рук с чашкой
- Секция «Попробуйте»: меню с ценами (эспрессо, капучино, латте, круассан)
- Секция «Ждем в гости»: контактная информация (адрес, часы работы, телефон)
- Подвал: копирайт и социальные сети
4) Работа с типографикой:
- выбрала читаемые шрифты
- создала визуальную иерархию (заголовки, подзаголовки, основной текст)
- обеспечила достаточный контраст для удобства чтения
5) Подбор и размещение изображений:
- качественные фотографии кофе с латте-артом
- изображения десертов (тирамису)
- атмосферные детали (лайм, мята, открытки, камера)
- круглые карточки для меню
6) Создание адаптивной композиции:
- чередование светло-зелёных и тёмно-зелёных секций для визуального ритма
- достаточное количество «воздуха» (отступов) для лёгкости восприятия
- баланс текста и изображений
7) Проверка удобства: убедилась, что навигация интуитивно понятна, информация легко читается, а общий дизайн передаёт атмосферу уюта и свежести кофейни.
Пожаловаться
