Привет! Это е—б эдженси, и сегодня мы расскажем, как обновили сайт компании с учетом изменения позиционирования и фирстиля, которые еще не были готовы к моменту начала работ. Читайте, чем закончилась эта захватывающая история, спойлер — мы сделали крутой сайт для заказчика.
Разминаемся, разогреваемся…
К нам обратилась компания Индивид, которая изготавливает сувенирную и наградную продукцию. За годы работы на рынке, компания добилась больших успехов со своими флагманскими продуктами: брелоками и медалями. Но это далеко не всё, что умеют делать специалисты фабрики.
Компании хотелось идти дальше — выдвинуть на первый план креатив, брать больше сложных заказов, расширять аудиторию. К тому же, на производстве появилось новое направление — разработка корпоративного мерча. Чтобы реализовать все эти задачи, требовалось обновить устаревший и в дизайне, и смыслах сайт — вдохнуть в него новое амбициозное позиционирование.
На старт, внимание…
Итак, что мы сделали для начала:
-
Изучили сферу деятельности, ЦА и конкурентов
-
Провели глубинное интервью
-
Сформулировали три креативные концепции
-
Поработали над фирменным стилем клиента на основе их собственных материалов
-
Написали мотивирующие и яркие тексты
-
Оформили смыслы в дизайн-концепцию
-
Сделали адаптивную верстку на Тильде
-
Зарядились атмосферой побеждать и не сдаваться
Шнуруем бутсы, затачиваем коньки, начищаем до блеска лыжи
Предыдущий сайт перестал отражать цели и возможности компании. По нему было понятно, что на фабрике можно заказать медали, статуэтки, значки. А вот информация о том, что команда Индивид может создать авторский дизайн, а затем воплотить его на собственном производстве, совсем не выделялась.
Структура сайта была хаотичной и нагруженной — много информации повторялось из страницы в страницу, при этом найти ответы на конкретные вопросы клиента было трудно. Из продуктовых страниц не складывалось полное понимание как услуг в целом, так и процесса производства. Получение примерной стоимости проходило через написание пожеланий по заказу в форме обратной связи, что только отдаляло человека от ключевого действия — оформления заказа.
Кроме того, старый сайт уже не мэтчился с новым характером и амбициями бренда. Заказчики и сами это понимали — после проведения аналитики внутри компании и попыток своими силами разработать фирстиль, ребята пришли с большим объёмом материалов к нам. Нам предстояло учесть как можно больше пожеланий и привести наработки к целостному образу.
…Марш!
Из глубинного интервью мы вынесли ряд пожеланий:
- серьёзный, но креативный стиль
- формирование доверительного образа
- современность в дизайне
Основным пожеланием было использование элементов брендбука, который ребята накреативили своими силами. В Индивиде трудится большое количество талантливых людей с разными идеями, взглядами и вкусами, поэтому стилистика айдентики часто меняла направление. Ребята отобрали множество приёмов, которые им нравятся, а мы разложили их все по полочкам.
За право стать лучшим боролись три участника
В работе над креативными концепциями мы руководствуемся принципами: рационально, эмоционально, разрыв шаблона. Порядок именно такой, по возрастающей — это помогает клиенту под разным углом взглянуть на свой будущий проект. Всегда есть опция совместить несколько концепций в одну и взять от каждой интересные решения.
Несдержанный минимализм
В основе концепции лежит минималистичное визуальное оформление и эмоциональное повествование. Мы вдохновлялись образом альбома, где собраны самые яркие воспоминания. Победы, награды, глубокая история — опора, на которой строится прогресс бренда.
Выбранное направление — непроходящий тренд, классика, которому мы добавили особенностей в виде сложной сетки, рукописных подписей и графичных иллюстраций. По смыслу эта концепция рациональная — основана на опыте, истории, фундаментальности фактов.
Примат формы
Концепцию мы строили на простых геометрических фигурах в сочетании с фотографиями и ярким визуалом. За основу брали схематичные изображения медалей и наград, преобразуя их в яркую форму успеха. Таким приёмом хотелось транслировать, что клиент достигает цели вместе с компанией. При этом яркие цветовые акценты позволяют показать контрасты между типовыми и креативными задачами, простым оформлением и насыщенным содержанием.
Яркая композиция из геометрических пятен, нестандартных цветовых решений и «дорисованных» фотографий, выделит компанию среди конкурентов. По смыслу это эмоциональная концепция — строится на чувствах от ярких побед.
Новое прочтение
С точки зрения визуала, концепция отсылает к ретро-эстетике: «шумные» градиенты, ломографические фотографии, акцидентная шрифтовая пара. При добавлении современных деталей, создается уникальный графический язык — трендовый, дерзкий.
Оптические иллюзии, яркие цветовые пятна и градиенты репрезентируют энергию движения, творчества, свободы во всём. Концепция смелая и амбициозная, как и цели заказчика. В действии приём «разрыв шаблона», который здесь очень уместен. Именно третья концепция лучше всего отразила настроение бренда, поэтому и была выбрана клиентом.
Бежим на длинную дистанцию
Мы разработали новую понятную структуру сайта с логичными переходами между страницами. Всю продукцию отсортировали и разложили по удобным фильтрам — теперь увидеть все варианты изделий внутри одной категории можно сразу на одном экране. А вместо длительного заполнения формы заказа подготовили блоки с выбором продукта и его количества, чтобы клиенту оставалось только нажать на кнопку «Отправить».
Тональность коммуникации мы выбрали смешанную: эмоциональную в заголовках и рациональную в основных текстах. Это позволяло не только вложить в сайт присущие сфере чувства, опыт и рвение к успеху, но и уместить полезную для разных целевых аудиторий информацию.
Только вперед, только к цели!
Главная страница получилась максимально информативной: вся важная навигация понятная и удобная, нужные разделы под рукой. Продукцию компании мы стилизовали в необычных блоках, которые напоминают спортивные ленты медалей, ассоциируя бренд с достижениями и победами.
Яркий градиент лаконично привнёс сайту свою индивидуальность, современный и необычный для ниши стиль.
Чемпионский дизайн
Айдентика компании прослеживается в каждой детали: от кнопок до лид-форм. Где-то появляются фирменные стрелки, где-то — стилизованное лого, а где-то — обрамляющие кавычки. Всё вместе собирается в единый образ компании, к которому заказчики стремились ещё в самом начале.
Самый сильный с точки зрения смысла элемент брендбука — волк присутствует в дизайне сайта на главной странице и в футере как символ бесстрашия и свободы.
Особое внимание мы уделили блоку о производстве. Так как Индивид занимается полным продуктовым циклом, это является огромным преимуществом по сравнению с другими компаниями на рынке.
Подсветили процесс динамичной анимацией карточек, где подробно расписан каждый этап. Пользователи сайта имеют уникальную возможность заглянуть в цех, где рождаются самые памятные изделия.
Последние 100 метров до финиша
Для любителей быстрых покупок и просмотра сайта из любой локации мы продумали, отрисовали и адаптировали все разделы сайта под мобильную версию.
Победа!!!
Обновленный дизайн сайта теперь целиком отражает амбиции и характер заказчика. Он стал удобным, ярким, идеально подходящим духу компании Индивид. Сайт создает целостное впечатление о компании, её услугах и возможностях, что несомненно скажется на увеличении продаж.
Но самое главное — что мы поймали драйвовый вайб заказчика, сделали хорошую работу и получили общее удовлетворение от результата.Так работает настоящая команда — вместе мы можем всё.
Боролись и не сдавались:
Арт-директор — Елена Бобина
Креативный директор — Мария Ищенко
Руководитель проекта — Стас Гринин
Брендшеф — Егор Митькин
Лид-редактор — Анастасия Бобровская
Лид-дизайнер — Анастасия Косаткина
Лид-верстальщик — Илья Потапенко
Этот проект сделан в е–б эдженси. Напишите Саше, если хотите так же.
