Passo a passo para criar aplicativos para cidades e turismo

Escrito por Terça-feira 8 Março 2016

Passo a passo para criar aplicativos para cidades e turismo
Já faz algum tempo que nós deixamos de usar os enfadonhos mapas de papel para explorar cidades e pontos turísticos. Hoje, tudo cabe dentro de um aplicativo, oferecendo muito mais informações valiosas para o usuário poder definir o seu roteiro, pontos a visitar e o que fazer em determinado local e situação.

Assim, com este passo a passo, você vai estar pronto para criar um app para a categoria de Viagem & Turismo utilizando GoodBarber.

Apenas uma informação antes de começarmos, como bom Gaúcho Bairrista que sou, a cidade de inspiração é Porto Alegre e por isso o app irá se chamar "Mas Bah!". No entanto, tanto a cidade/região quanto o design do seu app podem ser ajustados de acordo com sua preferência.

1 - Defina o Tema

Este é o primeiro passo para criar o seu Beautiful App. No back office você encontra mais de 50 temas criados pelos nossos designers e que podem ser utilizados como ponto de partida para o seu aplicativo, mas se você quiser você pode começar um tema do zero e fazer suas próprias definições.

Para este app eu decidi começar com o tema "Asian Touch ", mas como disse anteriormente, você pode escolher o tema que mais se adeque com o design que você está idealizando.
Passo a passo para criar aplicativos para cidades e turismo

2 - Escolha o Modo de Navegação (Menu)

Da mesma forma que o temas, os menus já possuem modelos pré-definidos, mas você pode criar um novo modelo do zero. Para o Mas Bah! eu escolhi o modelo "Little Swipe ", por ser mais minimalista e dar mais enfoque ao conteúdo do aplicativo.

* O conteúdo que aparece inicialmente no app é apenas para exemplo, você poderá alterar e ajustar com as suas próprias seções.
Passo a passo para criar aplicativos para cidades e turismo

Assim que você tiver escolhido o menu que desejar, é hora de partir para a customização. As cores, por padrão, são as do tema que escolhido, mas para criar um app ainda mais único é possível alterar. Para fazer isso, basta clicar no botão "Editar" abaixo do menu selecionado.

Para escolher as cores para este app eu utilizei a ferramenta gratuita da Adobe, Color Wheel. Assim, é possível definir um conjunto de cores que harmonizam, sem perder tempo testando infinitas combinações.
Passo a passo para criar aplicativos para cidades e turismo

3.1 - Cabeçalho (Header)

Assim como no menu, você pode ajustar as definições de design. Mas, além disso, você precisa definir o modo de exibição da sua logo (texto ou imagem), os efeitos da header e os botões da barra.
Passo a passo para criar aplicativos para cidades e turismo

3.2 - Corpo do App (Body)

Nesta etapa você irá alterar o plano de fundo do seu app, os separadores e as configurações das margens. Da mesma forma que com configurações de design, ao escolher um tema o background é pré-definido, mas também é possível customizar esta parte.

Para criar um novo plano de fundo para o app eu utilizei o Canva (grátis), criando uma nova imagem com as dimensões indicadas no back office. A imagem bastante parecida com a original do tema, realizei apenas a adaptação das cores e das ilustrações.
Passo a passo para criar aplicativos para cidades e turismo

4 - Adicione o conteúdo

Agora é hora de começar a diversão! Esta é a parte mais importante do app, então é bom não poupar esforços e muito menos criatividade.

Para começar, criei um submenu no app, para organizar melhor cada tipo de conteúdo, entre atividades (Ex.: Lazer, Cultura, Eventos...) que serão apresentadas neste submenu, e outras informações relevantes do app (Ex.: Blog, Favoritos, Envio de dicas...), que estarão no menu original.
Passo a passo para criar aplicativos para cidades e turismo

Assim que a estrutura do app estiver definida, é hora de partir para a inserção do conteúdo em cada seção. No exemplo do Mas Bah! eu trabalhei dentro da seção de "Cultura", inserindo pontos da cidade que são relevantes dentro deste tipo de atividade.

Antes de começar a adicionar os POIs (Pontos de Interesse), é interessante criar categorias dentro dessa seção, para facilitar a navegação dos usuários dentro do aplicativo e evitar a criação de seções em excesso. Este é um passo muito importante, pois fará grande diferença na experiência que o usuário terá dentro do aplicativo, pois será mais intuitivo e organizado.
Passo a passo para criar aplicativos para cidades e turismo

