Разработка дизайна сайта: креатив

— Дизайн — это просто, сынок :)

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

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

— Насколько далеко вы готовы зайти?

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

Консерватизм

«Смело. Дерзко. С легким налетом сумасшествия»

Чистое безумие

0%

50%

100%

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

Для консервативных проектов:

01

Выяснить референсы

02

Брейншторм с дизайнером

03

Дизайн

Для проектов с креативом:

Выяснить референсы

Брейншторм с дизайнером

Скетч и мудборд

01

02

03

Прототип

04

Дизайн

05

На ecommerce-проектах этапу креатива всегда предшествует аналитика: агрегация требований и создание прототипа. И здесь бегунок достаточно выставить на 20% — этого будет достаточно, чтобы показать, о чём проект и что он может предложить пользователям.

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

— Карта ваших желаний

Референсы от студии

Включаем в бриф то, что вам нравится у конкурентов или на сайтах компаний из других сфер

Референсы от заказчика

Показываем варианты оформления интерфейсов и форм, если этого требует проект

Предлагаем актуальные решения, а вы оцениваете их общую стилистику и интересные детали

Элементы интерфейсов

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

Варианты шрифтов

Подбираем подходящие иконки — только кажется, что все они на одно лицо: на самом деле их миллионы, и все различаются по стилю, толщине линий, детальности прорисовки и т.д.

Варианты иконок

Фотографии, изображения, 3D-модели с нужным настроением или эффектами

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

Примеры контента

Всё это собирается в один документ, чтобы вам проще было определиться, что из представленного — вам нравится, а что — не очень. Так мы поймём, какими должны быть настроение и стиль проекта.

— Собираем дизайн-команду и обсуждаем проект

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

Данные агрегации требований

Прототип

Инсайт

01

02

03

Если он уже есть

Уникальную черту компании, которая выгодно отличает её от конкурентов

Образы, которые эмоционально донесут идею бренда

04

В мозговом штурме участвуют:

Арт-директор — Дизайнер — Менеджер проекта

— Карандашный набросок идей для вашего проекта

Когда мы нащупали фишку, дизайнер от руки рисует скетч. В случае, если креативность проекта выше 50%, скетч прикрепляется к мудборду. После идея согласовывается с заказчиком, и на базе креативной идеи создаётся прототип: он покажет, как будут работать задуманные блоки. А на более консервативных проектах можно обойтись и без скетча.

— Мы сделали все, чтобы попасть в ваши ожидания

Когда всё согласовано, дизайнер приступает к работе. Готовый макет не сразу попадёт к вам, сначала он пройдёт жёсткую внутреннюю приёмку в студии. Мы подготовим презентацию, где покажем не только итоговый макет, но и промежуточные идеи, которые были у дизайнера, а ещё — анимацию, которую предлагаем использовать в дизайне.

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

— Внутренние страницы, формы, оповещения и не только

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

Для начала мы подготовим ui-kit, чтобы макеты не отличались по стилистике, а одни и те же элементы на разных страницах выглядели одинаково. Ежедневно арт-директор будет придирчиво контролировать качество всех новых страниц.

Если в вашем проекте действительно много страниц и элементов, и они могут периодически меняться – предложим разработать дизайн-систему. Для проектов на длительной технической поддержке это особенно важно.

Не можете определиться, что вам нравится и каким бы вы хотели видеть проект визуально?

Не беда — обсудите с нашим экспертом свои «хотелки», и вместе мы найдём идеальный облик для вашего проекта!