Nike e-commerce - 2023

Pixel por pixel prototipando a nova fronteira do e-commerce da Nike

Pixel por pixel prototipando a nova fronteira do e-commerce da Nike

Purple Flower

Empresa
Nike / e-commerce Nike

Meu cargo
UI Design

Tempo de projeto
4 Meses

Responsabilidade
Diretor de Arte
Research
Design de Interação
Visual Design
Prototipagem

Overview

O projeto de e-commerce para a Nike tinha como objetivo transformar a experiência de compra online, alinhando-se com os valores da marca e as expectativas dos consumidores. A ideia era não apenas criar uma plataforma de vendas, mas também construir uma experiência de compra única que refletisse a identidade icônica da Nike.

A equipe de desenvolvimento focou na criação de uma plataforma que atendesse ao público moderno e orientado para a tecnologia, que valoriza experiências personalizadas e inovadoras. O objetivo foi oferecer uma jornada de compra fluida e envolvente, desde a navegação até o pagamento, proporcionando aos clientes uma sensação de exclusividade e autenticidade.

Foram implementadas diversas funcionalidades inovadoras para melhorar a experiência do usuário

Desafios Iniciais

Liderei o design e colaborei com uma equipe multifuncional, incluindo um Gerente de Produto, três Engenheiros e um Motion Designer. Ao ingressar no projeto, enfrentei o desafio de demonstrar rapidamente nossas capacidades à equipe da Starbucks , que nos confiou um cronograma apertado de uma semana.

Pesquisa e imersão na marca

Meu foco inicial envolveu extensa pesquisa para reunir inspiração em experiências virtuais existentes para identificar melhores práticas e possíveis realizações. Simultaneamente, mergulhei na marca Starbucks , com particular ênfase na personalidade única da Hacienda Alsacia. Colaborando com os engenheiros, exploramos a tecnologia da Matterport , avaliando quais recursos utilizar, descartar ou desenvolver de forma independente.

Estratégia de construção de confiança

Reconhecendo as dificuldades anteriores da equipe Starbucks com wireframes, adotei uma abordagem estratégica criando um protótipo de alta fidelidade com uma landing page e um modelo de vídeo. Esta decisão foi fundamental para ganhar a sua confiança e proporcionou oportunidades para uma exploração e descoberta mais profundas .

A eficácia desta estratégia tornou-se evidente após a reunião de apresentação, pois fomentou a confiança dentro da equipa Starbucks. Esta nova confiança permitiu-me aprofundar ainda mais os objetivos do projeto. Eles facilitaram conexões com partes interessadas internas, forneceram conteúdo adicional e ajudaram na organização de sessões de testes de usuários envolvendo oito importantes parceiros da Starbucks em todo o mundo.

Aprofundando a investigação

A introdução de um aviso torna-se cada vez mais essencial para mitigar possíveis reclamações e proporcionar uma experiência mais transparente aos usuários.

Aprofundando a investigação

A introdução de um aviso torna-se cada vez mais essencial para mitigar possíveis reclamações e proporcionar uma experiência mais transparente aos usuários.

O problema não era só comigo!

Embora tenha fornecido prontamente as informações necessárias, foi surpreendente descobrir que a opção de pagamento por boleto bancário não estava disponível na plataforma.

O problema não era só comigo!

Embora tenha fornecido prontamente as informações necessárias, foi surpreendente descobrir que a opção de pagamento por boleto bancário não estava disponível na plataforma.

Projetando componente de Aviso

Desenvolvi um componente de aviso ”Card Callout” para testar. Este componente foi projetado para oferecer informações cruciais de maneira concisa e impactante.

Projetando componente de Aviso

Desenvolvi um componente de aviso ”Card Callout” para testar. Este componente foi projetado para oferecer informações cruciais de maneira concisa e impactante.

Estruturando um fluxo correto

Ao categorizar as informações, posso entender que tipo de informação deve ser apresentada ao usuário nos diferentes contexto do produto. 

Estruturando um fluxo correto

Ao categorizar as informações, posso entender que tipo de informação deve ser apresentada ao usuário nos diferentes contexto do produto. 

Arquitetura de informação

As revisões posteriores da Nike, se sustentava em simplificar a estrutura, descartando informações e/ou recursos redundantes que estão fora do escopo do produto.

Uma Plataforma Digital para a Excelência em Educação em Saúde Mental

Componentizando e otimizando telas, assim, facilitando o handoff no redesign do projeto

Componentizando e otimizando telas, assim, facilitando o handoff no redesign do projeto

Quando trabalhamos no redesign do e-commerce da Nike, usar componentes foi um verdadeiro divisor de águas. Imagina ter peças de Lego super versáteis que você pode montar e ajustar conforme a necessidade — é basicamente isso! Criamos uma biblioteca de componentes reutilizáveis que nos deu uma liberdade incrível para montar as telas de forma modular. Isso não só deixou tudo mais consistente, como também super eficiente. Cada componente foi pensado para ser flexível e fácil de adaptar, o que facilitou muito na hora de fazer ajustes rápidos. E o melhor? Garantimos uma experiência de usuário fluida e uniforme em todo o site, o que é essencial para uma marca como a Nike.

A hipótese de solução é simples e de baixo custo

Desenvolvi um componente de Perguntas Frequentes (FAQ) estrategicamente projetado para explicar detalhadamente a decisão da Nike de não oferecer a opção de pagamento por boleto para alguns produtos específicos.

Este componente visa fornecer esclarecimentos abrangentes, antecipando dúvidas comuns e fortalecendo a transparência na comunicação.



O FAQ aborda claramente as razões por trás da decisão, considerando fatores como natureza do produto, logística de entrega e políticas internas.

Estruturando um fluxo correto

Ao categorizar as informações, posso entender que tipo de informação deve ser apresentada ao usuário nos diferentes contexto do produto. As revisões posteriores da Nike, se sustentava em simplificar a estrutura, descartando informações e/ou recursos redundantes que estão fora do escopo do produto.

PRÓXIMO PROJETO

Uma Plataforma Digital para a Excelência em Educação em Saúde Mental

Ir para Próximo Projeto

Entrar em contato

Pronto para

construir algo sublime?

Olá, Sou Felipe!

Fale comigo no WhatsApp

Ou, se preferir, nos envie uma intenção de projeto.

Iniciar Projeto

© 2024 - Artefacto

TODOS OS DIREITOS RESERVADOS

Entrar em contato

Pronto para construir algo sublime?

Olá, Sou Felipe!

Fale comigo no WhatsApp

Ou, se preferir, nos envie uma intenção de projeto.

Iniciar Projeto

© 2024 - Artefacto

TODOS OS DIREITOS RESERVADOS