Лендинг кофейни «Зерно» — демонстрационный проект

Описание

Демонстрационный проект: делал его как пример своей работы, чтобы показать подход к продающим одностраничным сайтам.

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

Решение

Структура: первый экран с оффером и двумя действиями (бронь и меню), цифры доверия, блок «почему возвращаются», фотоколлаж зала и обжарки, меню карточками с ценами, отзывы гостей, форма брони с адресом и режимом работы.

Вёрстка собственная, без конструкторов: HTML, CSS, немного JavaScript. Адаптив от 360 px, приоритет мобильной версии — по такой тематике большинство заходов с телефона. Фотографии подобраны и обработаны, шрифтовая пара — Playfair Display и Manrope.

Результат

Страницу можно открыть и потрогать: https://ryabininam8605-bit.github.io/portfolio/coffee/

Грузится быстро, работает на телефоне и компьютере, форма заявки настраивается на почту или в Telegram. Такой же лендинг делаю под конкретный бизнес за 2–4 дня: меняются тексты, фото и палитра, структура и механика остаются.