Что важно было показать
На момент старта у клиента уже был сайт, но он устарел морально и визуально — не отражал ни масштабов проектов, ни экспертизы команды. Новый сайт должен быть современным, лаконичным, но выделяться на фоне типовых «1С-представительств».
Клиент хотел, чтобы потенциальный заказчик мог быстро понять, чем занимается «АртАйТи», и оценить уровень профессионализма еще до первой встречи.
В качестве ориентира по стилю и структуре клиент прислал сайты B2B-компаний — Evolution Management, Nimax , ОГК Групп. Мы внимательно их изучили, но не копировали — вычленили подходы к подаче, иллюстрациям, акцентам и построению экранов.
Что было важным:
Работу начали с бесплатного бизнес-анализа и серии встреч: зафиксировали задачи, погрузились в структуру, которую клиент хотел видеть на сайте. Не отталкивались от старого сайта, а строили все с нуля.
Структура проекта
Клиент обозначил подход: каждая услуга — отдельный лендинг, каждая страница — отдельная сущность с блоками, которые можно менять. Проект собирался под эту логику: без фиксированных шаблонов, с возможностью управлять содержанием и порядком блоков через админку.
По сути, сайт был задуман как серия полноэкранных лендингов. Каждый из них нужно было собрать из управляемых блоков, а не просто закодировать статично. На момент разработки в «1С-Битрикс» еще не было полноценного блочного конструктора, поэтому мы создали свою систему управления, которую интегрировали в CMS.
В результате администратор сайта может быстро и без помощи разработчиков:
Такой подход дал клиенту максимальную гибкость при наполнении сайта и дальнейших правках. Сайт стал удобным конструктором, который можно перестраивать, обновлять и адаптировать в зависимости от задач компании.
Визуальная концепция строилась на базе брендбука «АртАйТи» и представленных исходных материалов: логотипа, презентаций, профайлов, а также брифа с референсами.
Клиент указал основные ориентиры: плоская графика, лаконичные формы, максимум воздуха, фирменные цвета. Стиль — сдержанный, без визуального шума.
В проекте не предполагалось «вау-фишек» — мультимедийных анимаций, интерактивов и т. д. Наоборот, дизайн должен был соответствовать образу высокотехнологичного бизнеса, передавая ощущение порядка, контроля и уверенности. Все крупное, понятно структурированное и легко читаемое на любых устройствах.
Мы проанализировали референсы и выделили характерные особенности. На них мы и стоили визуальную архитектуру будущего сайта.
1. Структурность, крупная сетка и полноэкранные блоки
Заказчик хотел, чтобы каждый блок воспринимался как отдельная история, а не как баннер в потоке страниц.
2. Метафоричное представление прогресса
3. Корпоративная строгость и информационная компактность
Именно такого впечатления хотел заказчик: серьезность, масштаб и уверенность, без излишней вычурности.
С первого захода мы попали в цель: клиент утвердил дизайн без существенных правок. Благодаря качественной предварительной аналитике понимание с клиентом случилось почти сразу.
Клиент остался доволен. После завершения основной разработки мы поддерживаем связь с командой «АртАйТи». Техническая поддержка в постоянном режиме не ведется, команда клиента управляет контентом через созданную систему редактирования.