UNIVERSIDADE NORTE DO PARANÁ

DESIGN GRÁFICO - DESIGN PARA MÍDIAS DIGITAIS II

BRUNA DE OLIVEIRA FREIRE

ATIVIDADE PRÁTICA - RELATÓRIO

LAYOUT COM NOVA IDENTIDADE PARA APLICATIVO DOMINO’S

ARACAJU
2023
 1) Domino 's no Brasil
Domino 's consiste em uma das maiores redes de pizzaria do mundo, estando presente em 85
países com mais de 15 mil lojas. Ao longo dos anos, a empresa decidiu investir em tecnologia e
delivery em busca de melhorar a experiência dos amantes de pizza. Assim como muitas
empresas, a marca desta pizzaria passou por muitas mudanças e aprimoramentos, a tornando na
identidade visual atual. Apesar das mudanças, um ponto forte que a marca sempre manteve são
suas cores principais: branco, azul e vermelho.

2) Análise do aplicativo
Uma etapa importante é analisar o produto a ser aprimorado, ou seja, analisar o aplicativo em
questão. Para esse processo, foi baixado o aplicativo da pizzaria Domino 's para observar os
layouts, designer e testar suas funções e usabilidade. A partir desta observação foi identificado o
modo escuro, sendo analisados ambos os modos. A partir destas imagens capturadas (Imagem 1),
pode ser realizada uma análise para uma melhor visualização dos pontos fortes e fracos (Tabela
1 e 2).

Imagem 1: Telas do aplicativo no modo escuro.

Imagem 2: Ícone do aplicativo em um smartphone.

 Tabela 1 - Pontos Fortes

Identidade Visual Identidade visual está fortemente presente no aplicativo.

Modo Escuro O aplicativo possui um modo escuro.

Compatibilidade de Login O login é compatível com cadastro e contas apple, facebook e google.

UX Writing A comunicação escrita não é genérica, porém, pode ser melhorada.

Rastreio do pedido Rastrear o pedido é uma boa funcionalidade, mas precisa ser
melhorada.

Tabela 2 - Pontos Fracos

Problema Correção

Ícone do aplicativo A logo da empresa no ícone está Reformulação do ícone.

cortada, não tendo suas margens
respeitadas.

Formulários Em muitos momentos são cobrados os Login obrigatório na primeira vez

dados do cliente, tornando o aplicativo que o usuário utilizar o aplicativo,
cansativo. fazendo o formulário ser cobrado
apenas 1 vez.

Pop-up no modo Os símbolos de “X” para fechar Alterar a cor do símbolo para
escuro pop-ups estão na cor preta. Essa falta melhorar o contraste.
de contraste entre as cores atrapalha o
usuário.

Fluxograma Existe uma “desorganização” no fluxo Reformular o fluxograma antes da

do aplicativo. criação das novas telas.

Bug do endereço na Em alguns momentos, ao abrir o menu, Retirar a possibilidade deste

lateral do menu aparece as opções de endereço de endereço aparecer na área do
forma desarmônica. menu.

Quantidade de telas Existem muitas telas para conseguir Filtrar essas funcionalidades para
realizar o pedido, o que pode fazer o serem adaptadas a menos telas.
usuário desistir do pedido.

Cardápio e seleção do A forma do layout que os itens e Reduzir o tamanho das imagens e
produto sabores são oferecidos no cardápio do colocar a escolha dos sabores após
aplicativo é desarmônica. selecionar o que o cliente deseja
pedir.

Carrinho O layout no carrinho está em um Reformular o tamanho da tela e

tamanho irregular, fazendo com que a melhorar seu layout para o melhor
tela apareça cortada. entendimento dos itens.

Hierarquia Os elementos tipográficos seguem uma Selecionar as tipografias e

tipográfica ordem hierárquica um pouco organizar sua hierarquia.
bagunçada.
 3) Análise de similares
Também foi feita a análise de outros dois aplicativos para ter como referências
funcionalidades e layouts, os quais são: MC Donald's e Pizza Hut. Ambos aplicativos (app)
possuem uma abertura com o logo da empresa. Um ponto forte deles é a presença de uma barra
de menu com ícones bastante práticos para usabilidade do usuário. O app do MC Donald's possui
instruções iniciais para induzir o usuário a realizar o cadastro inicialmente. Porém, o aplicativo
também permite a entrada como visitante. O app da Pizza Hut também começa oferecendo o
formulário e dá a opção de entrar como convidado. Um ponto negativo que ambos aplicativos
possuem é a ausência de aplicação de contraste no modo escuro em alguns elementos, fazendo
com que fique difícil de ler pelo usuário.

Imagem 3: Ícone do aplicativo em um smartphone.

Imagem 4: Ícone do aplicativo em um smartphone.

 4) Definições do projeto e suas justificativas
Pensando em deixar a identidade visual mais próxima da atual da empresa, foi pesquisado o
arquivo do manual da marca da Pizzaria Domino 's. Porém, ao não ser encontrado, foram
realizadas análises para definição de elementos próximos da marca.

a) Logo e suas cores:

Imagem 4: Logo da marca com suas cores e códigos.

b) Estudo tipográfico: para a escolha das tipografias, foram observadas as

características das fontes presentes no aplicativo. Após identificadas as
características, foram separadas as fontes gratuitas que se assimilaram às utilizadas
na peça gráfica. Para manter uma harmonia, foram selecionados 3 estilos diferentes
de tipografia (Imagem 4).

Imagem 5: Tela do aplicativo, ao lado características tipográficas e escolhas das fontes para o projeto.
c) Ícone e Formato do layout: o formato para criação das telas foi definido em 1200
px com a utilização de 12 colunas para organização. Buscando não fugir da
utilização da marca, a mudança do ícone foi apenas reposicionar a logo da empresa.

Imagem 6: Espaço de 1200 px com 12 colunas.

Imagem 7: Ícone.

d) Fluxograma: o fluxo do aplicativo foi reformulado para seguir uma rota para melhor
organização e guia do usuário dentro do aplicativo. Buscando evitar qualquer tipo de
confusão durante a utilização do aplicativo.

Imagem 8: Novo fluxograma.

e) Funções: algumas funções serão preservadas, como o botão para tela inicial e o de
voltar a página e outras funcionalidades serão adicionadas, como por exemplo, uma
caixa de busca de itens.
ModoCl
aro
ModoEscur
o
UNOPAR
Al
una:Br
unaFr
eir
e

Trabal
horeal
izadoem mei
oacadêmi
co
sem finsl
ucrativos.

I
magensei
lust
rações:Pexel
seFr
eepi
k