Номинируйте кейсы на Workspace Digital Awards 2026. Прием заявок до 15 декабря по льготной цене, успейте принять участие!
Meetorra.IT
Сайт ГК Миторра
Meetorra.IT
#Разработка сайтов под ключ#Внутренняя оптимизация сайта#Фирменный стиль

Сайт ГК Миторра

119 
Meetorra.IT Россия, Санкт-Петербург
Поделиться: 0 0 0
Клиент

АО Миторра

Сфера

Строительство и ремонт

Регион

Россия, Санкт-Петербург

Тип сайта

Корпоративный сайт

Сдано

Сентябрь 2024

Задача

Создать современный, технологичный корпоративный сайт, отражающий экспертный статус Meetorra.

Наглядно презентовать BIM-подход и комплекс услуг (от концепта до сдачи "под ключ").

Эффективно структурировать и продемонстрировать портфолио (проекты для "Почты России", "Пепсико", администраций и т.д.).

Внедрить механизмы генерации и управления лидами (CRM-интеграция, формы заявок, калькуляторы).

Обеспечить безупречное отображение сложной графики (чертежи, BIM-модели) на всех устройствах.

Оптимизировать сайт для SEO по ключевым запросам ("генеральный проектировщик", "BIM-проектирование", "комплексное проектирование").

Обеспечить высокую производительность.

Решение

Архитектура: Выбор современного стека на основе Nuxt.js (Vue.js фреймворк) для:

Высокой производительности и скорости: SSR (Server-Side Rendering) и статическая генерация (SSG) для мгновенной загрузки страниц, критически важной для B2B-пользователей.

Отличного SEO: Упрощенная индексация SSR/SSG страниц поисковыми системами.

Развитой экосистемы Vue: Богатые возможности для создания сложных, интерактивных интерфейсов (BIM-просмотрщики, калькуляторы, фильтры портфолио).

Масштабируемости: Легкость добавления новых разделов и функционала в будущем.

1Анализ и стратегия

Анализ ЦА и конкурентов.

Определение структуры сайта (sitemap) и ключевых пользовательских сценариев (user flows).

Составление детального Технического Задания (ТЗ), включающего требования к функционалу, интеграциям, API и архитектуре на Nuxt.js.

Выбор конкретных технологий: Фиксация стека (Nuxt.js версия, библиотеки для BIM, CRM), инструментов разработки.

2Дизайн UI/UX и Прототипирование

Разработка дизайн-системы (цвета, типографика, сетка, UI-кит) в стиле Meetorra (технологичность, надежность).

Создание интерактивных прототипов (Figma) ключевых страниц (главная, услуги, детальная услуги, проект, портфолио, контакты) с фокусом на демонстрацию BIM и комплексности.

Проектирование адаптивных макетов (десктоп, планшет, мобильный).

3Разработка Frontend (Nuxt.js)

Настройка проекта Nuxt.js: Выбор режима (SSR/SSG/SPA), конфигурация, подключение основных модулей (Vuex/Router, Axios, etc.).

Верстка: Реализация утвержденных макетов с использованием HTML, CSS (SCSS/SASS), Vue.js компонентов. Акцент на:

Pixel-perfect соответствие дизайну.

Полная адаптивность и кроссбраузерность.

Анимации и плавные переходы.

4Разработка Backend

Развертывание и конфигурация CMS.

Настройка структуры контента (Content Types) в CMS под нужды сайта (Услуги, Проекты, Сотрудники, Страницы и т.д.).

Заполнение начального контента.

Разработка API-эндпоинтов 

Результат

Итог реализации

Демонстрация BIM-экспертизы

Интерактивные 3D-модели в портфолио (+ видео кейсы) повысили доверие клиентов.

Структуризация услуг

Четкие разделы «Проектирование», «Строительство», «IT-решения» 

Современный имидж

Лаконичный дизайн в корпоративных цветах + анимации подтвердили технологичность.

https://meetorra.ru/

Стек технологий


Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Meetorra.IT с удовольствием обсудит вашу задачу

Оставить заявку