Разработка сайта Fraikin

Главное о кейсе

Достигнутые цели и KPI:
- Создан новый корпоративный сайт с каталогом, с современным дизайном и функционалом, разработан личный кабинет для клиентов Заказчика.
- Увеличена конверсия сайта
- Добавлены дополнительные инструменты для реализации задач SEO
- Увеличено количество заявок
***************************************
Achieved goals and KPI:
- A new corporate website with a catalog with a modern design and functionality has been created, a personal account has been developed for customers.
- Increased site conversion
- Added additional tools for implementing SEO tasks
- Increased the number of applications

Бизнес-задача и ее решение

Задача: Разработка корпоративного сайта с каталогом, оптимизированного для поисковых систем, с целью повышения позиций в органической выдаче по ключевым запросам и увеличения конверсии целевых страниц.

Решение:
1. Предпроектное исследование:
- при анализе рынка и обсуждения бизнес-модели Заказчика было выявлено, что услуга “Управление автопарком” является более приоритетной, чем было заявлено ранее на этапе брифовария. Также были приоритезированы другие услуги Заказчика, это исследование легло в основу структуры и компоновки сайта.
2. Проектирование веб-системы и разработка UX дизайна, прототипов.
3. Разработка технического задания: описание структуры сайта, элементов каталога, механики взаимодействия пользователя с системой, описание функциональных модулей, событийной модели, исключительных ситуаций.
4. Дизайн:
- создание концепции и макетов для различных типов устройств: настольные компьютеры, планшеты, смартфоны. Концепция выполнялась на базе фирменных цветов заказчика, и логотипа.
- при создании создании desktop версии дизайна сайта, планшетной и мобильной версий, всего было создано более 75 макетов.
- для наполнения каталога потребовалось разработать фотореалистичные 3D-модели коммерческого автотранспорта, который Заказчик сдает в аренду. Было создано и размещено в каталоге более 100 моделей. Характеристики автотранспорта также были собраны контент-менеджерами с сайтов производителей и размещены в каталоге, т.е. фактически мы выполнили работу по созданию контента для последующего наполнения каталога.
5. Верстка: была выполнена адаптивнная HTML5 верстка макетов страниц и разработка интерактивных элементов на базе JavaScript. Все макеты оптимизированы как для отображения контента на обычных мониторах, так и для отображения на Retina дисплеях.
6. Сборка:
- выполнение привязки HTML-шаблонов к CMS
- разработка функциональных модулей сайта
- разработка Личного Кабинета (ЛК), в котором сделана интеграция с 1С управлением автопарком. Через ЛК клиент может посмотреть, какой транспорт у него в аренде, может видеть на карте, где находится автомобили в текущий момент времени, получить информацию о том, когда нужно конкретному автомобилю проходить техническое обслуживание, при этом на карте отображается ближайший тех. центр. Здесь же, в личном кабинете, клиент может оформить заявку на обслуживание, задать вопрос техническому специалисту, оповещение уйдет непосредственно в сервисный центр Fraikin.
7. Тестирование и отладка. После завершения работ по разработке сайта выполнено тестирование и устранение обнаруженных дефектов.
8. Опытная эксплуатация:
- перенос сайта на публичный сервер (сайт закрыт авторизацией)
- работа с сайтом неподготовленных пользователей - обычных посетителей сайта, на этом этапе можно выявить исключительные ситуации, обработка которых не была предусмотрена в Техническом Задании.
- проверка учета всех требований к seo-оптимизации.
9. Открытие нового сайта для публичной части.
***********************************************
Objective: Development of a corporate website with a catalog optimized for search engines, with the aim of increasing positions in organic search results for key queries and increasing the conversion of landing pages.
Decision:
1. Predesign study:
- when analyzing the market and discussing the Customer’s business model, it was revealed that the “Fleet Management” service is more priority than it was previously announced at the briefing stage. Other services of the Customer were also prioritized, this study formed the basis of the structure and layout of the site.
2. Web system design and development of UX design, prototypes.
3. Development of technical specifications: a description of the site structure, catalog elements, the mechanics of user interaction with the system, a description of functional modules, event models, and exceptional situations.
4. Design:
- creating concepts and layouts for various types of devices: desktop computers, tablets, smartphones. The concept was carried out on the basis of the customer’s corporate colors and logo.
- When creating the desktop version of the site design, tablet and mobile versions, more than 75 layouts were created.
- To fill the catalog, it was necessary to develop photorealistic 3D models of commercial vehicles, which the Customer leases. It was created and placed in the catalog of more than 100 models. The characteristics of vehicles were also collected by content managers from manufacturers' websites and placed in a catalog, i.e. in fact, we did the work of creating content for the subsequent filling of the catalog.

5. Layout: adaptive HTML5 layout of page layouts and the development of interactive elements based on JavaScript were performed. All layouts are optimized both for displaying content on conventional monitors and for displaying on Retina displays.
6. Assembly:
- Binding HTML templates to CMS
- development of functional modules of the site
- Development of a Personal Account (LK), which made integration with 1C fleet management. Through the LC, the client can see what kind of transport he is renting, can see on the map where the cars are at the current time, get information about when a particular car needs to be serviced, while the nearest tech is displayed on the map. center. Here, in the personal account, the client can fill out a service request, ask a question to a technical specialist, the notification will go directly to the Fraikin service center.
7. Testing and debugging. After completion of the site development work, testing and elimination of detected defects was performed.
8. Pilot operation:
- site transfer to a public server (site is closed by authorization)
- work with the site of unprepared users - ordinary visitors to the site, at this stage it is possible to identify exceptional situations, the processing of which was not provided for in the Terms of Reference.
- verification of accounting for all requirements for seo optimization.
9. Opening a new site for the public part.

Прочая информация о кейсе

Компания Fraikin предоставляет технику и услуги компаниям и организациям, использующим коммерческие транспортные средства в своей повседневной деятельности. Такие услуги являются частью современных управленческих решений, которые компания предлагает любому пользователю транспортных средств: от владельцев одного грузовика до компаний, имеющих в своем распоряжении обширный автопарк.

Особенности проекта: Клиент первоначально заказал услугу seo-оптимизации. Сайт представлял из себя корпоративный ресурс на CMS Wordpress c небольшим количеством страниц с текстовым наполнением и иллюстрациями. В результате аудита выяснили, что для эффективного SEO продвижения потребуется либо значительная переработка существующего сайта, либо разработка нового. Т.к. трудозатраты были соизмеримы, приняли решение разработать новый ресурс: корпоративный сайт с каталогом на платформе 1С Битрикс.
***************************************************************************
Fraikin provides equipment and services to companies and organizations that use commercial vehicles in their daily activities. Such services are part of modern management decisions that the company offers to any user of vehicles: from owners of one truck to companies with an extensive fleet of vehicles.
Project features: The client initially ordered the seo-optimization service. The site was a corporate resource on CMS Wordpress with a small number of pages with text content and illustrations. As a result of the audit, it was found out that effective SEO promotion will require either a significant revision of the existing site or the development of a new one. Because labor costs were commensurate, they decided to develop a new resource: a corporate website with a directory on the 1C Bitrix platform.

Скриншоты