Курсовая работа Яндекс Практикум Дизайнер интерфейсов (ux/ui) Спринт 3

Задание

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

А вот и бриф: «Нам нравится наш фирменный синий, мы живём с ним много лет. Но, кажется, он выглядит старовато, мы видели в интернете более яркие и технологичные сайты. И хотим такой же. Нам важно сохранить минималистичный стиль, но, чтобы не выглядеть скучно и старомодно, мы готовы рассмотреть варианты дизайна с добавлением других цветов. Только ни в коем случае не оранжевый цвет. Мы не турагентство! У нас нет фирменного шрифта, поэтому с радостью рассмотрим ваши предложения.

Также наш разработчик попросил использовать базовую единицу 4 px, так как она более популярная и гибкая, чем 5 px. Не знаю, что это значит, но, думаю, вы поймёте. Вот некоторые примеры сайтов, которые нам нравятся, но мы рассчитываем и на вашу насмотренность».

Что конкретно нужно сделать

1. Обновить визуальный стиль:

• Изучи референсы, поищи визуальные решения в смежных и несвязанных областях. Важно собрать мудборд и аргументировать свой выбор. Обращай внимание как на проекты целиком, так и на детали — решения в композиции, типографике, цвете.
• Исходя из референсов, подбери новую цветовую палитру: от акцентных до дополнительных цветов. Кратко опиши, на что опираешься при выборе цвета.
• Предложи шрифтовую пару. Кратко опиши, по какому принципу подобраны шрифты.
• Не меняй логотип.

1. Переработать структуру главной страницы под десктоп с шириной экрана 1440 рх:

• Ты можешь удалить блоки или вставить новые, поменять фотографии и добавить любые необходимые элементы. Главное — аргументировать свои решения рядом с фреймом. Помни о методе прогрессивного джипега — сначала обозначь общую композицию в виде эскиза, а затем детализируй каждый блок.
• Продумай композицию. Макет должен быть целостным и последовательным, а размеры и вид элементов — соответствовать их значению на этой странице. Соблюдай основные правила композиции (иерархия, внутреннее и внешнее, правильная работа с воздухом).
• Продумай иерархию текстовых стилей. Выдели самый важный заголовок (H1). Он должен быть один на странице. Далее определи заголовки второго и третьего уровней, основной текст, дополнительную информацию (если она есть) и т. д.
• Выбери и настрой сетку под базовую единицу в 4 px. Расположи по ней элементы. Не забудь, что отступы в сетке должны быть кратны этой базовой единице.