Visão Geral Aimores Telesys Sindilub Petrol Magik JC Galeria RW Estúdio Contato



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.



PERSONAS

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 - 2024 Copyright ©

Home | Visão Geral | Aimores | Telesys | Sindilub | Petrol | Magik JC | Galeria RW | Estúdio | Contato | Topo |