После редизайна своего сайта продолжил дело с редизайном чужих сайтов "для себя". Руку набить и не потерять хватку, да и вообще, говорят, полезно это. Постоянно дизайнить. Решил делать это в Figma.
На этот раз выбор пал на один популярный во Владивостоке сайт гриль-бара. Бар хороший, а сайт совдеповский.
В шапке сайта висит огромная плашка с каким-то ноунейм-брендом доставки еды. Перед меню для каких-то целей занимает часть главного экрана адрес и время работы бара, название которого можно увидеть только в меню, которое занимает на сайте не привычную плашку сверху, а чуть-ли не центр экрана. К тому же меню - единственный элемент со всего сайта, который не адаптирован под телефоны и планшеты. Дальше нас ждет баннер с акцией и еще одно меню с меню.
Простите за тавтологию, но по другому не напишешь.
И только потом, в шестом смысловом блоке сайта мы видим целевое действие и описание того, зачем мы сюда вообще пришли.
Этот самый шестой смысловой блок не помещается на главном экране. По крайней мере при просмотре на 15-дюймовом наутбуке.
Вот как я обыграл главную страницу:
Текст я не менял и всю основную информацию решил поместить на главном экране.
Далее был сделан дизайн для планшетов. Так выглядит оригинал:
А это адаптация под планшеты в моем варианте:
Ну и финальный штрих, адаптация под мобильные телефоны:
Прототип главного экрана можно посмотреть здесь. Стрелочками можно перелистывать экраны.
Сочное мясцо для фона сгенерировано в нейросети!
Нравится материал ставь лайк и подпишись на канал!