Ir para o conteúdo
Empresa europeiaFundada em 2014Construído e operado na EuropaPagamentos protegidos por Os pagamentos com cartão passam pela Stripe. Os dados do seu cartão nunca chegam aos nossos servidores.
GRADAX

Design de app móvel

Ecrãs de apps iOS e Android desenhados em Figma, com fluxos, estados e uma biblioteca de componentes pronta para desenvolvimento.

Vendido por GRADAXMarca e DesignEncomendar diretamenteFundada em 2014, desenvolvida e operada na Europa

Principais características

  • Diagramas de fluxo de utilizador
  • Wireframes
  • Designs de ecrã finais em Figma
  • Protótipo clicável
  • Biblioteca de componentes e notas de entrega para programadores
Ver a especificação completa

Sobre este serviço

Concebemos aplicações móveis ecrã a ecrã no Figma, seguindo as convenções do iOS e do Android para que a aplicação se sinta natural em cada um. O trabalho começa com fluxos de utilizador, passa para wireframes e depois para o design final com todos os estados contemplados, incluindo vazio, a carregar, erro e offline. Recebe um protótipo para testar e uma biblioteca de componentes a partir da qual os programadores podem construir.

Conceber os estados que ninguém mostra no portefólio

Os portefólios de design de aplicações mostram o caminho feliz: um feed cheio, um perfil completo, um pagamento bem-sucedido. Os utilizadores reais passam muito tempo noutros estados. A lista vazia no primeiro arranque. O indicador de carregamento enquanto os dados chegam. O erro quando a rede cai. O formulário com um campo preenchido incorretamente. Quando os designers ignoram isto, os programadores improvisam sob prazo, e é aí que uma aplicação começa a parecer inacabada.

Concebemos cada ecrã em todos os seus estados como parte do âmbito, não como um extra. Para cada um, perguntamos o que o utilizador vê, o que pode fazer a seguir e como recupera. Um estado vazio que explica o que fazer primeiro é muitas vezes o ecrã mais importante do onboarding.

  • Vazio: primeiro uso, sem resultados, nada guardado ainda
  • Carregamento: o que aparece enquanto se espera, e durante quanto tempo
  • Erro: o que correu mal, em palavras simples, e como corrigir
  • Offline: o que continua a funcionar sem ligação

As convenções da plataforma poupam esforço ao utilizador

Os utilizadores de iOS e Android aprenderam hábitos diferentes: onde está o botão de retroceder, como funciona a navegação, o que faz uma pressão longa, como são as definições. Uma aplicação que ignore esses hábitos faz as pessoas pensar na interface em vez da tarefa.

Seguimos as Human Interface Guidelines da Apple e o Material Design da Google onde são relevantes, e reservamos a expressão de marca para cor, tipografia, ilustração e movimento. Os alvos de toque cumprem os tamanhos mínimos recomendados, e o texto e o contraste de cor cumprem as diretrizes de acessibilidade, o que também torna a app mais fácil de usar à luz do sol.

Especificações

Categoria
Marca e Design
Preço
€ 420 a € 1.750
Tamanhos
Pequeno (Ecrãs principais), Médio (Design de MVP), Grande (Design completo da app)
Prazo de execução
1 a 8 semanas
Faturado
Pagamento único
O que recebe
5 itens, tudo incluído no preço
O que precisamos de si
Uma descrição do que a aplicação faz e de quem a utiliza, Manual de marca, ou o extra de design de marca, Qualquer aplicação existente, wireframes ou exemplos de concorrentes
Comprado mais frequentemente por
Saúde e fitness, Serviços financeiros, Retalho, Educação
Vendido e entregue por
GRADAX, um contrato e uma só equipa
Onde são tratados os seus dados
União Europeia

O que recebe

