Projeto de Ui/Ux Design para Jogo de Desenho (Figma)

---

---

Meu nome é Daniel, sou desenvolvedor front-end especializado em React, e atualmente estou trabalhando no desenvolvimento de um projeto inovador chamado **Vettano** ( [https://vettano.com/](https://vettano.com/)). O Vettano é um jogo de desenho que tem como objetivo competir diretamente com plataformas similares, como Gartic e Gartic.io, mas com uma proposta diferenciada e ambiciosa. Além de ser um jogo divertido e interativo, o Vettano busca oferecer uma experiência de rede social integrada para sua comunidade de jogadores, combinando entretenimento e conexão social de maneira única. ### **Conceito e Estrutura do Vettano** O Vettano contará com diversos modos de jogo, além de recursos premium que serão oferecidos através de um sistema de assinatura VIP. Entre os benefícios planejados para os assinantes VIP, teremos: - Depósitos e saques seguros. - Recompensas exclusivas. - Personalizações de perfil, como banners, gifs, temas customizáveis e o nome do usuário em dourado. - Um sistema de pontos inspirado no Steam, onde jogadores podem acumular pontos para adquirir itens e outras vantagens na loja do jogo. Além disso, o Vettano pretende adotar elementos de promoção viral, incentivando jogadores a convidarem amigos para se juntar à plataforma, com recompensas adicionais para aqueles que trouxerem novos participantes. Embora eu possua habilidades sólidas em desenvolvimento front-end, reconheço que a parte de design ui/ux ainda é um desafio. Atualmente, o design do site está baseado no design system do [Blaze Ninja](https://blaze.ninja/). Contudo, essa escolha tem gerado uma estética que lembra mais um site de apostas do que um jogo de desenho propriamente dito. Meu objetivo é reformular completamente esse design, mantendo a estrutura funcional existente, mas trazendo uma identidade visual que seja moderna, futurista e clean, alinhada com a proposta de um jogo de desenho e rede social. ### **A Nova Direção de Design** Após conduzir uma enquete com a comunidade de jogadores, percebi que, embora o design atual seja popular, a associação à estética de cassino não transmite plenamente a essência do Vettano. A comunidade prefere elementos coloridos e chamativos, mas deseja também uma experiência equilibrada e visualmente mais focada no tema de desenho. Para isso, pretendo incorporar elementos das referências de design modernas que utilizei anteriormente ([RocketSales](https://rocketsales.framer.ai/), [Atomic Template](https://atomic-template.framer.website/), e [Proxio](https://proxio.framer.website/)), mesclando esses conceitos com a estrutura atual do site. Essa abordagem busca manter a funcionalidade que os jogadores já conhecem, mas com um visual que: 1. Destaque os diferenciais do jogo. 2. Transmita uma mensagem clara e concisa sobre a proposta do Vettano. 3. Seja visualmente atraente e elegante. 4. Crie uma experiência intuitiva e alinhada à temática de desenho e rede social. ### **Funcionalidades e Páginas Planejadas** A seguir, listo as páginas e subpáginas que precisam de protótipos, incluindo suas respectivas funções e elementos essenciais: #### **1. Home (Página Inicial)** - Destaque dos principais diferenciais do Vettano. - Chamadas à ação para login, registro e exploração de funcionalidades. - Sessão de novidades e atualizações. - Link para redes sociais e comunidades oficiais. #### **2. Página de Login e Criação de Conta** - Layout moderno e clean, com opções de login via redes sociais. - Integração de mensagens de erro e sucesso. - Processo simplificado de cadastro. #### **3. Perfil do Usuário** - Compartilhamento de foto de perfil, banner, conquistas, amigos, grupos, histórico, inventário, pet. - Sistema de personalização completo para usuários VIP. - Opção de adicionar comentários no perfil de outros jogadores. - Referências: Sistema de personalização da Steam e Discord Nitro. #### **4. Página de Play (Jogos)** - Fluxo do jogo, incluindo sistemas de dicas, ferramentas de desenho, intervalo e fim de jogo. - Elementos inspirados no [Gartic.io Room](https://gartic.io/room) e [Gartic.com.br](https://gartic.com.br/01315888). #### **5. Página de criação de sala** - Interface para criação de salas e temas personalizados. - Controle e gerenciamento de preferências dos usuários. - Layout intuitivo e responsivo. - Inspiração no [Gartic.io Create](https://gartic.io/create). #### **6. Página de Depósito / Assinatura VIP** - Opções de pagamento seguras e variadas. - Destaque para benefícios VIP e assinatura recorrente. #### **7. Leaderboard** - Ranking de jogadores com filtros por categorias (global, amigos, região, etc.). - Destaque para os 3 melhores jogadores. #### **8. Página de Salas** - Organização de partidas por temas, categorias, servidor, idioma, e número de jogadores. - Inspiração no [Gartic.io Rooms](https://gartic.io/rooms). #### **9. Página de Criação de Tema** - Interface intuitiva para configuração de temas personalizados. - Inspiração no [Gartic.io Theme](https://gartic.io/theme). #### **10. Página de Recompensas** - Sistema de recompensas inspiradas na [Lootbox do Blaze Ninja](https://app.blaze.ninja/lootbox). - Exibição das conquistas e prêmios obtidos pelos jogadores. #### **11. Mercado de Itens** - Loja com itens personalizáveis, semelhante à [Loja de Pontos do Steam](https://store.steampowered.com/points/shop). #### **12. Modos Chance Hall** - Modos de jogo inspirados em [Jackpot](https://app.blaze.ninja/jackpot), [Roshambo](https://app.blaze.ninja/roshambo), [Double](https://app.blaze.ninja/double) e [Mines](https://app.blaze.ninja/mines). #### **13. Página de Desenho Livre** - Espaço para praticar desenho sem regras ou limites, como a [Praticar do Gartic](https://gartic.com.br/praticar/). #### **14. Página de Regras** - Lista de regras e condutas obrigatórias. - Inspiração na [Regras do Gartic](https://gartic.com.br/regras/). #### **15. Termos de Serviço** - Documento detalhado sobre as políticas do Vettano. #### **16. Página da Rede Social** - Sistema integrado de chat, amigos, grupos e pedidos de amizade. - Interface compacta no menu lateral direito. ### **Estrutura de Navegação** Todas as páginas contarão com: - **Menu lateral esquerdo**: Destaque para os 3 primeiros colocados no ranking global e outras informações relevantes. - **Menu lateral direito**: Acesso compacto à rede social integrada, como amigos e grupos. ### **Próximos Passos** Estou à disposição para fornecer qualquer informação adicional e para revisar os protótipos conforme o projeto avança. Estou confiante de que um redesign bem executado será fundamental para o sucesso do Vettano, tornando-o uma referência entre os jogos de desenho e redes sociais.Category: Design & MultimediaSubcategory: Web designWhat do you need?: Create a new custom designIs this a project or a position?: ProjectRequired availability: As needed

Keyword: Design UI

Price: $100.0

Secondary Price: $250.0

Responsive Web Design Graphic Design Adobe Illustrator