Креатив в мире корпоративных сайтов — не просто украшение, а мощный инструмент для укрепления имиджа компании. Каждая наша идея разрабатывается с фокусом на эффективное решение задач клиента. Рассказываем, как воплощаем этот подход в жизнь и создаем веб-сайты, способные вдохновить и привлечь внимание пользователей.
Наша философия в разработке креативных сайтов
Мы убеждены, что креатив способен выделить сильные стороны компании, улучшить ее позиционирование и передать ключевые идеи бизнеса. Для нас это не просто вау-эффекты, такие как вращающиеся 3D объекты и красивая анимация. Визуальные решения, которые мы разрабатываем, несут в себе глубокий смысл и решают конкретные задачи заказчика.
Мы занимаемся веб-разработкой с 2001-го года и видели, как менялся этот рынок. Раньше создание сайтов казалось чем-то новым и непонятным, а теперь почти у каждой компании есть свой сайт, а часто и не один. Рынок стал перенасыщенным, и для нас появился новый вызов — выделить наших заказчиков среди конкурентов.
Если взять главные страницы различных сайтов из одной отрасли, можно заметить, что многие из них выглядят похожими. Поэтому мы стремимся создавать проекты, которые выделяются своим стилем и оставляют незабываемое впечатление у пользователей. Наша цель — делать проекты, которые не только привлекают внимание, но и запоминаются на долгое время.
Все начинается с анализа
Наша работа начинается с тщательного анализа потребностей клиентов. Вместе с заказчиком мы заполняем бриф, чтобы лучше понять, что для них важно. Далее изучаем текущий сайт, анализируем материалы и проводим анализ конкурентов, особенно лидеров отрасли. Наш подход включает не только креативные решения, но и эффективные способы представления услуг или команды. Мы следим за трендами и проводим мозговой штурм для поиска новых идей.
Для лучшего понимания целевой аудитории, мы создаем аватары пользователей и разрабатываем карту клиентского пути (CJM). Все это служит основой для дизайнера и является отправной точкой для креативных идей. Также внимательно изучаем победителей дизайнерских конкурсов, выбираем стилистику и анализируем лучшие проекты в сфере заказчика. Иногда обращаем внимание на классные сайты с анимациями за пределами отрасли клиента. Все эти шаги помогают нам лучше понимать, в каком направлении двигаться при создании креатива.
Затем начинается разработка креативной концепции. Вначале мы проводим установочную встречу с креативной группой, где менеджер делится важной информацией о задаче, клиенте и целевой аудитории. На этой встрече мы определяем направление для движения, собираем идеи в отдельный список — все, что приходит в голову и может подойти. Затем проводим одну-две встречи, активно обсуждая и генерируя много разных идей в ходе мозгового штурма.
Например, мы сейчас работаем над сайтом для юридической компании и разработали две креативные идеи. Первая идея вдохновлена шахматами. Мы представили «юридическую борьбу» как партию в шахматы. Эксперты в юриспруденции, как опытные шахматисты, ловко управляют фигурами, помогая клиентам выигрывать свои дела. Вторая концепция — лабиринт. Здесь юристы выступают в роли проводников, выводя клиентов из юридических трудностей. Мы уверены, что эти идеи придадут сайту уникальность и помогут пользователям лучше понять, как агентство может выручить им в их правовых вопросах.
При изучении юридического рынка, заметили, что юристы часто представляют сайты через ключевых сотрудников или партнеров. Однако мы решили не следовать этому тренду, поскольку наша цель — создавать уникальные проекты.
Генерация идей
Мы много времени уделяем поиску интересных сайтов из разных сфер, подписаны на различные дизайнерские и около-дизайнерские каналы и паблики, мониторим дизайнерские конкурсы. Но не ограничиваемся только сферой дизайна. Активно мониторим интересные решения в области архитектуры, брендинга, упаковки и т. д. Наш девиз — «интересные идеи можно найти в любом месте».
В Figma у нас есть специальное место, где храним и обмениваемся интересными решениями. Этот банк идей становится нашим источником вдохновения, когда мы начинаем работу над новыми проектами.
Мы придаем особое значение использованию анимации, поскольку это для нас не просто возможность создать вау-эффект, а дополнительный инструмент для взаимодействия с сайтом. Анимация вовлекает пользователей, реагируя на их действия, и обеспечивает более глубокое погружение в интерфейс.
У дизайнеров, в отличие от художников, основная задача — создание удобных интерфейсов для пользователей. Применяя инструменты, такие как работу со шрифтом, композицию, цвет и анимацию, мы стремимся сделать взаимодействие программного продукта максимально комфортным для каждого пользователя.
Мы верим, что использование сильных символов и креативной визуализации делает сайт более эффективным. Символизм привлекает внимание на подсознательном уровне и выделяется из общей массы. Такой подход помогает нам качественно решать задачи клиентов — создавать яркие впечатления и запоминаться.
При работе с юридической компанией мы рассматривали различные идеи. Отказались от стандартных символов, таких как щит, молоточки, весы и Фемида, поскольку они часто встречаются у конкурентов и не являются уникальными. Также примеряли идею с кубиком Рубика, но отмели ее из-за слабого символизма. Мы посвятили много времени размышлениям о том, как сделать сайт современным и стильным, потому что в сфере юридических услуг часто встречаются сухие и скучные визуальные решения. Ведь наша цель — представить заказчика в стильном и красочном формате, выделяясь среди других и подчеркивая его индивидуальность.
В итоге выбрали две сильные идеи — лабиринт и шахматы. Обе они обладают высоким символизмом и легко обыгрываются с точки зрения визуала. Например, на странице с шахматами мы планируем использовать нативное 3D для создания блоков. Высокие фигуры, такие как ладья и ферзь, будут окрашены в зеленый цвет, соответствующий фирменным цветам заказчика, окруженные «падшими» пешками, символизирующими их конкурентов. Эти визуальные элементы будут вращаться и двигаться, придавая интерактивность странице. Такой подход не только обладает символизмом, но и эффективно выделяет клиента на фоне конкурентов.
Визуализация идей
После внимательной проверки и формирования шорт-листа мы переходим к созданию видео-прототипа, чтобы визуализировать идеи. Мы убеждены, что это гораздо удобнее для заказчиков, чем статические картинки. Многие люди не обладают развитым абстрактным мышлением, и видео с основными идеями наглядно демонстрирует, как будет выглядеть их будущий сайт. Для нас прототипы — это переход между варфреймом и готовыми макетами.
Мы начинаем с представления клиенту черно-белого прототипа, показывая все макро анимации и основные идеи. После получения утверждения, внимательно прорабатываем авторскую графику, видео и создаем рендеры. На этом этапе также обращаем внимание на тексты, чтобы заказчик мог увидеть условно финальный контент.
Такой подход вовлекает клиента в процесс, делая его активным участником проекта. Это всегда ценно, так как заказчик может вносить свои идеи и предложения, что в итоге улучшает результат. Ведь кроме самого клиента, никто не может лучше знать все детали и тонкости его деятельности. Таким образом, мы уделяем внимание каждой мелочи, чтобы гарантировать максимальный успех проекта.
Шаг за шагом: от прототипа к макетам
За более чем 20 лет опыта мы сформировали четкий план разработки дизайна. Сначала предлагаем несколько вариантов сайтов и их видео-прототипы заказчику для согласования. На этом этапе уже занимаемся шрифтами, размерами и другими аспектами, но не углубляемся в детали. Когда заказчик выбирает предпочтительный вариант, мы переходим к разработке кликабельных макетов Figma, отображая все страницы в соответствии с концепцией. Они демонстрируют интерфейс без анимации и служат заключительной стадией проектирования, показывая заказчику, как будет выглядеть и работать их проект.
Весь процесс разработки разделен на итерации. Это позволяет удостовериться, что мы движемся в правильном направлении и избегаем ошибок. Разбивая работу на мелкие этапы, мы регулярно консультируемся с заказчиком и уточняем, на правильном ли пути находимся. Это помогает быстрее и эффективнее достигать поставленных целей — от точки А к точке Б.
Всегда придерживаемся определенного порядка в процессе разработки, чтобы заказчик был в курсе каждого этапа. Сначала мы предоставляем аналитику и техническое задание, затем показываем видео-прототипы, макеты и верстку. Заказчик имеет возможность оценить работу в различных ракурсах, включая адаптивность, прежде чем мы предоставим финальный результат.
Итог
Креатив для нас — это не просто средство самовыражения, а инструмент, который помогает решать конкретные задачи наших заказчиков. Также работа с нешаблонными проектами часто ставит перед разработчиками профессиональный вызов, потому что заставляет внедрять новые подходы и технологии, которые не использовались ранее.
В каждом новом проекте мы стремимся использовать инновационные подходы и технологии, что дает возможность не только развиваться, но и предоставлять заказчику лучшие решения.
