 |

|
SOBRE A EMPRESA
Empresa de tecnologia especializada em instalação de equipamento audiovisual em grandes companhias, como sistemas de câmeras e TVs, canais de cabo e streaming, comunicação interna através de vídeos e som.
Concorrentes diretos: Empresas de instalação e assistência técnica na área de equipamentos audiovisuais.
Concorrentes indiretos: Sites e blogs explicativos sobre equipamentos de audiovisual, assim como profissionais autônomos que prestam este mesmo serviço.
Possíveis parceiros: Produtoras de eventos, profissionais de criação de conteúdo audiovisual, fabricantes dos equipamentos e seus periféricos.
Outros trabalhos já produzidos para este mesmo cliente: redesenho da marca, criação de vários projetos de apresentação corporativa e embalagem para o produto físico da empresa.
A FUNÇÃO DO DESIGNER NESTE PROJETO
Redesenho das telas de acesso dos usuários para os formatos de celular, computador e TV; gestão dos processos de pesquisa e usabilidade; execução de todas as etapas de criação de telas e protótipos; visual design, iconografia e elementos gráficos próprios.
OBJETIVO DO PROJETO
Unificar e facilitar o sistema de comunicação dos seus clientes, através de recursos de equipamento audiovisual para diversos formatos (celular, computador, tablet e TV).
PÚBLICO ALVO
Empresas que necessitam adquirir este serviço e também os futuros usuários, que serão profissionais corporativos e clientes em busca de comunicação rápida e clara, assim como sistemas de segurança integrados. Foco maior em adultos de classe média.
PRINCIPAIS DESAFIOS E RESTRIÇÕES
O desafio foi juntar em um mesmo app, as telas em tempo real das ferramentas de audio e imagem, às páginas informativas sobre os serviços da empresa e contatos.
DETALHES DO ESTUDO DE PESQUISA
Houve certa confusão do usuário em entender que se trata tanto de um app funcional para visualizar as câmeras de segurança e enviar audios, como também um site explicativo para contratar os serviços da empresa. A solução foi dividir com clareza aquilo que o usuário registrado com login tem acesso, e aquilo que qualquer pessoa pode visualizar nas páginas em comum.
Basicamente os usuários finais desse produto serão os profissionais que utilizarão as ferramentas de câmeras de segurança e transmissão de audio. Além deste foco principal, também são alvo as pessoas que contratam o serviço de instalação e manutenção de equipamentos. Em geral, estes não são completamente leigos no assunto, pois já cuidam deste setor em suas respectivas empresas.
Para finalizar, ainda existe o usuário "curioso" que está iniciando nesta área ou que pode ter experiência zero no assunto e precisa contratar especialistas para ajudá-lo.
História do Usuário (chefe de segurança): "Como uma CHEFE DE SEGURANÇA, eu preciso de FERRAMENTAS PRECISAS para que eu possa MELHORAR A VIGILÂNCIA".
Declaração do Problema (chefe de segurança): "Rubens, que é o chefe de segurança de um condomínio comercial, busca novas opções tecnológicas para que possa melhorar a qualidade do controle de câmeras nos edifícios".
História do Usuário (gerente de áudio): "Como uma GESTORA DE TRANSMISSÃO DE ÁUDIO, quero FACILITAR O CONTROLE DESTA FUNÇÃO, para que MEU TIME TRABALHE MELHOR".
Declaração do Problema (gerente de áudio): "Luiza, que gerencia o serviço de avisos sonoros em um aeroporto, busca um sistema de transmissão mais fácil e eficaz, para que o trabalho de sua equipe flua melhor e com mais qualidade".
CONCEITOS INICIAIS DE DESIGN |
Projeto inicial focado em grandes monitores, comuns em salas de vigilância, daí adaptado posteriormente para tablets e celulares (graceful degradation).
O tom escuro foi proposital, para melhor ressaltar o conteúdo visual das imagens das câmeras, sem criar ruídos e facilitar a visão dos profissionais.
O formato da moldura da tela segue as duas barras triangulares que compõe o logotipo da empresa, assim como a sua paleta de cores segue o manual de branding. O desenho de cada página ficou mais livre, sem seguir um grid padrão, o que resultou numa dinâmica que quebrou um pouco a monotonia do tema (segurança e transmissão de áudios).
Algumas telas no desktop foram subdivididas em duas ou mais para a versão no celular, assim como os pop ups de aviso também foram repensados, pois a área disponível diminui drasticamente.
USER INTERFACE E PROTÓTIPO |
Softwares utilizados: Figma + Adobe Illustrator e Photoshop + Microsoft Office.
Todas as telas e pop-ups:
Simulação do protótipo:
VERSÃO PARA DESKTOP:
Ver o vídeo no Youtube: LINK
Controle você mesmo a navegação deste protótipo, no Figma: LINK
VERSÃO PARA TABLET:
Ver o vídeo no Youtube: LINK
Controle você mesmo a navegação deste protótipo, no Figma: LINK
VERSÃO PARA CELULAR:
Ver o vídeo no Youtube: LINK
Controle você mesmo a navegação deste protótipo, no Figma: LINK
Ícones, cores e imagens customizadas para este projeto:
RESULTADOS DE TESTES E CONSIDERAÇÕES FINAIS |
REVISÃO DO DESIGNER

É interessante o fato de que o efeito "mouse over" ou "hover" só tem sentido na versão desktop - o cliente comentou comigo que queria o mesmo para celular e tablet, porém expliquei que não existe a ação do dedo ficar por cima de um link, sem clicá-lo - isso só acontece com o cursor no computador.
Em um contexto geral, foi muito satisfatório trazer para esse produto toda a experiência que eu já tinha com este cliente em tantos outros projetos. É como se fosse uma grande peça para completar um conjunto.
REVISÕES DOS USUÁRIOS
Ficou bem melhor o produto dividido por categoria, porém ainda não ficou muito claro onde entra o usuário e onde ficam as outras informações de contratação de serviço. Melhorar essa questão.
O visual em geral ficou um pouco pesado, talvez devido às cores escuras utilizadas que remetem a um design mais antigo e conservador. Poderia ser modernizado e rejuvenecido.
A SEGUIR
Muitos testes ainda serão precisos para que este sistema realmente entre em funcionamento. Acredito que várias novas telas surgirão para trazer mais intuitividade e fluidez ao produto.
Em paralelo, alguns projetos anteriores que fiz ao cliente, terão que ser revisitados para melhor se comunicarem com esta nova ferramenta.
rogerweikers.com - 2025 Copyright ©
Home |
Visão Geral |
Aimores |
Telesys |
Sindilub |
Petrol |
Magik JC |
Galeria RW |
Estúdio |
Contato
|
Topo
|