Um site para o seu app de fitness em HTML e CSS: treinos, recursos, planos e links para as lojas, pronto para celular

Exemplo de resultado

Exemplo do pacote PadrãoVer completo

Site de duas páginas de um app de planejamento de refeições

A página inicial e a de preços

A página inicial no celular

Arquivos: um arquivo ZIP com 2 páginas HTML ligadas entre si, os estilos e 5 imagens desenhadas para o site, pronto para subir na hospedagem do cliente. As imagens aqui são capturas de tela das páginas.

Cliente: Plately, um app que planeja os jantares da semana para famílias sem tempo. Tarefa: uma página inicial com o que o app faz e como funciona, e uma página de preços com três planos, uma tabela comparativa e perguntas frequentes, com botões de cadastro que levam ao app, em verde-folha e laranja quente.

O cliente e todos os dados são fictícios.

Sobre este serviço

O site de um app de fitness deve mostrar para quem o app é, como é um treino nele e quanto custa a assinatura, sem promessas que ninguém pode cumprir. A partir do seu briefing, escrevemos e montamos as páginas: uma primeira tela com a ideia principal e os botões de download, os tipos de treino e de programa, como o app acompanha a evolução, os seus planos e as condições do teste, perguntas frequentes e os contatos de suporte. Escrevemos sobre o que o app faz, nunca sobre resultados: nada de quilos perdidos em um mês, curas ou histórias de antes e depois, e, se você quiser, uma linha recomendando consultar um médico antes de treinar. Os botões das lojas são links simples que você informar. Telas reais do app vêm apenas das suas capturas; as imagens desenhadas de pessoas treinando são ilustrações sem texto nem interface.

O que está incluído

• O que você recebeUm arquivo ZIP com as páginas, os estilos e as imagens do site do app, pronto para subir na sua hospedagem, e a prévia de cada página na página do pedido.
• Os treinos do appOs tipos de treino, os níveis e a duração das sessões, como você descrever
• Tabela de assinaturasVersão grátis, teste, planos mensal e anual com os seus preços
• Texto honestoSobre recursos e hábitos, sem promessas de emagrecimento ou de efeitos na saúde
• Ilustrações com energiaPessoas e movimento desenhados nas suas cores, sem texto nem interface; as suas telas do jeito que são
• Botões de download, pronto para celularBotões de texto para as páginas do app nas lojas; o site fica fácil de ler no celular; HTML e CSS limpos

Como funciona

1. 1
   BriefingVocê descreve o app, os treinos, os planos e os links das lojas, e envia capturas de tela
2. 2
   SiteEscrevemos os textos, desenhamos as ilustrações e montamos as páginas
3. 3
   Prévia e arquivoVocê confere cada página no computador e no celular, pede ajustes dentro do seu pacote e baixa o arquivo

O que precisamos de você

Para quem o app é, os tipos de treino e de programa, quanto duram as sessões e que equipamento é preciso, como o app acompanha a evolução, a versão grátis, o teste e os preços das assinaturas, os links das páginas do app nas lojas, um e-mail de suporte, o aviso de saúde que você quer na página, se houver, e as páginas que você quer. Opcionalmente, até 5 imagens em PNG, JPEG ou WebP: o ícone ou logo do app e capturas de tela reais do app.

Vamos perguntar:

• Para quem é o app?
• Treinos e recursos
• Versão grátis, teste e preços
• Links das lojas e e-mail de suporte
• Estilo

Compare os pacotes

Perguntas e respostas

Não encontrou a resposta? Pergunte