Espresso & Éclair — Сайт кав'ярні під ключ (Next.js)
Індивідуальний концепт-проект веб-ресурсу для сучасної кав'ярні-кондитерської. Робота виконана за повним циклом — від проектування інтерфейсу до публікації готової до роботи версії в мережі.
ЩО БУЛО ЗРОБЛЕНО:
- UI/UX Дизайн: Розробка візуального стилю, сітки, підбір шрифтів та кольорової гами у темних тонах з теплими акцентами. Створення макетів для десктопних та мобільних пристроїв.
- Фронтенд-розробка: Перенесення розробленого дизайну в код на стеку Next.js з використанням строго типізованого TypeScript.
- Стилізація та адаптивність: Верстка виконана за допомогою фреймворку Tailwind CSS. Інтерфейс адаптований під різні роздільні здатності екранів.
- Структура та інтерактив: Сайт складається з 3 логічних розділів (Home, Menu, Atelier), також реалізована форма для бронювання столиків.
- Деплой: Проект оптимізований та опублікований на хостингу Vercel.
ВИКОРИСТАНИЙ СТЕК:
- Figma (дизайн та прототипування)
- Next.js (React), TypeScript, Tailwind CSS
- Хостінг Vercel
Проект розроблений як демонстраційний концепт для підтвердження практичних навичок веб-розробки та проектування інтерфейсів.
Живое посилання на проект — у блоці «Деталі роботи» (або скопіюйте посилання: https://espressoeclair.vercel.app/)
#nextjs #typescript #tailwind #webdev #figma #landing
ЩО БУЛО ЗРОБЛЕНО:
- UI/UX Дизайн: Розробка візуального стилю, сітки, підбір шрифтів та кольорової гами у темних тонах з теплими акцентами. Створення макетів для десктопних та мобільних пристроїв.
- Фронтенд-розробка: Перенесення розробленого дизайну в код на стеку Next.js з використанням строго типізованого TypeScript.
- Стилізація та адаптивність: Верстка виконана за допомогою фреймворку Tailwind CSS. Інтерфейс адаптований під різні роздільні здатності екранів.
- Структура та інтерактив: Сайт складається з 3 логічних розділів (Home, Menu, Atelier), також реалізована форма для бронювання столиків.
- Деплой: Проект оптимізований та опублікований на хостингу Vercel.
ВИКОРИСТАНИЙ СТЕК:
- Figma (дизайн та прототипування)
- Next.js (React), TypeScript, Tailwind CSS
- Хостінг Vercel
Проект розроблений як демонстраційний концепт для підтвердження практичних навичок веб-розробки та проектування інтерфейсів.
Живое посилання на проект — у блоці «Деталі роботи» (або скопіюйте посилання: https://espressoeclair.vercel.app/)
#nextjs #typescript #tailwind #webdev #figma #landing