Como criamos o Mobility Pro, um super app de mobilidade, delivery e serviços

By

Rebeca Sousa

3

min reading

Aug 8, 2024

Quando fui convidada a participar do projeto Mobility Pro, desenvolvido para a 704 Apps, entendi desde o início que não se tratava apenas de mais um aplicativo. A proposta era ousada: unir mobilidade, delivery e contratação de serviços em uma única plataforma personalizável, adaptável à identidade visual de empresas parceiras. Um verdadeiro super app.

Esse desafio envolvia pensar em múltiplas jornadas de usuários, garantir fluidez entre diferentes tipos de serviço e ainda criar um design system robusto o suficiente para sustentar todas as interfaces necessárias — e tudo isso mantendo a flexibilidade para customizações futuras. Neste artigo, compartilho como conduzi esse processo, desde a concepção até a entrega final.

Entendendo a proposta: um super app com DNA personalizável

O briefing inicial indicava que o Mobility Pro seria uma evolução da versão anterior do app Mobility. Porém, desta vez, ele seria oferecido como uma solução premium para empresas que desejam ter seu próprio aplicativo de mobilidade, delivery ou serviços — com sua marca, cores, tipografia e funcionalidades personalizadas.

Ou seja, além de desenvolver a interface padrão, o projeto precisava de uma estrutura modular e design adaptável, que permitisse variações sem comprometer a coerência da experiência.

Comecei, então, com uma profunda análise de referências, benchmarks e análise das jornadas de motoristas, entregadores, clientes e prestadores de serviço. Foi a partir desse mergulho inicial que defini as bases do design system e da arquitetura da informação.

O design system como base da escalabilidade

Para garantir consistência visual e facilidade de manutenção ao longo do tempo, criei um design system completo, que servisse como fundação para todos os módulos do app. Isso incluiu:

  • Paleta de cores neutra com pontos de acentuação personalizáveis

  • Tipografia escalável para telas de diferentes tamanhos

  • Componentes reutilizáveis como botões, cards, modais e formulários

  • Ícones e ilustrações com função comunicativa clara

Com esse sistema em mãos, pude construir rapidamente as interfaces de cada segmento do aplicativo, garantindo unidade visual mesmo em contextos diferentes, como a tela de um entregador ou a de um cliente buscando um encanador.

Interfaces pensadas para cada público

Mobilidade

O módulo de mobilidade foi dividido em duas frentes: passageiro e motorista. Para os motoristas, desenhei uma interface enxuta, com foco em informações essenciais: corridas ativas, navegação, comunicação com o passageiro e resumo de ganhos. A usabilidade e a fluidez de navegação foram prioridade.

Delivery

Na parte de entregas, o desafio foi desenhar experiências distintas para consumidores e entregadores. Para os usuários finais, construí telas que facilitassem a descoberta de restaurantes, leitura de avaliações e finalização de pedidos com poucos toques. Já para os entregadores, mantive a lógica semelhante à do motorista: foco em rotas, horários e gerenciamento de pedidos.

Serviços

A seção de serviços sob demanda foi a que mais exigiu estruturação. Ela permite que usuários encontrem profissionais como passeadores de cães, babás, encanadores, etc., com filtros, avaliações e formas de contato direto. Já para os prestadores, desenhei um painel próprio dentro do app, com recursos para criar ofertas, gerenciar serviços e enviar propostas diretamente aos clientes — tudo de forma organizada e transparente.

Resultado final

Ao final do projeto, o que entregamos foi mais que um aplicativo: foi uma plataforma white-label, com estrutura visual sólida e flexível o bastante para atender diferentes nichos de mercado — tudo com foco em eficiência, personalização e boa experiência de uso.

O Mobility Pro se destaca por integrar múltiplos serviços em um só app, com um design que respeita as particularidades de cada jornada, sem abrir mão da coerência. Foi um projeto desafiador, mas extremamente gratificante de participar — tanto pela complexidade quanto pelo impacto que ele tem potencial de gerar para empresas e usuários finais.

