Gentile: дизайн и анимации сайта кафе-пекарни
Дизайн и анимации сайта кафе-пекарни в Ереване: круассан, который разбирается при прокрутке, витрина выпечки, меню и бронь стола на трёх языках.
Работает
Цифры проекта
- 3 языкаармянский, русский и английский
- 20 позицийна витрине выпечки, которую можно крутить пальцем
- 148 кадровистории круассана для компьютера и телефона
Задача
Нарисовать для кафе-пекарни в Ереване сайт, который вызывает аппетит с первого экрана. Главное у заведения - выпечка, поэтому гость должен быстро увидеть, что сегодня на прилавке, выбрать блюдо и забронировать стол. Три языка: армянский, русский и английский.
Что сделал
Я разработал дизайн, анимации и визуал. Сам сайт не разрабатывал.
- Круассан на первом экране. Слои съезжаются пружиной, а по клику круассан разбирается на витки.
- История на прокрутке. Ролик о выпечке разложен на кадры: круассан поворачивается, разлетается и собирается, пока гость листает страницу.
- Витрина. Кольцо из 20 карточек круассанов, слоек и десертов, крутится пальцем, мышью, колесом или кнопками.
- Меню. Еда и напитки по разделам, с ценами в драмах и объёмами, у большинства блюд фото, плюс корзина и бронь стола со схемой зала.
- Стиль «перо и тушь». Рамки прорисовываются по прокрутке, кнопки объёмные, у армянского свой шрифт.
Результат
Готовый дизайн и анимации: аппетитный первый экран, витрина, меню и бронь на трёх языках, удобные и на компьютере, и на телефоне.
Коротко о проекте
| Проект | Дизайн и анимации сайта кафе-пекарни в Ереване: выпечка на первом экране, витрина, меню, бронь стола и контакты на одной странице |
|---|---|
| Моя роль | Дизайн, анимации и визуал сайта. Сам сайт не разрабатывал. |
| Результат | Дизайн с выпечкой на первом экране, витриной, меню и бронью стола на трёх языках |
| Объём | Одна длинная страница: первый экран, история на прокрутке, витрина, меню, отзывы, бронь, контакты |
| Визуал | Круассан и ролики созданы ИИ: 84 кадра истории для компьютера и 64 для телефона |