Verseblog Art • Verseblog Art • Verseblog Art •Verseblog Art • Verseblog Art • Verseblog Art •Verseblog Art • Verseblog Art • Verseblog Art •Verseblog Art • Verseblog Art • Verseblog Art •
Verseblog Art • Verseblog Art • Verseblog Art •Verseblog Art • Verseblog Art • Verseblog Art •Verseblog Art • Verseblog Art • Verseblog Art •Verseblog Art • Verseblog Art • Verseblog Art •
Verseblog Art • Verseblog Art • Verseblog Art •Verseblog Art • Verseblog Art • Verseblog Art •Verseblog Art • Verseblog Art • Verseblog Art •Verseblog Art • Verseblog Art • Verseblog Art •
Verseblog Art • Verseblog Art • Verseblog Art •Verseblog Art • Verseblog Art • Verseblog Art •Verseblog Art • Verseblog Art • Verseblog Art •Verseblog Art • Verseblog Art • Verseblog Art •
Verseblog Art • Verseblog Art • Verseblog Art •Verseblog Art • Verseblog Art • Verseblog Art •Verseblog Art • Verseblog Art • Verseblog Art •Verseblog Art • Verseblog Art • Verseblog Art •
Verseblog Art • Verseblog Art • Verseblog Art •Verseblog Art • Verseblog Art • Verseblog Art •Verseblog Art • Verseblog Art • Verseblog Art •Verseblog Art • Verseblog Art • Verseblog Art •

Escopo:

UI Design

Concept

Áreas:

Metaverso

Criptomoedas

Blog

Ano:

2022

Visão geral

O Verseblog Art é um aplicativo de blog focado no universo de NFTs, criptomoedas e metaverso. Criado como um exercício de aprimoramento de habilidades de UI Design, o projeto visa oferecer uma experiência intuitiva e visualmente atraente, permitindo que escritores, jornalistas e entusiastas compartilhem e consumam conteúdo de forma simples e eficiente.

Interfaces do projeto do Verseblog Art, com imagens coloridas do cadastro, tela principal, modal de sucesso, etc.

Interfaces do Verseblog Art

Design System: Consistência e Identidade Visual

Para garantir consistência visual e uma identidade bem definida, criei um Design System. Nele, são apresentadas as diretrizes de tipografia, paleta de cores e componentes, estabelecendo uma base sólida para a interface.

Esse sistema facilita a escalabilidade do projeto e melhora a experiência do usuário ao manter padrões visuais e interativos bem estruturados.

Escala de cores primárias do Design System da Verseblog Art

Escala de cores - Design Tokens

Tipografias principal e secundária e cores primárias, secundárias e gradientes utilizados no Design System

Tipografia e paleta de cores da marca.

Ícones, toggles, text fields e botões do Design System

Ícones e componentes visuais da interface.

Alguns componentes da interface em modo claro

Modo claro / Modo escuro: experiência personalizada para todos

Com a implementação dos modos claro e escuro, o app oferece uma experiência personalizada e confortável, independentemente do ambiente de uso. O design foi cuidadosamente ajustado para garantir contraste ideal, legibilidade e uma estética consistente, proporcionando uma navegação agradável tanto durante o dia quanto à noite.

Alguns componentes da interface em modo claro

Modo claro / Modo escuro: experiência personalizada para todos

Com a implementação dos modos claro e escuro, o app oferece uma experiência personalizada e confortável, independentemente do ambiente de uso. O design foi cuidadosamente ajustado para garantir contraste ideal, legibilidade e uma estética consistente, proporcionando uma navegação agradável tanto durante o dia quanto à noite.

Alguns componentes da interface em modo claro

Modo claro / Modo escuro: experiência personalizada para todos

Com a implementação dos modos claro e escuro, o app oferece uma experiência personalizada e confortável, independentemente do ambiente de uso. O design foi cuidadosamente ajustado para garantir contraste ideal, legibilidade e uma estética consistente, proporcionando uma navegação agradável tanto durante o dia quanto à noite.

UI Design: estética e funcionalidade

Aqui são apresentadas as principais decisões visuais que tornaram o Verseblog Art intuitivo e atraente. O foco esteve na hierarquia, interatividade e coerência dos elementos, garantindo uma navegação fluida e imersiva.

Interfaces em modo claro do aplicativo Verseblog Art
Interfaces em modo escuro do aplicativo Verseblog Art

Lições aprendidas

Desenvolver o Verseblog Art foi uma experiência valiosa para aprimorar minhas habilidades em UI Design. Durante o processo, aprofundei meus conhecimentos sobre consistência visual, construção de Design Systems e a importância da adaptação entre modos claro e escuro para melhorar a usabilidade.

Um dos principais aprendizados foi a necessidade de atenção aos detalhes, como contraste, espaçamentos e hierarquia visual, para garantir uma interface clara e intuitiva. Além disso, trabalhar com dark mode me desafiou a explorar novas abordagens de cores e acessibilidade, tornando o design mais versátil e inclusivo.

veja o próximo projeto:

Capa do projeto Alpha11

Casa Verde