Методы разработки дизайна в Uplab

Команда Uplab: как мы создаем дизайн сайта

5 минут 6292
image
Петр Мострюков Арт-директор Uplab
image
Виктория Денис Дизайнер
Команда Uplab: как мы создаем дизайн сайта
Дизайн сайта должен быть эффективным. Выполнение этой задачи требует выверенных методов разработки. Дизайнеры Uplab рассказали, как у них получается создавать качественное визуальное наполнение на сайтах различной тематики.

Обсуждение дизайна с заказчиками

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

Чтобы создать сайт, который выполнит поставленную задачу, дизайнеры изучают бизнес заказчика и участвуют в брифингах с клиентом на ранних этапах. Специалисты, обладая всей полнотой информации, способны найти оригинальное решение, которое будет удовлетворять бизнес-задачи компании и в наибольшей степени отвечать запросам целевой аудитории сайта. Например, для сайта аэропорта Кольцово наша команда разработала минималистичный дизайн, который решает задачи пользователей сразу с первого экрана.
Главная страница аэропорта Кольцово
Дизайн сайта аэропорт Кольцово
Пример с сайтом Кольцово демонстрирует, что разработка визуального наполнения возможна только в широком контексте целей и задач, которые решает бизнес. Вот почему обсуждение будущего сайта происходит в Uplab в несколько этапов. Ключевые темы брифингов по дизайну:
примеры и антипримеры сайтов;
общая стилистика нового сайта;
текущая ситуация с фирменным стилем;
бенчмаркинг и мудборд.
Общий стиль сайта непосредственно зависит от тех задач, которые должен выполнять веб-ресурс: представление продукта, позиционирование корпорации, развлечение или обучение интернет-пользователей. Дизайн должен с первого взгляда формировать представление о тематике веб-ресурса: имиджевая, информационная, сервисная. Вместе с тем, следует учитывать текущий фирменный стиль компании клиента.
При выборе стилистики и цветовой палитры дизайнеры Uplab оценивают многие параметры: от эмоционального настроения веб-ресурса до стандартов, принятых в определенном сегменте интернета. Причем существующие тренды можно и соблюдать, и оспаривать — это зависит от общей идеи сайта.

Завершается обсуждением референсов, которые помогут нашим дизайнерам создать визуал. Заказчик называет удачные и неудачные, по его мнению, реализации аналогичных сайтов. Со своей стороны, мы предоставляем клиентам бенчмаркинг — сводный анализ релевантных сайтов.
Юбилейный сайт корпорации РМК
Дизайн юбилейного сайта РМК 15 лет
В ряде случаев мы создаем мудборд. Этот подход позволяет быстро определить общее направление и, тем самым, сузить диапазон поисков.

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

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

Как в процессе создания учитывать идею и цель сайта?

Тщательное изучение бизнеса заказчика на раннем этапе разработки позволяет в процессе отрисовки дизайна точнее визуализировать миссию бренда. А результаты бенчмаркинга помогают отстроиться от конкурентов. Например, при разработке сайта MyDent24 дизайнеры Uplab обратили внимание на одну закономерность. Большинство компаний, которые продают медицинское оборудование, выбирают для фирменного стиля синюю «стерильную» гамму. Такое решение логично, но количество визуально идентичных сайтов заставила найти альтернативу.
Интернет-магазин для стоматологов MyDent24
Дизайн сайта MyDent24
В качестве основного для сайта MyDent24 выбран светлый мятный цвет. Он тоже принадлежит к холодной «стерильной» части спектра, зато воспринимается, как цвет экологичности. Поэтому пользователь, открывая сайт, испытывает положительные эмоции. И поскольку цветовая гамма сайта выглядит оригинально, пользователь подсознательно обращает внимание на дизайн, и начинает сознательно изучать сайт внимательнее.

Баланс между трендами и оригинальностью

Должен ли сайт быть оригинальным или классическим, придерживаться трендов или задавать тренды? При выборе подхода обязательно соблюдать одно правило. Дизайн должен быть понятен целевой аудитории.
Сайт о высокопрочных марках стали корпорации Северсталь
Дизайн сайта корпорации Северсталь
Дизайнер
Виктория Денис
Формируя дизайн, я стремлюсь применять настолько оригинальные решения, насколько это позволяют ограничения. Дорабатывая каждый элемент, я проверяю, как он согласуется с остальным визуалом. Если я вижу, что поиски зашли слишком далеко, и решение определенной части интерфейса не соответствует общей концепции, я возвращаюсь на шаг назад, пока не буду уверена, что UI эффектный и эффективный.
Работа дизайнеров — это постоянный путь поиска.

Наша команда давно существует на рынке, но, несмотря на это, постоянно ищет новые решения и стремится улучшить существующие методики. Это позволяет дизайнерам Uplab создавать визуал для монопродуктового сайта злаковых хлопьев и для портала металлургической корпорации. И в обоих случаях это эффективные решения, которые нравятся заказчику и которыми гордится команда Uplab.

Другие статьи

5 причин начать пользоваться роботами «Битрикс24»

22 марта 2019

15 мин.

21150

5 причин начать пользоваться роботами «Битрикс24»

Юзабилити-аудит сайта: чек-лист с примерами

23 сентября 2019

30 мин.

40940

Юзабилити-аудит сайта: чек-лист с примерами

Юнит-экономика: как оценить успешность бизнеса

18 декабря 2020

25 мин.

181982

Юнит-экономика: как оценить успешность бизнеса

Услуги

Сайты и сервисы

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

Дизайн

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

Аналитика

Изучаем бизнес клиента и его конкурентов, подбираем инструменты и способы продвижения.

SEO-продвижение

Увеличиваем органический трафик на сайте и снижаем затраты на привлечение клиентов.

Расскажите
о вашем проекте