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

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

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

Оглавление

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Для чего нужна анимация на сайте и как она работает?

313
22 июля 2021
Статьи ~ 15 минут на чтение

5 фишек front-end, которые сделают ваш интернет-магазин прибыльным

1607
05 июля 2021
Статьи

Чему стоит поучиться у маркетплейсов владельцам интернет-магазинов?

2915
30 июня 2021
Статьи ~ 25 минут на чтение

14 главных трендов в e-commerce в 2021 году

4336
11 июня 2021
Статьи ~ 20 минут на чтение

Страница «О компании» на сайте: нужно ли уделять ей много внимания?

4819
02 июня 2021
Статьи ~ 20 минут на чтение

Проектный офис Uplab: как мы управляем проектами и выстраиваем отношения с клиентами

5197
24 мая 2021
Статьи ~ 25 минут на чтение

9 признаков, что корпоративный сайт нуждается в обновлении с точки зрения SEO

5362
12 мая 2021
Статьи ~ 15 минут на чтение

Топ-15 инструментов Тильды для интернет-маркетолога в 2021 году

5876
30 апреля 2021
Статьи ~ 10 минут на чтение

Тильда в дизайне сайтов: примитивный конструктор или кисть в руках художника?

5918
21 апреля 2021
Статьи ~ 20 минут на чтение

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

6518
15 апреля 2021