Задача
Сервис был сделан под телефон, а на компьютере открывался узкой колонкой шириной 480 пикселей — как большой телефон посреди пустого экрана.
Нужно было вернуть полноценную десктопную версию и привести весь продукт к единому стилю.
Собственный продукт: каталог из 450+ рецептов с калорийностью и БЖУ, план питания на неделю, сборка меню под приём пищи и корзина покупок. Работает на компьютере и телефоне, в тёмной и светлой теме.
Сервис был сделан под телефон, а на компьютере открывался узкой колонкой шириной 480 пикселей — как большой телефон посреди пустого экрана.
Нужно было вернуть полноценную десктопную версию и привести весь продукт к единому стилю.
Полная ширина на компьютере. Убран блок стилей, который сжимал сайт в колонку. Каталог идёт в три колонки, страница рецепта — в две.
Чёрно-жёлтая тема. Палитра собрана на переменных, поэтому тёмная и светлая темы переключаются без расхождений; на жёлтых кнопках текст чёрный.
Карточка рецепта. Категория, кухня и источник не наезжают друг на друга; время, сложность и КБЖУ читаются одной строкой.
Честные цифры. На первом экране вместо неподтверждённых «+3000 рецептов» и рейтинга — то, что есть на самом деле: 450+ рецептов, план на 7 дней, КБЖУ в каждом блюде.
Починка. Страница «Справочник» не запускалась из-за ошибки в скрипте — исправлено.
Чёрный фон и жёлтый акцент — в стиле портфолио. Цвет отдан действиям и цифрам, фотографии блюд остаются главным на странице.