Разработка лендинга, на котором клиенты могут узнать о том, как работает бэкенд и что происходит по ту сторону сервисов

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

Разработали лендинг, на котором клиенты и просто неравнодушные могут узнать о том, как работает бэкенд и что происходит по ту сторону сервисов. Все детали описали максимально простым языком — процесс будет понятен даже тем, кто никак не причастен к сфере.

————
We developed a landing page where clients and interested individuals can learn about how the backend works and what happens behind the scenes of the services. All details are described in the simplest language possible - the process will be understandable even to those who are not involved in the field.

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

Теперь любой человек может погрузиться в мир сервисов и понять, как он работает. Лендинг создан, чтобы повысить цифровую грамотность пользователей и объяснить сложные процесс тем, кто хочет в нем разобраться.

————
Now, anyone can immerse themselves in the world of services and understand how they work. The landing page is created to enhance the digital literacy of users and explain complex processes to those who want to understand them.

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

В доступной форме рассказать будущим заказчикам и посетителям о невидимой части привычных веб-сайтов и порталов. Продемонстрировать нашу экспертизу и креативность.

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

————
The primary objective of this case study was to provide prospective customers and visitors with an accessible explanation of the unseen aspects of familiar websites and portals - the backend. We aimed to showcase our expertise and creativity in a way that would resonate with our audience.

We based our approach on the network architecture of a real project, an application for automation of customs trading processes, and envisioned its components as modules of a space station. This insight served as the foundation for creating the landing page.

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

Применив сторителлинг и анимацию, мы превратили ознакомительную статью в небольшое космическое путешествие. Для атмосферы добавили легкую фоновую музыку — и возможность ее отключить для тех, кто бережет ресурсы системы.

————
By incorporating storytelling and animation, we transformed an informative article into a brief space journey. To enhance the atmosphere, we added light background music - with the option to disable it for those concerned about system resources.

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

За основу взяли структуру микросервисов нашего заказчика тамо. В качестве иллюстрации для многоступенчатой структуры мы использовали космическую станцию и ее модули. Ссылку на презентацию с кейсом мы оставили в конце лендинга.

————
We leveraged the microservices structure of our client's backend as the basis for our presentation. To illustrate the multi-tiered structure, we used the metaphor of a space station and its modules. We included a link to the case presentation at the end of the landing page.

Скриншоты