40 projetos de integração de aplicativos móveis para sua inspiração

A primeira coisa que os usuários veem quando baixam um aplicativo nos dias de hoje é uma tela de integração. Uma tela de integração é como um passo a passo, apresentar o que um aplicativo faz a um usuário e, claro, como usá-lo. Essa é a maneira mais simples de descrevê-lo. Projetar isso, no entanto, é uma coisa totalmente diferente.

Uma tela de integração precisa ser projetada da maneira mais simples, amigável e fácil de usar. Telas de integração como páginas de estado vazias criadas para informar e educar os usuários. Nem todo aplicativo precisa de uma tela de integração, embora eu pense telas de integração salvam usuários da frustração do ter que descobrir por conta própria esse novo aplicativo que eles estão experimentando.

Mas vamos dar uma olhada nestes 40 exemplos de projetos de tela de integração de criativos de todo o mundo, então você pode me dizer nos comentários se você está ou não a bordo com a idéia de tela de integração.

Confira essas ilustrações suaves e telas animadas de inspiração de Virgil Pana. Ele foi projetado com uma instituição de ensino em mente.

As ilustrações de integração para o que parece ser um aplicativo de viagem apresenta cenários no mesmo plano montanhoso arredondado. Designer Anggit Yuniar Pradito tem mais algumas idéias de design de integração em seu portfólio.

Este projeto de integração é parte de uma apresentação para um aplicativo chamado Bemyspot, que parece ser um aplicativo de compras que recompensa você por selfies, descobrindo novos pontos e compartilhamentos sociais. Ele é projetado por Rosario Sarracino e Ivan Paudice.

Cada imagem nestas telas é colocada em selos postais que aludem ao serviço que fornece: entrega. Anastasiia Andriichuk entende que o humor vai longe, como mostram os astronautas e os balões de ar quente fazendo as entregas.

Sasha Gorosh produziu uma tela de integração divertida e envolvente, inspirada nas viagens espaciais. As ilustrações são simples e você pode ficar "a bordo" em nenhum momento.

"Que a força esteja com você!" Uma tela de integração onde os planetas ganham uma reforma; inspirado em Star Wars, criado por Anton Chandra.

Em algumas ilustrações de linhas, Aika explica o que você pode fazer com este aplicativo de viagem. Você pode deslizar as telas ou fechá-las com o X.

O layout, gradiente, ilustrações e uso de cores neste design é incrível. O botão CTA é destacado em laranja, que parece estranhamente impressionante em um fundo azul profundo. Um design agradável por Murat Gursoy.

Essas pessoinhas bonitinhas foram atraídas para mostrar as possibilidades e recursos do aplicativo. Eles parecem muito fofos, no modo de trabalho sério, bu ainda bonito.

Aqui está um uso inteligente de ícones em telas passo a passo. Destaques verdes em ilustrações com porções acinzentadas ficam ótimas. Projetado por Nitesh Chandora.

Esta é mais uma tela onboarding com ilustrações impressionantemente minimalistas com um tema eco-verde acontecendo. Botões de navegação são colocados na parte inferior da tela por conveniência. Projetado por Martin Strba.

Estas ilustrações mostram diferentes lugares para visitar em todo o mundo. Parece um conceito de integração para um aplicativo de guia de viagem. Breves descrições dos locais aumentam o fascínio. Outra grande peça de Anton Chandra.

As bolhas do bate-papo e o globo nas ilustrações são desenhados de forma bastante detalhada. Posso imaginar como seria uma animação dentro de qualquer aplicativo de descoberta. Bom trabalho de Ghani Pradita.

Estas ilustrações são semelhantes aos estilos orbitais de Ghani Pradita, mas são adotadas em todos os projetos de integração. Estes projetos são de Faiz Al-Qurni.

Estas ilustrações de Ivy Mukherjee são engraçadas e criativas, no entanto, as palavras são um pouco pequenas e difíceis de ler. No entanto, este é o exemplo perfeito para mostrar por que as ilustrações bem-feitas desempenham um papel importante na experiência de integração.

Essas telas de onboard são minhas favoritas. Eu amo o uso de ilustrações e o esquema de cores aqui. Eles parecem minimalistas, destacados, mas ainda significativos. Projetado por Mariusz Onichowski.

Aqui está mais um projeto de tela de integração criado por Anton Chandra. Anton tem uma coisa de inspiração espacial acontecendo em seus projetos, incluindo este.

As telas de integração descrevem um aplicativo que é rápido, móvel e amigável, com ilustrações apropriadas que transmitem a mensagem. Projetado por Wayne Baryshev.

