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

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

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

Оглавление

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

5 мифов о разработке сайтов на конструкторе Tilda. Кейсы Uplab

96
15 апреля 2021
Статьи ~ 15 минут на чтение

Дроп-домены: что это такое, когда они нужны и как найти хороший дроп

345
17 марта 2021
Статьи ~ 10 минут на чтение

Пять трендов веб-дизайна на 2021 год на примере промышленных гигантов

447
15 марта 2021
Статьи ~ 10 минут на чтение

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

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

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

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

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

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

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

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

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

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

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

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

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

3073
10 декабря 2020