Разработка концепции
текстового лонгрида
для журнала
The Gentlewoman

Журнал "The Gentlewoman" — это британское периодическое издание, посвященное моде, культуре и стилю жизни современных женщин. Он был основан в 2010 году и быстро завоевал популярность благодаря своему уникальному подходу и высокому качеству контента.

Цели проекта:

Результат проекта:

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

Разработана дизайн-концепция внутренней страницы сайта со статьей, организовано движение по тексту благодаря управлению фокусом внимания пользователя.

ПРОТОТИП

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

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

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

ДИЗАЙН И
КОНЦЕПЦИЯ

ДИЗАЙН И КОНЦЕПЦИЯ

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

Шрифт
Tenor Sans regular + Roboto light

Сетка
4 columbs; 20 gutter; 20 margin

#000000;#3A3A3A; #FFFFFF

АДАПТАЦИЯ

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

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

ДРУГИЕ
ПРОЕКТЫ

ДРУГИЕ ПРОЕКТЫ

02.Фотограф
Полехин В.

Редизайн существующего сайта-портфолио
для популярного фотографа из города Находки

UX/UI

СОПРОВОЖДЕНИЕ

РЕДИЗАЙН

WEB-DESIGN

Давайте вместе создадим сайт,
который будет соответствовать
вашему бизнесу и поможет
достичь ваших бизнес-целей

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

© Все права защищены