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

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

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

Оглавление

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

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

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

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

  • текущая ситуация с фирменным стилем;
  • общая стилистика нового сайта;
  • примеры и антипримеры сайтов;
  • бенчмаркинг и мудборд.

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

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

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

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

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

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

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

Должен ли сайт быть оригинальным или классическим, придерживаться трендов или задавать тренды? При выборе подхода обязательно соблюдать одно правило. Дизайн должен быть понятен целевой аудитории.
Сайт о высокопрочных марках стали корпорации Северсталь
Формируя дизайн, я стремлюсь применять настолько оригинальные решения, насколько это позволяют ограничения. Дорабатывая каждый элемент, я проверяю, как он согласуется с остальным визуалом. Если я вижу, что поиски зашли слишком далеко, и решение определенной части интерфейса не соответствует общей концепции, я возвращаюсь на шаг назад, пока не буду уверена, что UI эффектный и эффективный.
Виктория Денис
Дизайнер
Работа дизайнеров – это постоянный путь поиска.
Наша команда давно существует на рынке, но, несмотря на это, постоянно ищет новые решения и стремится улучшить существующие методики. Это позволяет дизайнерам Uplab создавать визуал для монопродуктового сайта злаковых хлопьев и для портала металлургической корпорации. И в обоих случаях это эффективные решения, которые нравятся заказчику и которыми гордится команда Uplab.
Читайте по теме
507
Оцените статью
(3.22)

Поделитесь материалом с друзьями и коллегами:

Комментарии к статье

Другие статьи в блоге
Статьи ~ 10 минут на чтение

Почему брендинг важен для каждой компании?

494
30 декабря 2020
Статьи ~ 20 минут на чтение

Data Driven: как принимать решения на основе данных

38827
25 декабря 2020
Статьи ~ 10 минут на чтение

Поиск фрилансеров: когда это нужно, и как это сделать?

517
24 декабря 2020
Статьи ~ 10 минут на чтение

Как создать эффективную презентацию?

614
23 декабря 2020
Статьи ~ 10 минут на чтение

Лицензионные фото для сайта: правила поиска

547
21 декабря 2020
Статьи ~ 25 минут на чтение

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

60876
18 декабря 2020
Статьи ~ 10 минут на чтение

Топ 10 CRM-систем для крупного и малого бизнеса

1248
10 декабря 2020
Статьи ~ 5 минут на чтение

Кейс-стади FESCO: оптимизируем поведение пользователей на сайте

1125
08 декабря 2020
Статьи ~ 10 минут на чтение

Кейс-стади «MyDent24»: 5 приемов для разработки интернет-магазина в B2B-сегменте

1180
30 ноября 2020
Статьи ~ 25 минут на чтение

Минимально жизнеспособный продукт: типы, методы, этапы построения

47719
12 ноября 2020