Привет!
Меня зовут Софья, я веб-дизайнер.

Чтобы показать главные экраны для тестового задания и немного рассказать про логику их создания, я решила сверстать эту страницу на своем сайте-портфолио.

С чего начать?

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

Вариант 1: оранжевый — хит дизайна

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

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

Вариант 2: тайные гости

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

Вариант 3: просто и со вкусом

Я решила отойти от оранжевого и взять желтый. Желтый ассоциируется со спелыми фруктами, жизнерадостностью и открытостью. Компаньоном ему идет акцентный зеленый цвет. Получается свежее, сочное сочетание. Эти оттенки не такие сложные, поэтому в совокупности с большим количеством белого получается впечатление простого, дружелюбного сайта.

Почеркушки могут дальше исползоваться в дизайне сайта. Они напоминают разлитый соус, как финальный штрих украшения блюда. Это универсальный прием, который можно впоследствии легко вписать как на сайт, так и в дизайн социальных сетей или полиграфии.