Как мы спроектировали дизайн-систему для архитектурного бюро

Вводные

Архитектурное бюро переросло свое цифровое представительство. Нужен был флагманский сайт, который бы перевел их сложный архитектурный язык на язык, понятный клиентам и будущим сотрудникам.

Спроектировать визуальный язык и создать систему, которая позволила бы бюро в будущем самостоятельно рассказывать о своих самых сложных проектах. Создать «золотой стандарт» — идеальный шаблон для всех будущих кейсов.

Процесс

1. Проектирование «ДНК» сайта
Фундамент из смыслов. Мы начали с серии глубоких консультаций, чтобы понять суть бизнеса. Помогли структурировать информацию, отредактировали ключевые тексты и на основе референсов согласовали общую стилистику будущего сайта.

2. Создание «эталонного» проекта
Ключевым шагом стала разработка дизайна страницы эталонного проекта. Это был не просто макет, а продуманная система блоков, которая идеально решала задачу презентации сложной архитектурной работы.

3. Систематизация и шлифовка
На базе эталона мы начали проектировать другие страницы, в процессе чего оттачивали и пересобирали сам эталон, пока не получили идеальный, гибкий и переиспользуемый набор компонентов — по сути, «Лего» для будущих страниц.

Результат

• Появилась полная ясность. Вместо разрозненных идей клиент получил четкую дизайн-концепцию и визуальную систему, которая на 100% отражает его бренд.

• Создан «золотой стандарт». Дизайн эталонного проекта стал тем самым шаблоном, который гарантирует высокое качество подачи для всех будущих работ.

• Заложен фундамент для роста. Мы создали не просто набор красивых картинок, а систему, готовую к вёрстке и наполнению, что значительно ускорило и удешевило следующий этап разработки.