Tudo o que está abaixo está incluído no preço. Nada aqui é um upgrade.

  • Diagramas de fluxo de utilizador
  • Wireframes
  • Designs de ecrã finais em Figma
  • Protótipo clicável
  • Biblioteca de componentes e notas de entrega para programadores

O que muda

  • Fluxos de utilizador mapeados antes de desenhar os ecrãs
  • Ecrãs que seguem as convenções da plataforma para navegação e gestos
  • Todos os ecrãs desenhados em todos os seus estados, não apenas o percurso normal
  • Alvos de toque, tamanhos de texto e contraste a cumprir as diretrizes de acessibilidade

Compare os tamanhos

O preço padrão para cada tamanho. Os extras têm preço ao lado, não escondidos atrás de uma chamada.

Design de app móvel: what each size includes
IncluídoEcrãs principais€ 4201 a 2 semanasDesign de MVP€ 8303 a 4 semanasDesign completo da app€ 1.7505 a 8 semanas
Fluxo para uma tarefa principalIncluídoIncluídoIncluído
Até oito ecrãs desenhadosIncluídoIncluídoIncluído
Protótipo clicávelIncluídoIncluídoIncluído
Duas rondas de revisõesIncluídoIncluídoIncluído
Tudo em Ecrãs principais, até 25 ecrãsNão incluídoIncluídoIncluído
Fase de wireframeNão incluídoIncluídoIncluído
Estados vazios, de carregamento e de erroNão incluídoIncluídoIncluído
Biblioteca de componentesNão incluídoIncluídoIncluído
Tudo no design de MVP, até 50 ecrãsNão incluídoNão incluídoIncluído
Padrões separados para iOS e Android onde diferemNão incluídoNão incluídoIncluído
Fluxos de integração e configuraçõesNão incluídoNão incluídoIncluído
Modo escuroNão incluídoNão incluídoIncluído
Revisão de design durante o desenvolvimentoNão incluídoNão incluídoIncluído
Adicionar ao orçamento

Adicione o que precisa

Choose the size

Adicione o que precisa

O seu total€830

O preço padrão, mais tudo o que acrescentar. Confirmado por escrito antes de começar; nada é cobrado até aceitar.

Como funciona

  1. Mapear

    Utilizadores, objetivos e fluxos definidos antes de desenhar qualquer ecrã.

  2. Wireframe

    Estrutura e navegação testadas em tons de cinzento.

  3. Design

    Design visual aplicado com todos os estados de cada ecrã.

  4. Protótipo

    Um protótipo clicável e uma biblioteca de componentes para entrega.

Perguntas

Também constroem a aplicação?

Não nesta oferta. Os designs estão prontos para qualquer equipa de desenvolvimento, incluindo a nossa através das ofertas de desenvolvimento de apps.

Um design para as duas plataformas, ou dois?

A maioria das apps partilha um design com pequenas diferenças de plataforma na navegação e nos controlos. O pacote maior cobre essas diferenças devidamente.

Vai testar o design com utilizadores?

O protótipo está pronto para testes. Podem acrescentar-se testes estruturados com utilizadores, e corrigir problemas nesta fase é muito mais barato do que após o lançamento.

Pesquisas relacionadas

Não encontra o seu tamanho?

Alguns trabalhos têm forma própria. Analisamos primeiro o âmbito e orçamentamos por escrito; a chamada de análise não tem custo.

A sua lista de orçamento

A sua lista de orçamento está vazia

Adicione os serviços que lhe interessam, na dimensão adequada. Enviamos um único orçamento por escrito para todos.

Explorar o catálogo

Comece por uma categoria

  • Sem pagamento, sem compromissoIsto é um pedido. Decide após o orçamento escrito.
  • Vendido e entregue pela GRADAXUm contrato e uma equipa, independentemente de quem faz o trabalho.
  • Os seus dados ficam na UENada é movido para fora da união para ser processado.

Preferências de cookies

Escolha que cookies autoriza. Os cookies necessários não podem ser desativados: o site precisa deles para funcionar.