Estas telas de integração foram feitas para o aplicativo de transporte marítimo. Eu acho que dia e noite nos projetos mostra que esta empresa de transporte funciona 24/7. A influência do Material Design é forte em sua obra, de Ivan Bjelajac.

Finalmente, vemos um projeto de tela de integração para o e-Commerce, uma indústria que provavelmente precisa desse tipo de design. Estes são criados por Katya Dihich para ajudar no processo de compra.

Uma tela de saudação desenhada por Anggit Yuniar Pradito, esta mostra uma reserva de sucesso e não tem medo de usar mais do que apenas uma ou duas cores. Simples e minimalista.

Falando sobre cores, estas telas de Dux Nguyen são incrivelmente brilhantes e coloridas. Eles mostram claramente que você pode jogar com seus amigos e conversar com este aplicativo.

Estas são telas de integração para aplicativos de hotéis econômicos. Azul e branco parecem uma combinação de cores segura, mas ainda assim relevante, para um aplicativo de reserva de hotel. Isso é projetado por Muhammad Watsik Dzawinnuha.

Essas ilustrações divertidas irão certamente tornar a experiência de integração mais agradável. Como você já deve ter adivinhado, essas telas são feitas para um aplicativo de florista. Um esquema de cores agradável e design por Jocelyn Crankshaw.

Este é um design de integração para uma tela de bloqueio, mas que também se encaixa em um aplicativo meteorológico ou de viagem. Brilhante uso de cores. O designer Xiu Yuan tem mais desenhos orientais em seu portfólio.

Essas telas de integração parecem ter sua própria personalidade. Cada tela é destacada com cores diferentes e uma ilustração centrada na pessoa. O designer, Min se divertiu com este projeto.

George Gao escolheu o cinza como o tema da cor de corrida para esses designs de integração. O mascote é um toque agradável, e faz uma aparição em todos os projetos de continuidade.

Um design de tela de onboarding limpo e engraçado por Anwar Hossain Rubel para um aplicativo de viagem. Eu gosto das nuvens watercolored no fundo e dos pontos coloridos que adicionam algo mágico ao projeto.

Ray Martin criou estes para um aplicativo social. O uso de telas de integração gradiente para o aplicativo chamado Vue produz um efeito impressionante. Às vezes só temos que ser corajosos com as opções de cores.

Estes são projetos de integração para um aplicativo de chamadas internacionais por Ivy Mukherjee. O esquema de cor verde brilhante me lembra de WhatsApp.

Desenhado e desenhado por Anandu Sivan, aqui estão algumas ilustrações engraçadas e criativas na tela do tutorial de um aplicativo. Não diz, porém, que tipo de aplicativo é, mas as ilustrações merecem destaque.

Essas telas engraçadas encorajam você a encontrar comida. Eu adoro o modo como as ilustrações são conectadas nas duas telas, passo a passo. Isto é projetado por Syafrizal Wardhana.

Jinyi Fu mostra como emparelhar cores e ilustrações arrojadas. Provavelmente ainda é um trabalho em andamento porque falta o texto para dar sentido aos desenhos.

Eu amo o uso de botões de contorno aqui por Wenhui Yu. O design parece leve e minimalista, apesar do uso geral de cores brilhantes e ilustrações inteligentes.

Outra criação de Wenhui Yu, esta usa fotografias de ilustrações. É para um aplicativo de moda divertido para adolescentes e o designer pregou.

Um aplicativo de receita com possibilidades divertidas, os designs de integração aqui criados por Eva Hoefer realmente mostram a ideia de como usar este aplicativo.

Eu gosto das ilustrações humanas e diferentes cores de fundo usadas neste aplicativo de integração por Melvin Johnson. Isso provavelmente permanecerá um conceito, uma vez que se tornou muito divertido para o seu propósito original, como mencionado pelo designer.

Às vezes, as ilustrações podem ter um papel secundário no fornecimento de instruções, como o faz Carlos Ramos. Estes desenhos são menores, mas ainda detalhados.

Uma tela de explicação passo a passo para um aplicativo que encontra fotos idênticas no seu computador e telefone e as remove. Esta criação de Tetiana Zahorska joga com o branco na abordagem de cor de fundo negrito.

Essas telas coloridas para o aplicativo ModMom são praticamente as mais acolhedoras de todos os designs apresentados neste post. As ilustrações engraçadas do fundo igualmente ajudam. Trabalho impressionante por Staci Carpenter.