Quando fui convidada a participar do projeto Mobility Pro, desenvolvido para a 704 Apps, entendi desde o início que não se tratava apenas de mais um aplicativo. A proposta era ousada: unir mobilidade, delivery e contratação de serviços em uma única plataforma personalizável, adaptável à identidade visual de empresas parceiras. Um verdadeiro super app.

Esse desafio envolvia pensar em múltiplas jornadas de usuários, garantir fluidez entre diferentes tipos de serviço e ainda criar um design system robusto o suficiente para sustentar todas as interfaces necessárias — e tudo isso mantendo a flexibilidade para customizações futuras. Neste artigo, compartilho como conduzi esse processo, desde a concepção até a entrega final.

Entendendo a proposta: um super app com DNA personalizável

O briefing inicial indicava que o Mobility Pro seria uma evolução da versão anterior do app Mobility. Porém, desta vez, ele seria oferecido como uma solução premium para empresas que desejam ter seu próprio aplicativo de mobilidade, delivery ou serviços — com sua marca, cores, tipografia e funcionalidades personalizadas.

Ou seja, além de desenvolver a interface padrão, o projeto precisava de uma estrutura modular e design adaptável, que permitisse variações sem comprometer a coerência da experiência.

Comecei, então, com uma profunda análise de referências, benchmarks e análise das jornadas de motoristas, entregadores, clientes e prestadores de serviço. Foi a partir desse mergulho inicial que defini as bases do design system e da arquitetura da informação.

O design system como base da escalabilidade

Para garantir consistência visual e facilidade de manutenção ao longo do tempo, criei um design system completo, que servisse como fundação para todos os módulos do app. Isso incluiu:

  • Paleta de cores neutra com pontos de acentuação personalizáveis

  • Tipografia escalável para telas de diferentes tamanhos

  • Componentes reutilizáveis como botões, cards, modais e formulários

  • Ícones e ilustrações com função comunicativa clara

Com esse sistema em mãos, pude construir rapidamente as interfaces de cada segmento do aplicativo, garantindo unidade visual mesmo em contextos diferentes, como a tela de um entregador ou a de um cliente buscando um encanador.

Interfaces pensadas para cada público

Mobilidade

O módulo de mobilidade foi dividido em duas frentes: passageiro e motorista. Para os motoristas, desenhei uma interface enxuta, com foco em informações essenciais: corridas ativas, navegação, comunicação com o passageiro e resumo de ganhos. A usabilidade e a fluidez de navegação foram prioridade.

Delivery

Na parte de entregas, o desafio foi desenhar experiências distintas para consumidores e entregadores. Para os usuários finais, construí telas que facilitassem a descoberta de restaurantes, leitura de avaliações e finalização de pedidos com poucos toques. Já para os entregadores, mantive a lógica semelhante à do motorista: foco em rotas, horários e gerenciamento de pedidos.

Serviços

A seção de serviços sob demanda foi a que mais exigiu estruturação. Ela permite que usuários encontrem profissionais como passeadores de cães, babás, encanadores, etc., com filtros, avaliações e formas de contato direto. Já para os prestadores, desenhei um painel próprio dentro do app, com recursos para criar ofertas, gerenciar serviços e enviar propostas diretamente aos clientes — tudo de forma organizada e transparente.

Resultado final

Ao final do projeto, o que entregamos foi mais que um aplicativo: foi uma plataforma white-label, com estrutura visual sólida e flexível o bastante para atender diferentes nichos de mercado — tudo com foco em eficiência, personalização e boa experiência de uso.

O Mobility Pro se destaca por integrar múltiplos serviços em um só app, com um design que respeita as particularidades de cada jornada, sem abrir mão da coerência. Foi um projeto desafiador, mas extremamente gratificante de participar — tanto pela complexidade quanto pelo impacto que ele tem potencial de gerar para empresas e usuários finais.

