АО Миторра
Строительство и ремонт
Россия, Санкт-Петербург
Корпоративный сайт
Сентябрь 2024
Создать современный, технологичный корпоративный сайт, отражающий экспертный статус Meetorra.
Наглядно презентовать BIM-подход и комплекс услуг (от концепта до сдачи "под ключ").
Эффективно структурировать и продемонстрировать портфолио (проекты для "Почты России", "Пепсико", администраций и т.д.).
Внедрить механизмы генерации и управления лидами (CRM-интеграция, формы заявок, калькуляторы).
Обеспечить безупречное отображение сложной графики (чертежи, BIM-модели) на всех устройствах.
Оптимизировать сайт для SEO по ключевым запросам ("генеральный проектировщик", "BIM-проектирование", "комплексное проектирование").
Обеспечить высокую производительность.
Архитектура: Выбор современного стека на основе Nuxt.js (Vue.js фреймворк) для:
Высокой производительности и скорости: SSR (Server-Side Rendering) и статическая генерация (SSG) для мгновенной загрузки страниц, критически важной для B2B-пользователей.
Отличного SEO: Упрощенная индексация SSR/SSG страниц поисковыми системами.
Развитой экосистемы Vue: Богатые возможности для создания сложных, интерактивных интерфейсов (BIM-просмотрщики, калькуляторы, фильтры портфолио).
Масштабируемости: Легкость добавления новых разделов и функционала в будущем.
Анализ ЦА и конкурентов.
Определение структуры сайта (sitemap) и ключевых пользовательских сценариев (user flows).
Составление детального Технического Задания (ТЗ), включающего требования к функционалу, интеграциям, API и архитектуре на Nuxt.js.
Выбор конкретных технологий: Фиксация стека (Nuxt.js версия, библиотеки для BIM, CRM), инструментов разработки.
Разработка дизайн-системы (цвета, типографика, сетка, UI-кит) в стиле Meetorra (технологичность, надежность).
Создание интерактивных прототипов (Figma) ключевых страниц (главная, услуги, детальная услуги, проект, портфолио, контакты) с фокусом на демонстрацию BIM и комплексности.
Проектирование адаптивных макетов (десктоп, планшет, мобильный).
Настройка проекта Nuxt.js: Выбор режима (SSR/SSG/SPA), конфигурация, подключение основных модулей (Vuex/Router, Axios, etc.).
Верстка: Реализация утвержденных макетов с использованием HTML, CSS (SCSS/SASS), Vue.js компонентов. Акцент на:
Pixel-perfect соответствие дизайну.
Полная адаптивность и кроссбраузерность.
Анимации и плавные переходы.
Развертывание и конфигурация CMS.
Настройка структуры контента (Content Types) в CMS под нужды сайта (Услуги, Проекты, Сотрудники, Страницы и т.д.).
Заполнение начального контента.
Разработка API-эндпоинтов
Итог реализации
Демонстрация BIM-экспертизы
Интерактивные 3D-модели в портфолио (+ видео кейсы) повысили доверие клиентов.
Структуризация услуг
Четкие разделы «Проектирование», «Строительство», «IT-решения»
Современный имидж
Лаконичный дизайн в корпоративных цветах + анимации подтвердили технологичность.
CSS
HTML
JavaScript
Nuxt.js
Laravel
Vue.js
MariaDB
Node.js
Visual Studio Code
Adobe Photoshop
Adobe Illustrator
Figma
Яндекс Метрика
Google Analytics