Símbolo circular de carregando
Logotipo da Ably

Vamos conversar!

Saiba como a Ably pode te ajudar :)

Foursafe

Fique seguro com previsões
de riscos em tempo real!

O desafio

A toda hora nos deparamos com notícias sobre desastres que pegam várias pessoas de surpresa em suas rotinas, muitas que nem desconfiavam que se encontravam em situação de risco. Nesse momento surgem vários questionamentos: Será que poderia ser evitado? Será que poderiamos ter sido avisados com antecedência?

Inspirados nesses eventos, a Foursafe (com Victor Azevedo como CEO e Daniel Amorim como CTO) desenvolveu um algoritimo exclusivo e escalável capaz de cruzar e classificar dados para prever riscos, inicialmente aplicado para prever riscos derivados da chuva como tempestades e deslizamentos de terra.

A missão da Foursafe é manter você em segurança e contou com a ajuda da Ably na hora de comunicar sua mensagem. Para isso utilizamos o Design Thinking para conhecer a fundo seus usuários e gerar ideias para a solução, além de facilitar o processo de Naming e ser responsável por toda identidade visual e layout do Mínimo Produto Viável (MVP).

Naming Identidade visual Design de interfaces Experiência do usuário Design Thinking

Desenvolvimento de personas

Validação inicial da ideia

Para validação inicial da ideia foi criado um protótipo do mínimo produto viável para ser validado com os usuários. Para essa etapa foram realizadas atividades como:

  • Pesquisa sobre o tema, busca e análise de ferramentas similares, concorrentes e dados do mercado;
  • Workshops de Design Thinking, visando realizar o mapeamento de objetivos, entendimento do público-alvo e brainstorm de soluções;
  • Pesquisa online com representantes do público-alvo;
  • Desenvolvimento de CNPs (Como nós podemos), Personas, Mapa de empatia e Ponto de vista do usuário.
  • Oficina de ideação com o cliente para desenho de soluções;
  • Wireframe;
  • Protótipo inicial no Invision.

Após essas etapa, definiu-se os públicos principais a serem atingidos, as principais dores a serem atacadas e as melhores soluções para estarem presentes no momento inicial da ferramenta. Além disso, o protótipo foi testado e validado com usuários da região serrana do Rio de Janeiro. Com a ideia inicialmente validada e o interesse por parte do público identificado, foi possível seguir para as próximas etapas do projeto.

Nome e marca

O nome Foursafe surgiu através da busca por uma palavra moderna, positiva, internacional, sonora e que transmitisse segurança. Trata-se de uma simplificação de “For our safety”. Além disso, o Four faz referencia a quarteirão, mostrando um dos principais diferenciais da ferramenta que é o calculo de risco por sua área específica.

Já o símbolo da Foursafe surgiu a partir da união dos seguintes elementos: O quadrado, representando o quarteirão (área que a aplicação consegue mapear); a visão superior de arruamentos e quarteirões e as cores dos alertas. No processo de criação do nome e da marca foram realizadas atividades como:

  • Workshop de Branding, para definições de DNA da marca, personalidade da marca, conceitos e atributos que nortearam a criação;
  • Oficinas de ideação para Naming;
  • Criação de Identidade visual, com logotipo, pattern, grafismos e ícones;
  • Materiais gráficos diversos: camisa, adesivo, folder, caneca, banner, cartões de visita, apresentação institucional entre outros;
  • Landing page para cadastro na plataforma;
  • Manual de uso da marca;

Métafora de criação para o símbolo de Foursafe

Imagem de arte da marca aplicada em camisa para Foursafe
Imagem de arte da marca aplicada em cartões de visita para Foursafe
Imagem de arte da marca aplicada em copo de a café para Foursafe
Imagem de arte do símbolo da marca de Foursafe
Imagem de arte da marca aplicada em outdoor de metrô para Foursafe
Imagem das telas de interface para a landing page do aplicativo do Foursafe

O produto

Após a criação de toda a identidade visual, foi possível desenhar um produto digital que transmitisse os conceitos e propósitos da empresa. Durante esse processo foram realizados:

  • Criação de componentes e visual guide para apoiar o time de desenvolvimento e a escalabilidade da plataforma;
  • Arquitetura de informação completa da plataforma;
  • Desenho da interface gráfica de todas as telas da aplicação web;
  • Protótipo MVP em HTML, CSS e Javascript.
Imagem das telas de interface para do aplicativo desktop do Foursafe
Imagem das telas de interface do aplicativo do Foursafe mostrando a previsão de riscos ao longo do tempo

Gostou? Veja mais projetos

Ver mais