3D-cайт для платформы производства ПО «Сфера»

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

Сайт и одновременно наглядная интерактивная 3D-схема о сложной производственной платформе Сфера. Это российский проект, который замещает решения, ушедших с рынка компаний. Сайт и видео о продукте понятно объясняют структуру Платформы Сфера, её возможности, взаимосвязь модулей и команд. Используется на выставках и презентациях Платформы.

///

The website serves as a visual, interactive 3D diagram of the complex Sfera production platform. It is used at exhibitions and presentations to demonstrate the capabilities of the Sfera Platform.

Как проект изменил жизнь пользователей

Невероятно сложно рассказать просто и понятно на плоскости о сложном многоуровневом технологическом решении. Сайт с интерактивной 3D-схемой позволяет это сделать. Потенциальные клиенты Производственной Платформы на выставках и презентациях могут самостоятельно увидеть её возможности на тач-панели, активировать важные взаимосвязи модулей, посмотреть видео о работе Платформы, сформировать заявку. Это наглядный пример импортозамещения в российском ИТ.

///

Describing a complex, multi-level technological solution in a simple and clear manner is extremely challenging. However, a website featuring an interactive 3D diagram allows for effective communication. Potential clients of the Production Platform can explore its capabilities firsthand at exhibitions and presentations by using the touch panel to activate module interconnections, watch a video demonstrating the Platform's functionality, and submit inquiries.

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

Нам нужно было создать веб-визуал, который понятно расскажет о Платформе Сфера, её структуре, продуктах, бенефитах. Он требовался для использования на конференциях, технологических выставках индустрий, экономики и финансов.

На старте проекта у нас была только устно озвученная задача о создании визуального “пирога” того, как работают и взаимодействуют между собой модули Сферы. Мы начали с 2D-схемы, чтобы понять, как правильно рисовать 3D-модель. Разобрались в сути Платформы. Потом возникла идея сделать интерактивную схему платформы с кликабельными кнопками, которые показывают взаимосвязи модулей. Далее мы дополнили сайт видео о работе Платформы, возможностями перейти на основной сайт компании и оставить заявку на продукт. Созданная нами интерактивная схема может в дальнейшем меняться и масштабироваться в соответствии с маркетинговыми задачами компании.

///

We were tasked with the assignment of developing a web visual that effectively describes the structure, products, and benefits of the Sfera Platform. This visual was intended for use at conferences, industry technology exhibitions, as well as economic and finance events.

At the beginning of the project, we were given a verbal description of the Sfera modules and how they interact with each other, and we were tasked with creating a visual representation. We initially developed a 2D sketch to understand how to best model the 3D diagram and gain deeper insight into the platform's functionality. We then proceeded to create an interactive platform diagram with clickable buttons that illustrate the connections between the modules. Additionally, we incorporated a video showcasing the platform's capabilities and added links for visitors to access the company's main website and submit product requests. The interactive scheme we designed can be modified and scaled to align with the company's marketing goals.

Крафт (мастерство), реализация, технические детали

В этом проекте нам достался очень сложный продукт. Требовалось его просто и понятно визуализировать, показать связи, структуру, возможности. Поэтому мы ушли от первоначальной идеи с плоскостью и стали формировать комплексную модель в 3D. Такое решение помогло нам наглядно продемонстрировать посетителям выставки, что за продукт перед ними, как он работает, из чего состоит, кк может решить их задачи.

///

In this project, we came across a highly complex product that required a clear and straightforward visualization of its modules, overall structure, and capabilities. Consequently, we shifted from the initial concept of a flat design to constructing a comprehensive 3D model. This approach enabled us to effectively showcase to exhibition attendees the nature of the product, its functioning, composition, and how it could address their needs.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Драма первой версии сайта была в том, что на все работы, начиная от 2D-модели до запуска на выставке, у нас было чуть больше 3 недель. Нам повезло, что была база с прошлой итерации, которую мы дорабатывали и дополняли. Тем не менее, работать пришлось очень быстро. Какую-то часть фичей (например, зум) мы делали после первого релиза во второй волне.

///

The challenging aspect of creating the initial version of the website was the tight timeframe of just over 3 weeks to complete all the tasks, from creating the 2D sketch to launching it at the exhibition. Fortunately, we had a foundation from the previous version, which we improved and expanded upon.

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

Сайт с интерактивной схемой хорошо отработал сразу на первой выставке. Затем мы дополнили его новыми функциями (зум, калькулирование проекта и др.), создав вторую его версию. Получили положительный отзыв от клиента о работе интерактивной веб-схемы Платформы. Посетители выставки легко и быстро понимали, какое решение они видят перед собой, какие у него есть возможности и практическое применение. Невозможно было бы достичь этого объяснением на плоскости.

///

The website featuring the interactive diagram was successful at its debut exhibition. We later enhanced it with additional functions such as zooming in on objects and project calculation, resulting in a second version of the site. The client provided positive feedback on the interactive diagram of the platform's website, as it allowed exhibition visitors to swiftly grasp the solution, its capabilities, and practical applications. This level of understanding couldn't have been achieved with a flat design approach.

Скриншоты