ONI - Import Export

Sobre o projeto:


Me sinto imensamente honrado em conduzir este projeto, fui responsável por todas as etapas do processo de desenvolvimento, desde toda pesquisa através do Benchmarking, Análise de similares e concorrentes, Brainstorm, Wireframes.

Todo fluxo de usabilidade e navegabilidade foram repensadas desde o primeiro contato do usuário até o seu agendamento final, tanto do quarto, quanto da atração turística.

Processo:

  1. Kick-off

  2. Benchmarking

  3. Sitemap

  4. Wireframe

  5. Protótipo de alta fidelidade

  6. Suporte ao time desenvolvimento

  7. Hand-off

Product Manager: Diogo Silva

Product Designer: Gabriel Modolo

UX Research: Gabriel Modolo

Segmento: Hotelaria

Ferramentas: Figma, Notion

Ano: 2023 - 2024

Quem é a ONI Import Export?

A ONI Import Export é uma empresa sul-africana de comércio internacional, sediada na Cidade do Cabo. A missão da ONI é fornecer produtos de qualidade, nas melhores condições e aos melhores preços.

Kick-off

Qual o problema?

ONI é uma empresa que lida com outras empresas, sendo elas de pequeno até grande porte (B2B). Normalmente são:

  • Empresas e indústrias;

  • Distribuidores e atacadistas;

  • Varejistas;

  • Outros;

Visando esse tempos citado a cima, foram ressaltados os seguintes problemas identificados em uma analise do antigo site:

Fortalecer a marca ONI:

  • Modernizar e reestruturar o site de acordo com a necessidade do público-alvo e aumentar número de botões CTAs para facilitar a navegação e a conversão;

  • Falta Favicon no site e isso remete a uma experiência ruim ao usuário, pois ela não carrega quando falta internet, não passa uma credibilidade de site confiável.

  • Não existe um Guia de Estilo, não contribui para a autoridade da marca e sua consistência.

Coerência e clareza:

  • Uma página é composta por blocos (quem somos, nossos serviços, produtos, benefícios), é importante ter claro o objetivo de cada bloco e segui-los.

  • Afim de deixar claro a potência que é a ONI, é interessante que tenha um bloco onde aparecem os logos dos parceiros, junto disso um mapa onde informa e enfatiza os vários países que a ONI trabalha em parceria.

  • Adicionar um FAQ na página de Fale Conosco.

Interação estimula o usuário:

  • Deixar claro o que é clicável e interativo, através do “hover” ou no caso do mobile o “pressing”;

  • Transmitir informação de forma mais lúdica e menos textos grandes;

  • Deixar claro na barra do menu o que tem dropdown ou não.

Orçamento:

  • Transformar em uma página de orçamento, dessa forma conseguimos diminuir ruídos e distrações;

  • Criar mais âncoras ao longo do site que leve para a página de captação de lead. Principalmente ao final de cada fluxo de interação;

  • Verificação de localização, ou seja, ao informar o país, já limita para as cidades existentes;

  • Separar em duas opções de orçamentos, uma para quem quer importar e outra para quem quer exportar;

  • Na parte de importar, transformar “Produtos” na segunda etapa de preenchimento onde tenha foto do produto e mostre o que já foi selecionado;

Portfólio de produtos:

  • Tornar mais apelativo, ou seja, adicionar mais informações que são relevantes para aquele usuário indeciso;

  • Adicionar blocos como: Por quê contratar ONI (onde traz o diferencial de outros concorrentes), Feedback dos clientes, Dados de sucesso.

  • Manter atualizado a página

  • Ao final de cada fluxo de interação, adicionar botão CTA que leve para o orçamento.

Por ser um cliente específico de um ramo muito abrangente foi um desafio realizar um Benchmarking, dessa forma tomei uma abordagem diferenciada, procurando por empresas da mesma região ou próximas da África do Sul, ou que atuem assim como a ONI de forma internacionalmente.

Benchmarking

  • Racelog

  • Cargowise

  • Maersk

  • Glencore

  • Vitol

Stiemap

Wireframe

Protótipo de alta fidelidade

Na página Produtos esta setorizada de acordo com os produtos que a ONI trabalha, importando e exportando: Peixes & Frutos do mar, Carnes, Frutas & Vegetais, Laticínios e Vinhos

Na página de Portfólio existe duas sub páginas, Frutas, e Vinhos. Páginas essas que de talham melhor os produtos que a ONI trabalha diretamente.

O fluxo de orçamento foi reprojetado possuindo uma página própria, dando o foco que merece para um momento crucial na hora de fechar uma venda e captar leads.

O cliente final pode escolher livremente qual e quantas categorias ele quiser e qualquer produto que ele precisar importar ou exportar.

Favicons

Hand-off

Logo

Color System

Com base na analise e apresentada anteriormente no site do cliente, juntamente com um estudo aprofundado com o uso de benchmarking nos concorrentes diretos e indiretos, partimos para o desenvolvimento de um novo flow que atendesse todas as principais necessidades que o cliente precisasse comunicar para os seus usuários finais e a partir disso uma foi projetada uma nova interface para corrigir os erros antes apontados, e criar uma nova experiência do usuário.

Foram projetadas interfaces visando o uso tanto do desktop, o web normalmente usado, quanto no mobile que mesmo não sendo o foco principal dos usuários finais deste cliente, ainda possui acessos pelo mobile.

Solução