Omegacom Intercomunicadores

Projeto

Motivo do projeto (Escrever ainda).

Ferramentas

• MockFlow
• Figma
• React.js
• Next.js
• Typescript
• Styled components
• Eslint

Design

Para o design, foi realizado uma pesquisa intensa na plataforma Behance a fim de pegar alguns insights.

Após algumas referencias, foi inicializado o wireframe no MockFlow pensando na jornada do usuário e realizando algumas anotações.

Depois de já ter o esboço feito, a próxima etapa foi analisar a marca do cliente OmegaCom para a criar o design system no Figma, resultando nas cores Azul (#363E87) como primária e Cinza (#616C64) como secundária.

Para as fontes foram utilizadas a Montserrat e a Roboto, nos pesos 400 / 700 / 900.

Veja você também:

• Wireframe - Mockflow
• Design System - Figma
• Mobile Preview - Figma
• Desktop Preview - Figma