Задача

Это был нетривиальный проект. Та самая ситуация, когда рекламное агентство не очень представляет что про себя рассказать. Мы помогли им в этом. Ждем, когда они дозаполнят сайт, чтобы его выложить.

Над проектом работали:

Арт-директор
Александр Лебедев
Backend-разработчик
Дамир Султанов
Старший frontend-разработчик
Виктория Денисова
Дизайнер интерфейсов
Алексей Петров

Клиент

Koleso

image
Для кого
Наш
креативный
заказчик
Компания «Колесо» производит полиграфическую и сувенирную продукцию. Работает с крупными брендами из разных отраслей, но специализируется на отелях. Сотрудники компании отвечают не только за реализацию, но и дизайн изделий и всегда открыты для нестандартных задач.
image
Всё и сразу
Задачи
  • 01
    Показать масштаб компании
    «Колесо» на рынке с 1992 года, в портфолио – десятки солидных контрагентов и сотни проектов: от пошива мягких игрушек до проведения фотосъемок. Полно рассказать об опыте компании и при этом не утопить пользователя в потоке информации – наша основная задача.
  • 02
    Оптимизировать бизнес-процессы
    Новый функционал должен повысить эффективность коммуникаций между менеджером и клиентом: упростить презентацию услуг компании, обеспечить интеграцию онлайн-заявок с crm-системой для роста конверсии.
  • 03
    Создать запоминающийся образ
    «Колесо» создаёт яркую рекламную продукцию и помогает своим клиентам выделяться. В свою очередь нам предстояло отразить креативный характер компании в стилистике её сайта.
И немножко дерзко
Идеи
Создать творческий по духу ресурс нам помогали яркие жизнерадостные визуалы, где обычные вещи представлены в неожиданном контексте.
idea
idea
idea
idea
idea
idea
idea
idea
image
image
Единство стиля
Дизайн
система
Для каждого проекта мы создаём дизайн-систему – набор всех элементов интерфейса в едином стиле – и отдаём заказчику. Если через полгода понадобится дополнить сайт новыми страницами, получится сделать это быстро и сохранить единообразие. Визуальный язык проекта напоминает журнальную вёрстку: яркие цвета, акцент на фото и нескучная типографика привлекают внимание к контенту. Шрифт Roboto упрощает чтение текстов, он современный и дружелюбный, как и компания «Колесо».
Roboto
Типографика
H1
Heading 1
H1
Heading 2
H1
Heading 3
Subtitle
Body text
Service text
#303538
#f3b7b7
#fed6ca
#d0f3fe
#f8fccf
#cad3fe
#d1f8e7
#e0c8e3
Цвета
На сайте используется широкая цветовая палитра, но приглушенные оттенки, чтобы пользователь не уставал. Для шрифтов и кнопок мы выбрали не строгий чёрный цвет, а загадочный тёмно-синий с серым подтоном.
pens
badges
tags
buttons
checkbox
inputs
tabs icons
image
image
В производство
Структура
Нам предстояло рассказать сразу и о многом: 7 направлений услуг, около десятка подкатегорий в каждом, а ещё клиенты и кейсы. Важно быстро зацепить потенциального клиента, показать ему релевантный контент. Для этого мы выбрали циклическую структуру: к описанию услуги подтягиваем примеры выполненных работ, предлагаем перейти на схожие по тематике страницы по тегам. Так пользователь всегда получает дополнительную информацию, помогающую принять решение о сотрудничестве.
bg
Главная
Всё самое важное транслируем на главной странице: придумали ёмкое описание компании и броский слоган, разместили перечень основных услуг в верхней панели навигации, ниже анонсировали ключевые направления, чтобы удержать самую целевую аудиторию компании. И, конечно, предусмотрели возможность оперативно оставить заявку на сотрудничество.
Индустрия, в которой мы разбираемся
Работа
с отелями
От чек-ина до чек-аута – каждая деталь вызывает эмоцию. Мы делаем так, чтобы к вам не забыли вернуться.
Подробнее
hotel
bg
hotel
bg
Всегда под рукой
Печатные
материалы
Качественная полиграфия – надежный бизнес- помощник, который расскажет о вашей компании самое главное. Напечатаем все и не только на бумаге.
Подробнее
image
image
image
screen
Поиск
Особенность бизнеса клиента – широкий ассортимент продукции, которая производится не по шаблону, а индивидуально под заказчика. Вместо типового каталога с карточками товаров мы предложили сделать базу знаний. Каждая позиция имеет собственную информационную страницу с описанием, фотографиями, ссылками на подробные кейсы. Таким образом мы моментально демонстрируем свою экспертизу, а не просто называем услугу. Общаясь с новым заказчиком, менеджеру достаточно прикрепить к письму ссылку на такую страницу, а не выуживать информацию из архивов по каждому изделию.
Macbook
Полный комплект
Мобильная
версия
«Колесо» работает преимущественно в B2B секторе, заявки на сотрудничество таким компаниям оформляют в рабочее время с настольных компьютеров. Тем не менее мы разработали полноценную мобильную версию сайта. Если потенциальный клиент откроет сайт в такси, ресторане или в аэропорту, он увидит четкие и пропорциональные изображения, удобные для прочтения тексты, корректно работающий поиск. Ничто не помешает оставить заявку прямо здесь и сейчас или отправить ссылку сотруднику с просьбой «связаться с симпатичными подрядчиками».
mobile
mobile
mobile
mobile
mobile
mobile
mobile
image
Rambler's Top100