2023 — Design de Interface

eGames Mobile

Rede social mobile criada para aproximar gamers por meio de conteúdos, comunidades, jogos e conversas em uma interface escura e dinâmica.

GamesMobile AppDark UI
Capa do projeto eGames Mobile

|eGames App

|Sobre o projeto

Apresentação do aplicativo eGames Mobile com a tela Splash em um smartphone

O eGames é um aplicativo de rede social voltado para gamers, desenvolvido a partir do material do curso “UI Start – Curso de UI Design”, dos profissionais Lucas Assis e Tiago Luchtenberg.

O objetivo do projeto foi aprimorar meus conhecimentos no Figma. No mapa a seguir estão as telas e os fluxos criados a partir das referências do curso.

|Identidade visual

Cores

#712DE0 (purple)#EB2F93 (pink)

Tons claros

#FFFFFF

White

#B3B0B8

Gray1

#7C7A80

Gray2

Tons escuros

#101114

Black1

#1E1F24

Black2

#2B2C33

Black3

#454652

Black4

Status

#39CC59

green-online/success

#E03F3F

red-offline/error

Tipografia

Space Grotesk

Bold

  • heading1onboarding32px / 38
  • heading2title20px / 24
  • heading3title16px / 20

Inter

Regular & Semi Bold

  • texts1body14px / 24
  • texts2paragraphs14px / 20
  • texts3details12px / 18

Ícones

Os ícones utilizados neste projeto foram retirados das seguintes bibliotecas open-source:

|Telas de navegação

Telas já fornecidas pelo curso
Telas criadas por mim
Início
Splash
Onboarding
Login
Recuperar senha
Cadastro
Home/Feed
Criar post
Ver curtidas
Criar stories
Ver stories
Configurações de post
Games
Lançamentos
Populares
Campeonatos
Avaliações
Top 10 Streamers
Banner
Buscar
Players
Games
Campeonatos
Posts
Chat
Players
Grupos
Criar Grupos
Perfil
Seguidores
Seguindo
Games
Postagem
Configurações
Detalhe do game