Ecolines — один из крупнейших операторов автобусных перевозок в Европе

Основная цель проекта - полный редизайн и разработка приложений с нуля для существующего оператора междугородних автобусов. Заказчики обратились с просьбой обновить приложения Ecolines и Autolux. Приложения имели устаревший пользовательский интерфейс по состоянию на 2023 год и содержали много технического долга со стороны мобильной разработки.

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

Поскольку перед нами стояла задача обновить приложения, для начала нужно было понять весь функционал, с которым мы будем работать. Для этого наш дизайнер разработал Функциональную карту приложения, где изобразил все основные потоки и разделы. Затем эта карта была согласована с заказчиком, и дизайнер смог приступить к работе над UI/UX.

Мы уже работали с существующей частью бэкенда, предоставленной нам клиентами. Поэтому со стороны мобильного разработчика задача заключалась в изучении существующей части бэкенда и составлении документации по API.

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

Мы использовали готовую дизайн-систему заказчика, адаптировав ее в соответствии с потребностями разработки приложений под 2 системы: iOS и Android.

Вариативность цвета и оттенков системы определяется процентом прозрачности в базовых цветах, что придает гибкости и универсальности дизайн системы. Мы выбрали базовый шрифт Geometric Euclid Circular A от Swiss Typefaces. Шрифт имеет нестандартные формы, но при этом остается хорошо читаемым и понятным. Благодаря этому типографика в продукте является оригинальной и чистой.

To develop our iOS widget, we used a set of modern technologies designed to create a responsive, efficient, and visually appealing interface:

• SwiftUI - Built a responsive and dynamic user interface.

• WidgetKit - Managed widget creation and lifecycle.

• Combine - Handled asynchronous data updates smoothly.

• SwiftCentrifuge - Enabled real-time communication for instant updates.

• Firebase - Provided backend services, including analytics and push notifications.

• PocketSVG - Rendered scalable vector graphics for crisp visuals.

• Background Push Notifications - Keep the widget updated with the latest data.

This combination allowed us to create a visually appealing, high-performance iOS widget with real-time updates.

The Alarm Map Widget demonstrates a unified interface in dark colors using a deep charcoal background, allowing bright colors (red, orange, and yellow) to pop and immediately draw attention to critical regions. Clean, sans-serif typography, minimalist iconography, and strategic green accents for status indicators provide high contrast and clarity, creating a professional interface optimized for fast, real-time monitoring.