Longread about Memphis style

Задачи:

‍

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

Ссылка на Behance

Ссылка на Figma

Клиент

Яндекс Практикум

Вид работы

Дизайн лендинга

Год

2023

Сформировала ассоциативное поле

Данное поле помогло мне собрать идеи по проекту и сформировать концепцию у себя в голове.

Нашла примеры сайтов, оформленных в стиле Мемфис

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

Собрала мудборд

Сохранила стилистические находки — характериные для стиля Мемфис палитры цвета, шрифты, иллюстрации и реализованные в современных сайтах экраны. Это позволило мне проникнуться данным стилем и начать в нем творить в дальнейшем.

Продумала текстовое наполнение сайта и отобрала иллюстрации

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

Собрала вайрфреймы

Продумала общую структуру сайта, проработала текстовое наполнение и композицию в каждом смысловом разделе лонгрида.

Сформировала UI Kit

Определилась с палитрой цветов, наиболее соответствующей концепции и передающей настроение стиля Мемфис. Выбрала шрифт Karla — гротескное семейство без засечек, шрифт с острыми краями, плавными изгибами и игривыми декоративными элементами. Из компонентов в UI-Ките потребовались только 2 вида интерактивных элементов.

Результат

В качестве стиля в веб-дизайне выбрала стиль Мемфис. Для меня данный стиль (яркий, бунтарский, порой не логично построенный) стал вызовом, стрессом, ещё и на английском языке :-) но, кажется, я неплохо с ним справилась.

‍

Среди нескольких найденных современных сайтов в стиле Мемфис для анализа я выбрала сайт Cartoon Network Studios, американской анимационой студии компании Warner Bros. Entertainment, как наиболее яркий и интересный, на мой взгляд.