Стартовые экраны Fair Food: работа для портфолио, созданная для демонстрации навыков в UX/UI дизайне, на основе реальных кейсов

Описание

Цель была максимально простой: создать один эстетически красивый главный экран по теме на выбор. Содержание экранов: Хедер с любым набором меню, вымышленный логотип, фотография на фоне, заголовок, подзаголовок, кнопка. Требования: должно выглядеть красиво, и как добиться такового результата является уже одной из задач.

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

Решение

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

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

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

Результат

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

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

Ссылки на примеры реализации

 www.behance.net/gallery/242830781/Fair-Food-Screen...

Презентация проекта