Quando fui convidada a participar do projeto Mobility Pro, desenvolvido para a 704 Apps, entendi desde o início que não se tratava apenas de mais um aplicativo. A proposta era ousada: unir mobilidade, delivery e contratação de serviços em uma única plataforma personalizável, adaptável à identidade visual de empresas parceiras. Um verdadeiro super app.

Esse desafio envolvia pensar em múltiplas jornadas de usuários, garantir fluidez entre diferentes tipos de serviço e ainda criar um design system robusto o suficiente para sustentar todas as interfaces necessárias — e tudo isso mantendo a flexibilidade para customizações futuras. Neste artigo, compartilho como conduzi esse processo, desde a concepção até a entrega final.

Entendendo a proposta: um super app com DNA personalizável

O briefing inicial indicava que o Mobility Pro seria uma evolução da versão anterior do app Mobility. Porém, desta vez, ele seria oferecido como uma solução premium para empresas que desejam ter seu próprio aplicativo de mobilidade, delivery ou serviços — com sua marca, cores, tipografia e funcionalidades personalizadas.

Ou seja, além de desenvolver a interface padrão, o projeto precisava de uma estrutura modular e design adaptável, que permitisse variações sem comprometer a coerência da experiência.

Comecei, então, com uma profunda análise de referências, benchmarks e análise das jornadas de motoristas, entregadores, clientes e prestadores de serviço. Foi a partir desse mergulho inicial que defini as bases do design system e da arquitetura da informação.

O design system como base da escalabilidade

Para garantir consistência visual e facilidade de manutenção ao longo do tempo, criei um design system completo, que servisse como fundação para todos os módulos do app. Isso incluiu:

  • Paleta de cores neutra com pontos de acentuação personalizáveis

  • Tipografia escalável para telas de diferentes tamanhos

  • Componentes reutilizáveis como botões, cards, modais e formulários

  • Ícones e ilustrações com função comunicativa clara

Com esse sistema em mãos, pude construir rapidamente as interfaces de cada segmento do aplicativo, garantindo unidade visual mesmo em contextos diferentes, como a tela de um entregador ou a de um cliente buscando um encanador.

Interfaces pensadas para cada público

Mobilidade

O módulo de mobilidade foi dividido em duas frentes: passageiro e motorista. Para os motoristas, desenhei uma interface enxuta, com foco em informações essenciais: corridas ativas, navegação, comunicação com o passageiro e resumo de ganhos. A usabilidade e a fluidez de navegação foram prioridade.

Delivery

Na parte de entregas, o desafio foi desenhar experiências distintas para consumidores e entregadores. Para os usuários finais, construí telas que facilitassem a descoberta de restaurantes, leitura de avaliações e finalização de pedidos com poucos toques. Já para os entregadores, mantive a lógica semelhante à do motorista: foco em rotas, horários e gerenciamento de pedidos.

Serviços

A seção de serviços sob demanda foi a que mais exigiu estruturação. Ela permite que usuários encontrem profissionais como passeadores de cães, babás, encanadores, etc., com filtros, avaliações e formas de contato direto. Já para os prestadores, desenhei um painel próprio dentro do app, com recursos para criar ofertas, gerenciar serviços e enviar propostas diretamente aos clientes — tudo de forma organizada e transparente.

Resultado final

Ao final do projeto, o que entregamos foi mais que um aplicativo: foi uma plataforma white-label, com estrutura visual sólida e flexível o bastante para atender diferentes nichos de mercado — tudo com foco em eficiência, personalização e boa experiência de uso.

O Mobility Pro se destaca por integrar múltiplos serviços em um só app, com um design que respeita as particularidades de cada jornada, sem abrir mão da coerência. Foi um projeto desafiador, mas extremamente gratificante de participar — tanto pela complexidade quanto pelo impacto que ele tem potencial de gerar para empresas e usuários finais.

Latest articles

About projects that we build with strategy and creativity.

About projects that we build with strategy and creativity.