Design & Marca

Sensação nativa, entrega à velocidade da web.

Os utilizadores são implacáveis no mobile. Uma interface que hesita, faz scroll de forma estranha ou ignora as convenções da plataforma é eliminada. Desenhamos interfaces iOS, Android e PWA que se sentem completamente em casa na sua plataforma - construídas sobre um sólido sistema de UI que os programadores podem implementar sem lacunas de interpretação.

O que fazemos

Design nativo para cada plataforma, do primeiro ecrã à entrega.

Design de UI iOS & Android

Designs de ecrã completo que respeitam as convenções Apple HIG e Material Design 3. Padrões de gesto, áreas seguras, gestão de notch e integração de fontes do sistema - nenhum detalhe é ignorado.

Interfaces Progressive Web App

Design PWA que elimina a barreira entre web e nativo - instalável, funciona offline e indistinguível de uma app nativa na mão do utilizador. Mais rápido de lançar, maior alcance, sem atrito da App Store.

Entrega design-para-programadores

Ficheiros Figma construídos da forma correcta: camadas nomeadas, auto-layout, tokens de design, fluxos de gestos anotados e assets exportados. Os programadores podem construir directamente sem um documento de especificação separado.

A nossa abordagem

Auditoria de plataforma à entrega em quatro etapas.

01

Auditoria de plataforma

Revemos a sua app actual ou brief de design em relação às guidelines da plataforma, benchmarks de concorrentes e feedback dos utilizadores. Identificamos o que está a funcionar, o que quebra convenções, e o que está a custar-lhe avaliações. Output: um relatório de auditoria prioritizado e âmbito de design acordado.

02

Linguagem de design

Estabelecemos a base visual: sistema de cores (incluindo modo escuro), escala tipográfica, estilo de ícones, espaçamento e elevação. Este é o kit de UI a partir do qual cada ecrã será construído - definido antes de tocar num único ecrã de funcionalidade.

03

Ecrãs

Cada ecrã acordado é desenhado com todos os estados: vazio, carregando, preenchido, erro e casos extremos. As interacções por gesto (deslizar, pressão longa, pull-to-refresh) são anotadas inline. Duas rondas de revisão incluídas antes de avançarmos para a entrega.

04

Entrega

Um pacote de entrega Figma limpo: componentes nomeados com propriedades documentadas, assets exportados a 1x/2x/3x, especificação de gestos e interacções, e um vídeo de apresentação gravado. Permanecemos disponíveis para questões dos programadores durante o sprint de construção.

O que está incluído

Todos os assets de que os seus programadores precisam, prontos para construir.

  • Kit de UI de plataforma (iOS, Android ou PWA - ou os três)
  • Todos os estados de ecrã: predefinido, carregando, vazio, erro, sucesso
  • Especificação de gestos & interacções
  • Variantes de modo escuro para todos os ecrãs
  • Pacote de entrega aos programadores (Figma com tokens, assets, anotações)
  • Protótipo interactivo para testes e revisão por partes interessadas
Serviços relacionados

Frequentemente combinados com UI Mobile & App.

Pronto para desenhar uma app que os seus utilizadores adoram mesmo?

Partilhe a sua plataforma, os seus utilizadores e o seu maior problema. Responderemos num dia útil.