Assim que a pré-definição de categorias estiver pronta, podemos começar a adicionar os pontos no mapa, na aba de conteúdo da seção.

É possível fazer o detalhamento específico de cada ponto (Ex.: Informações, horário de abertura, história...), adicionar imagens, botões de ação (chamada de telefone e email), site, etc. Além disso, você deve escolher a que categoria a qual este ponto pertence, no caso da imagem de exemplo, a Fundação Iberê Camargo aparecerá na categoria geral e em "Museus", e em seguida fazer os ajustes de design.
Passo a passo para criar aplicativos para cidades e turismo

Não há limites para o números de POIs nos mapas, então você pode criar e detalhar quantos locais forem necessários para o seu projeto.

A criação de categorias pode ser realizada em diferentes tipos de seções (Artigos, Vídeos...) e é uma ferramenta muito eficaz para tornar o app mais leve. No caso da seção de restaurantes, por exemplo, seria interessante segmentar as categorias por tipo de culinária (Italiana, Japonesa, Natural, Pizzaria...) para manter todas as informações dentro de uma única seção, mas ainda sendo possível filtrar o conteúdo.

Para as outras seções o processo é bastante similar. Se o conteúdo for criando em uma seção CMS, tudo pode ser feito a partir do back office GoodBarber, desde a redação de artigos até a criação de eventos. Caso você opte por importar conteúdo de fontes externas (Wordpress, Facebook, Flicker...), basta fazer a configuração da seção que é bastante simples - e se precisar de uma mãozinha basta consultar os tutoriais ou contatar o suporte.

5 - Tela de lançamento e Ícone do App

Depois de fazer os ajustes  de design e inserir o conteúdo, é hora de preparar os ajustes finais para o tão aguardado lançamento nas lojas de aplicativos !

Na aba "App" do back office os itens 6 e 7 são referentes a Tela de lançamento (primeira imagem que aparece quando o usuário abre o aplicativo e carrega as informações) e o Ícone (será apresentado nas lojas, notificações push e tela inicial dos usuários).
Passo a passo para criar aplicativos para cidades e turismo

Neste ponto é importante lembrar que é necessário carregar imagens específicas para diferentes tipos de aparelho e sistemas operacionais. Esta é uma definição para garantir a ótima resolução e qualidade da imagem no app.

Também criei a imagem da tela de lançamento no Canva, utilizando como base o plano de fundo que havia criado anteriormente. Entretanto, também é possível fazer uma tela de lançamento direto do back office, utilizando a ferramenta Assistente.
Passo a passo para criar aplicativos para cidades e turismo

Para o ícone, também é necessário criar imagens com diferentes dimensões, pois, neste caso, estas imagens são utilizadas em locais diferentes no aparelho do usuário (App Store/Tela inicial). Além disso, as dimensões também variam de acordo com o sistema operacional.

O campo que aparece abaixo da pré-visualização do ícone é o nome do app que aparecerá na Tela Inicial nos smartphones dos usuários, no caso do nosso exemplo, Mas Bah!.
Passo a passo para criar aplicativos para cidades e turismo

Feito! Seguindo estes passos seu aplicativo para promover sua cidade ou guia turístico estará pronto para ser um sucesso.

Também temos tutoriais de como enviar seu app GoodBarber para as lojas, tanto Google Play quanto App Store - uma barbada! Você pode encontrar este material na ajuda on-line direto no back office.
Passo a passo para criar aplicativos para cidades e turismo

Se gostou do que viu por aqui, não perde tempo e começa a criar o seu. Vamos explorar o mundo através de Beautiful Apps!


CRIE O SEU APP


Conheça outros Beautiful Apps criados especialmente para encantar os viajantes:




Se você quiser mais conselhos, o nosso e-book grátis "Apps for Beginners: Como definir o seu conceito" é o o guia perfeito para você dar seus primeiros passos:

aplicativos para iniciantes



dasdasd
http://asd
Olá,
Gostaria de saber como poderia incluir um campo de busca (pesquisa) interna no conteúdo criado. Existe essa possibilidade?
Abs,

Insira seu endereço de e-mail