- Ало, Chow, я бы хотел заказать доставку на дом

Или то, как я впервые попробовал сделать вроде и базовый, но концепт для компании доставки еды.

Эта идея сидела в голове очень давно, ну все таки база как никак. Но я все не решался сесть за нее, так как эту идею просто перебивали идеи покруче. Но вот, собирая себе портфолио, я подумал что и это надо бы оформить.

Что получилось на мой взгляд круто, а что прям shit.

1. Начальная анимация - это было самым сложным, но при этом получилось самым красивым на мой взгляд. Продумывать логотип и кидать свои кривые наброски кодексу было невероятно тяжело.

А про то, чтобы нарисовать хотя бы примерную анимацию по кадрам я вообще молчу. На грамотную реализацию всего этого через код, включая всю возможную плавность ушло 4 часа непрерывной работы кодекса.

Получилось это все дело как по мне очень неплохо. Буква О - пицца (надеюсь все поняли)

2. Иконографика - одно из любимых.

Над самими иконками я не парился слишком долго, нашел прикольные на пинтересте и слегка видоизменил + сделал новые. Мне нравится тот стиль, который смог удержать кодекс во ВСЕХ иконках.

Как по мне, они не перегружают внимание пользователя, а как раз таки наоборот мягко обозначают важные элементы управления.

3. Главный экран - с ним были сложности не в плане реализации композиции и постановки элементов. Главной сложностью тут стала сама наполненность.

Было много вариантов структуры, но чаще всего они мега перегружали страницу. В итоге я остановился на простой и хорошей (на мой взгляд) структуре:

• адрес и профиль
• поиск
• акционное предложение
• рестораны с бесплатной доставкой
• категории
• полный каталог ресторанов

Изначально я поставил категории в самый вверх (после поиска) и получилось прям дерьмо, которым неудобно пользоваться. Чтобы поменять лишь одну категорию тебе приходилось скроллить все, что было на странице.

4. Карточки ресторанов - сначала они были слишком однообразные. Я не слишком старался над их заполнением в плане блюд, но постарался над внешним видом и удобством.

Сейчас в концепте 38 ресторанов, отдельные фотографии, нормальные названия, кухни, рейтинги, сроки и стоимость доставки. Для каждой категории есть несколько вариантов.

Карточки получились достаточно компактными, но в них осталось всё необходимое.

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