Односторінковий лендинг для авторської кав'ярні ТЕПЛО (Запоріжжя, просп. Соборний, 166). Розробка з нуля: концепція, UX/UI-дизайн та фронтенд-реалізація.
Сайт побудовано як SPA на React + Vite з плавними motion-анімаціями на Framer Motion. Атмосферна типографіка (Cormorant Garamond + Inter) та тепла кольорова палітра передають естетику затишного спешіалті-закладу та підкреслюють авторський характер бренду.
Реалізовано:
- Hero-секція з анімованим заголовком, скрол-індикатором та слоганом «Там, де тепло живе у кожній чашці»
- Блок «Наша історія» з філософією бренду та лічильниками (рік заснування, гості, напої)
- Розділ «Авторська кава» з трьома акцентами: спешіалті, свіжий обсмаж, домашня випічка
- Меню з картками напоїв (Еспресо, Капучіно, Флет Вайт, Фірмовий Лате) — назва, опис, походження зерна, ціна
- Галерея кав'ярні (інтер'єр, атмосфера, бариста за роботою, кавова церемонія)
- Блок «Як дістатися» з адресою та режимом роботи (Пн–Нд 8:00–22:00)
- Контакти з кнопками дзвінка та резервації
- Адаптивна верстка, мобільне бургер-меню
Стек: React, Vite, Framer Motion, адаптивний CSS.
Сайт побудовано як SPA на React + Vite з плавними motion-анімаціями на Framer Motion. Атмосферна типографіка (Cormorant Garamond + Inter) та тепла кольорова палітра передають естетику затишного спешіалті-закладу та підкреслюють авторський характер бренду.
Реалізовано:
- Hero-секція з анімованим заголовком, скрол-індикатором та слоганом «Там, де тепло живе у кожній чашці»
- Блок «Наша історія» з філософією бренду та лічильниками (рік заснування, гості, напої)
- Розділ «Авторська кава» з трьома акцентами: спешіалті, свіжий обсмаж, домашня випічка
- Меню з картками напоїв (Еспресо, Капучіно, Флет Вайт, Фірмовий Лате) — назва, опис, походження зерна, ціна
- Галерея кав'ярні (інтер'єр, атмосфера, бариста за роботою, кавова церемонія)
- Блок «Як дістатися» з адресою та режимом роботи (Пн–Нд 8:00–22:00)
- Контакти з кнопками дзвінка та резервації
- Адаптивна верстка, мобільне бургер-меню
Стек: React, Vite, Framer Motion, адаптивний CSS.