Сайт архитектурного бюро «Линия»
Бюро с сильными проектами и слабым сайтом: мы перестроили структуру, показали работы так, как их видит заказчик, и превратили визитку в инструмент привлечения клиентов.
Задача проекта
Показать масштаб и качество работ бюро и сделать так, чтобы сайт приводил заявки.
Архитектурное бюро «Линия» занимается проектированием частных домов, малоэтажных комплексов и общественных интерьеров. Команда сильная, портфолио внушительное, но клиенты чаще всего приходили по рекомендациям. Сайт, существовавший до нас, не отражал уровень работ: фотографии объектов были мелкими, описания сводились к двум строкам, а путь от просмотра проекта до обращения оставался неочевидным.
Перед нами стояла задача не просто обновить внешний вид. Владельцы хотели, чтобы сайт начал приносить обращения от людей, которые ещё не знакомы с бюро, и отсеивать неподходящие запросы, чтобы архитекторы тратили время на заказы, соответствующие их специализации.
- Представить проекты так, чтобы визуальное качество работ считывалось с первого экрана.
- Объяснить, как устроен процесс проектирования, и снять страх перед неизвестностью.
- Сократить путь до заявки на расчёт и консультацию.
- Заложить поисковую основу под запросы о проектировании домов и интерьеров.
- Дать команде возможность самостоятельно добавлять новые проекты.
Исходная ситуация
Что мы увидели, когда проанализировали старый сайт.
Проблемы структуры
Все проекты были собраны на одной длинной странице без фильтров. Чтобы найти нужный тип объекта, посетитель пролистывал десятки карточек. Раздел об услугах был спрятан в подменю, а информация о стоимости и этапах отсутствовала вовсе. Часть посетителей уходила, не поняв, чем именно бюро отличается от конкурентов.
Проблемы подачи
Снимки хорошо проработанных интерьеров были сжаты до размеров миниатюр и загружались медленно. Тексты проектов писались разными сотрудниками в разном стиле. На мобильных устройствах галереи не открывались, а кнопка связи пряталась за длинным меню. Более половины трафика приходило со смартфонов, и эти посетители почти не оставляли заявок.
Медленная загрузка
Страница портфолио открывалась несколько секунд из-за неоптимизированных изображений, и посетители уходили раньше, чем успевали увидеть проекты.
Слабая мобильная версия
Крупные галереи ломались на малых экранах, а элементы управления были слишком мелкими для комфортного нажатия.
Нет понятного действия
Единственным способом связи была форма в самом низу страницы, а в проектах не было призывов обсудить похожий объект.
Исследование
Прежде чем рисовать, мы разобрались, как клиенты выбирают архитектора.
Интервью с командой
Поговорили с руководителем бюро и ведущими архитекторами: какие заказы самые выгодные, какие проекты хочется делать больше, с какими вопросами клиенты приходят на первую встречу.
Анализ аудитории
Выделили три группы: частные заказчики, строящие дом, владельцы коммерческих помещений и девелоперы малых объектов. У каждой свой ход мыслей и свои вопросы к исполнителю.
Обзор конкурентов
Изучили сайты десятка студий проектирования: как они показывают работы, говорят о цене и сроках, организуют первый контакт. Отметили приёмы, которые работают, и штампы, которых стоит избегать.
Данные аналитики
Проверили карты кликов и записи сессий старого сайта. Выяснили, что посетители чаще всего открывают проекты частных домов и почти не доходят до раздела об услугах.
Решения по структуре
Сайт стал не галереей, а логичным путём от знакомства до обращения.
Портфолио с фильтрами
Проекты разделены по типам: дома, интерьеры, общественные пространства. Добавили фильтры по площади и стилю, чтобы посетитель быстро находил близкие по духу работы и не листал всё подряд.
Страница проекта как история
Каждый объект теперь рассказывает историю: исходные условия, идея, ключевые решения, планировки, итоговые фотографии. Внизу — блок с приглашением обсудить похожий проект.
Раздел услуг с понятным процессом
Вынесли услуги в основную навигацию, описали этапы работы от эскиза до авторского надзора и показали, что получает клиент на каждом шаге. Это сняло много вопросов ещё до первого контакта.
Команда и подход
Добавили страницу о бюро с реальными фотографиями архитекторов и описанием принципов работы. Для заказчика это способ увидеть людей, с которыми предстоит строить дом.
Решения по дизайну
Сдержанный визуальный язык, в котором главное место отдано работам бюро.
Фотография на первом плане
Крупные полноэкранные изображения, нейтральная светлая палитра и минимум декоративных элементов. Интерфейс отступает и не конкурирует с проектами.
Типографика с характером
Подобрали строгую пару шрифтов: выразительный заголовочный и спокойный текстовый. Выдержали ритм отступов, который перекликается с архитектурной сеткой.
Продуманная мобильная версия
Для смартфонов нарисовали отдельные галереи со свайпом и закрепили кнопку связи внизу экрана. Тексты стали короче, а ключевые факты вынесены в начало.
Сдержанные анимации
Плавные появления блоков и мягкое увеличение изображений при наведении. Эффекты помогают считывать структуру и не мешают просмотру.
Единая система компонентов
Собрали библиотеку блоков: карточки проектов, галереи, цитаты, этапы. Благодаря ей новые страницы собираются быстро и выглядят цельно.
Короткий путь к заявке
Форма с тремя полями доступна из шапки и из каждой страницы проекта. Вместо общего «Связаться» использовали конкретный призыв — «Обсудить проект».
Этапы работы
Проект занял чуть больше двух месяцев с учётом наполнения.
Анализ и бриф
1 неделяИнтервью, изучение аудитории и конкурентов, согласование целей и метрик успеха. Подготовили план структуры и список необходимых материалов.
Прототип
1–2 неделиНарисовали схемы ключевых страниц и сценарии посетителей, проверили логику перехода от проекта к заявке и согласовали контент каждого блока.
Дизайн
2–3 неделиСоздали концепцию главной страницы, затем распространили стиль на страницы проектов и услуг, подготовили мобильные макеты и интерактивные состояния.
Разработка
3 неделиВыполнили адаптивную вёрстку, настроили систему управления, фильтры портфолио, оптимизацию изображений и форму заявок с передачей данных в CRM.
Наполнение и тестирование
1–2 неделиПеренесли проекты, подготовили единый формат описаний, проверили сайт в разных браузерах и на устройствах, замерили скорость загрузки.
Запуск и сопровождение
3–5 днейНастроили редиректы со старых адресов, подключили аналитику, передали доступы и провели обучение команды. Первый месяц наблюдали за поведением посетителей.
Технологии
Главный технический вызов состоял в том, чтобы показать десятки крупных фотографий и не потерять скорость. Мы подготовили несколько размеров каждого изображения, перевели их в современные форматы и включили ленивую загрузку: картинка подгружается, когда посетитель до неё доходит. В результате страницы стали открываться заметно быстрее, а фотографии по-прежнему выглядят чётко.
Администраторы бюро получили понятную панель: чтобы добавить проект, достаточно загрузить снимки, заполнить несколько полей и выбрать категорию. Страница собирается по готовому шаблону, поэтому единый стиль сохраняется без участия дизайнера.
Результаты
Сравнение показателей до запуска и спустя несколько месяцев работы нового сайта.
Количество обращений выросло почти в два с половиной раза, при этом изменился и их характер. Заказчики стали приходить с конкретными пожеланиями, ссылаясь на проекты, которые им понравились. Доля обращений с мобильных устройств увеличилась более чем вдвое, а значит, переработанная версия для смартфонов действительно работает.
Благодаря описаниям процесса и ориентирам по стоимости у менеджеров бюро сократилось число разговоров, которые заканчивались словами «мы просто уточнить цену». Время, освободившееся у архитекторов, они направили на проработку заказов.
Отзыв клиента и итоги
Мы много лет считали, что наши проекты говорят сами за себя. Оказалось, что их нужно правильно показать. Команда Mevero разобралась в нашем деле, предложила логичную структуру и сделала сайт, которым мы гордимся. Заявки стали приходить уже в первые недели после запуска, и клиенты ссылаются именно на страницы проектов.
Итог проекта
Из визитки с хорошими фотографиями получился полноценный инструмент продаж. Новая структура помогает пройти путь от знакомства с бюро до заявки без лишних шагов, а библиотека компонентов позволяет бюро самостоятельно расширять портфолио.
- Более понятная структура и сценарии
- Быстрая мобильная версия
- Рост заявок и их качества
Нужен сайт, который показывает ваши работы лучшим образом?
Расскажите о своей компании, и мы предложим структуру и формат проекта. Подробнее об услуге — на странице «Корпоративный сайт».
Обсудить проектДругие проекты
«Квадрат»
Сайт агентства недвижимости с каталогом, поиском по карте и ипотечным калькулятором, увеличивший число обращений в полтора раза.
«Аура»
Сайт клиники с каталогом процедур, страницами врачей и онлайн-записью, который повысил число обращений с мобильных устройств.
«Древо»
Интернет-магазин мебели с удобным каталогом, быстрым оформлением заказа и интеграцией с учётной системой.
Хотите похожий результат?
Расскажите о своей задаче — подготовим предложение с учётом опыта похожих проектов, сроков и бюджета.
- Ответим в течение рабочего дня
- Предложим 2–3 варианта решения
- Зафиксируем бюджет и сроки в договоре