Эра. Дизайн | Сайты и презентации

✦ Когда сайт должен продавать не услугу, а сложную экспертную компетенцию Ольга Мацова — бизнес-стратег, который помогает предпринимателям принимать управленческие решения через финансовую аналитику и системный подход. ▶︎ Задача Создать сайт, который: ➡️ простым языком объясняет сложный консалтинговый продукт; ➡️ формирует доверие к эксперту; ➡️ визуально выделяет среди типичных консультантов и инфобизнес-подачи; ➡️ помогает пользователю узнать свои проблемы и прийти к заявке без давления. Главной задачей было сохранить баланс между глубиной экспертизы и простотой восприятия. ▶︎ Проблема Анализ конкурентов показал, что большинство сайтов в нише выглядят одинаково: схожая структура, тексты и визуальная подача. Из-за этого эксперты теряют индивидуальность, а ценность их работы остается неочевидной. Поэтому мы создали собственный визуальный и смысловой язык, который раскрывает подход Ольги и выделяет ее на фоне рынка. ▶︎ Структура, тексты и прототип К моменту начала работы у клиента уже были исследования аудитории, анализ конкурентов, глубинные интервью, фирменный стиль и контент-стратегия. Мы изучили материалы, провели дополнительные интервью и построили структуру сайта вокруг логики принятия решения клиентом. Каждый блок отвечает на ключевые вопросы: кто эксперт, какие задачи решает, почему ему доверяют, как проходит работа и какого результата ожидать. Особое внимание уделили UX: вместо многошаговой анкеты оставили простой вход через заявку на консультацию, сократив путь пользователя до первого контакта. Также переработали большой объем экспертной информации, превратив услуги, кейсы, отзывы и процессы в понятную систему. ▶︎ Концепция Основой визуальной концепции стала специфика работы Ольги. Большую часть времени она проводит в финансовых моделях и Excel — именно этот инструмент вдохновил дизайн. Сайт воспринимается как единая аналитическая таблица. Модульная сетка, строгая типографика и выверенная композиция передают ощущение структуры, логики и прозрачности, а визуальный стиль становится продолжением профессионального подхода эксперта. ▶︎ Дизайн Финальный макет объединил маркетинговую стратегию, UX и визуальную концепцию. Несмотря на большой объем информации, сайт остается легким благодаря: ➡️ модульной структуре; ➡️ четкой визуальной иерархии; ➡️ сканируемым блокам; ➡️ повторяющимся точкам входа; ➡️ спокойной системе акцентов. Пользователь последовательно проходит путь от знакомства с экспертом до заявки, постепенно укрепляя доверие. ▶︎ Результат Получился сайт, который понятным языком объясняет сложный экспертный продукт, визуально выделяет Ольгу среди конкурентов и транслирует ее главный принцип — наводить порядок в сложных бизнес-процессах. 🖇 P. S. Обычно в конце таких кейсов мы оставляем ссылку на реализованный проект, но сайт, к сожалению, уже недоступен. Поэтому показываем макеты и рассказываем о процессе разработки

✦ Новая айдентика для Аихаб Изначально Аихаб пришли к нам за новым сайтом. Но в процессе обсуждения визуальной концепции стало понятно, что одним сайтом здесь уже не обойтись. За несколько лет компания выросла, изменился продукт и позиционирование, а прежний визуальный язык уже перестал этому соответствовать. Плюс старый логотип был только на английском и не был зарегистрирован – появился ещё один весомый повод пересобрать айдентику. Вместо адаптации логотипа решили создать новую визуальную систему, которая соответствует нынешнему Аихаб и позволяет бренду развиваться дальше. ▶︎ Что мы сделали Сначала посмотрели, как визуально выглядит рынок. И здесь всё довольно предсказуемо: безопасные синие и фиолетовые палитры, градиенты как универсальный AI-маркер, абстрактные потоки данных, карточные интерфейсы и очень похожая друг на друга типографика. Мы не стали полностью отказываться от этих кодов – они помогают быстро считывать IT-отрасль. Но решили добавить Аихаб больше характера. При этом сами SaaS-продукты довольно сложны для восприятия. Потенциальному клиенту и так нужно разобраться, что именно делает сервис, как он работает и какую задачу решает. Поэтому в визуальном языке нам не хотелось усложнять восприятие и уходить в метафоры. ▶︎ В основу логотипа заложили простую и понятную идею – платформу данных. Знак построен как объёмный модуль, внутри которого считываются несколько вложенных контуров – потоки данных, которые сходятся в едином центре управления. За счёт скруглённой формы знак остаётся технологичным, но при этом не выглядит холодным. И ещё одна важная деталь – название Аихаб написано со строчной буквы. Это про партнёрство и коммуникацию на равных: мы не сверху и не «учим работать», а находимся рядом с клиентом и помогаем ему решать задачи. ▶︎ Цветовую палитру тоже собирали вокруг этого ощущения. В основной палитре сохранили технологичность, но добавили больше лёгкости и дружелюбия, чтобы коммуникация не выглядела слишком корпоративной. Также предусмотрели дополнительные оттенки – они делают визуальный язык более живым и одновременно закладывают основу для будущего: каждый новый продукт компании сможет получить свой цветовой код и при этом остаться частью общей визуальной системы. ▶︎ Отсюда же появился и характер типографики. Вместо очередного универсального гротеска для заголовков выбрали Random Grotesque – выразительный, пластичный и немного игривый. Он добавляет бренду характер, лёгкую дерзость и помогает визуально отстроиться от достаточно однообразной типографики в сфере IT. Основной упор в развитии айдентики сделали на digital-носители. Для презентаций, страниц сайта и кейсов разработали мастер-шаблоны, а для Telegram-канала, рекламных баннеров и других digital-площадок – оформление и принципы работы с визуальной системой. В результате Аихаб получил целостный набор инструментов, с которым внутренний дизайнер может самостоятельно создавать новые материалы, сохраняя единый визуальный язык бренда и адаптируя его под новые задачи. Система рассчитана на развитие вместе с компанией: новые продукты и направления смогут получать собственные визуальные акценты, оставаясь частью общей дизайн-системы. А мы продолжаем работать с командой в формате дизайн-поддержки и подключаться к задачам по мере необходимости. Заказать проект | VK | Сайт Эры