Paleta de Cores

Por se tratar de um dashboard, utilizei uma paleta com 8 cores no total, incluindo as 3 cores do branding da marca Dolce Gusto, da seguinte maneira:

• Laranja, Roxo e Azul Claro (cores Dolce Gusto) para os gráficos;
• Preto para o header, rodapé e textos;
• Azul Escuro para o botão de + Add Topic;
• Vermelho para números negativos;
• Verde para números positivos;
• Cinza para textos dos gráficos e links não selecionados.

Font

Utilizei a família Verdana por ser uma das fontes utilizadas pela marca Dolce Gusto e por ser segura de ser encontrada em praticamente qualquer computador.

Layout

Para a UI utilizei a base do Wireframe de média fidelidade, porém com dois pequenos ajustes:

• Alterei o local do campo de busca com o nome do produto a ser analisado, que no Wireframe ficava no header, para o campo dos gráficos, pois assim o nome do produto já fica agrupado aos dados e não fica próximo à área de login, o que poderia confundir o usuário de alguma maneira;
• No canto inferior direito do box do primeiro gráfico comparativo coloquei dois botões com as opções para o usuário decidir se prefere ver o gráfico em linhas ou em barras.