Fashion E-commerce

Stone • 2024

Fashion E-commerce

Stone • 2024

Fashion E-commerce

Stone • 2024

Fashion E-commerce

Stone • 2024

E-commerce de moda chamado ‘Fashion E-commerce’. O cabeçalho apresenta o título do projeto com o nome ‘Stone’ e o ano ‘2024’. A navegação inclui links para ‘Productos’, ‘Conócenos’, ‘Blog’, ícone de busca, perfil e carrinho. Abaixo do cabeçalho, há uma imagem destacada de uma pessoa com cabelo loiro cobrindo parcialmente o rosto, com fundo azul.

Image: Homepage featuring a banner (Model created using AI).

Image: Homepage featuring a banner (Model created using AI).

Image: Homepage featuring a banner (Model created using AI).

Image: Homepage featuring a banner (Model created using AI).

Overview​​​​​​​

Uma loja de moda feminina da Espanha que vende roupas e acessórios feitos com matérias-primas 100% naturais e processos de fabricação locais e sustentáveis.

Overview​​​​​​​

Uma loja de moda feminina da Espanha que vende roupas e acessórios feitos com matérias-primas 100% naturais e processos de fabricação locais e sustentáveis.

Overview​​​​​​​

Uma loja de moda feminina da Espanha que vende roupas e acessórios feitos com matérias-primas 100% naturais e processos de fabricação locais e sustentáveis.

Objective​​​​​​​

Análise e melhoria da experiência do usuário, criação da interface do e-commerce.

Objective​​​​​​​

Análise e melhoria da experiência do usuário, criação da interface do e-commerce.

Objective​​​​​​​

Análise e melhoria da experiência do usuário, criação da interface do e-commerce.

My role

Desenvolvimento de uma biblioteca, com mais de 20 componentes, patterns, tokens e mais de 180 variáveis projetada para escalabilidade no novo e-commerce da Stone. Cada componente foi pensado para refletir a essência da marca, equilibrando estilo, funcionalidade e uma experiência de usuário fluida. A biblioteca garante consistência em todas as interações, acelera o processo de desenvolvimento e facilita a implementação de novas funcionalidades, mantendo a estética sofisticada e a identidade visual da Stone. Criação de imagens com o uso de inteligência artificial generativa.

My role

Desenvolvimento de uma biblioteca, com mais de 20 componentes, patterns, tokens e mais de 180 variáveis projetada para escalabilidade no novo e-commerce da Stone. Cada componente foi pensado para refletir a essência da marca, equilibrando estilo, funcionalidade e uma experiência de usuário fluida. A biblioteca garante consistência em todas as interações, acelera o processo de desenvolvimento e facilita a implementação de novas funcionalidades, mantendo a estética sofisticada e a identidade visual da Stone. Criação de imagens com o uso de inteligência artificial generativa.

My role

Desenvolvimento de uma biblioteca, com mais de 20 componentes, patterns, tokens e mais de 180 variáveis projetada para escalabilidade no novo e-commerce da Stone. Cada componente foi pensado para refletir a essência da marca, equilibrando estilo, funcionalidade e uma experiência de usuário fluida. A biblioteca garante consistência em todas as interações, acelera o processo de desenvolvimento e facilita a implementação de novas funcionalidades, mantendo a estética sofisticada e a identidade visual da Stone. Criação de imagens com o uso de inteligência artificial generativa.

Skills

Benchmark UX Design UI Design Generative AI Prototyping

Skills

Benchmark UX Design UI Design Generative AI Prototyping

Skills

Benchmark UX Design UI Design Generative AI Prototyping

Problems

Adaptação do novo brand. Tempo para entregar biblioteca de componentes e páginas. Revisão das variantes e bibliotecas de componentes, mantendo a consistência na interface do e-commerce. Handoff com os desenvolvedores.

Problems

Adaptação do novo brand. Tempo para entregar biblioteca de componentes e páginas. Revisão das variantes e bibliotecas de componentes, mantendo a consistência na interface do e-commerce. Handoff com os desenvolvedores.

Problems

Adaptação do novo brand. Tempo para entregar biblioteca de componentes e páginas. Revisão das variantes e bibliotecas de componentes, mantendo a consistência na interface do e-commerce. Handoff com os desenvolvedores.

Learning

O case reforçou a importância de processos bem estruturados e de um design colaborativo. Uso de protótipos interativos para validar ideias. Criação de soluções alinhadas com os objetivos de negócios e com a essência da marca, mantendo uma experiência focada no uso do cliente. Um exemplo disso são os produtos oferecidos com vendas casadas, combinando com itens complementares para manutenção, agregando valor e praticidade ao consumidor.

Learning

O case reforçou a importância de processos bem estruturados e de um design colaborativo. Uso de protótipos interativos para validar ideias. Criação de soluções alinhadas com os objetivos de negócios e com a essência da marca, mantendo uma experiência focada no uso do cliente. Um exemplo disso são os produtos oferecidos com vendas casadas, combinando com itens complementares para manutenção, agregando valor e praticidade ao consumidor.

Learning

O case reforçou a importância de processos bem estruturados e de um design colaborativo. Uso de protótipos interativos para validar ideias. Criação de soluções alinhadas com os objetivos de negócios e com a essência da marca, mantendo uma experiência focada no uso do cliente. Um exemplo disso são os produtos oferecidos com vendas casadas, combinando com itens complementares para manutenção, agregando valor e praticidade ao consumidor.

Outcome

Aumento de 70% no número de novos usuários fora da Europa e crescimento de 34% na taxa de conversão.

Outcome

Aumento de 70% no número de novos usuários fora da Europa e crescimento de 34% na taxa de conversão.

Outcome

Aumento de 70% no número de novos usuários fora da Europa e crescimento de 34% na taxa de conversão.

Overview​​​​​​​

Uma loja de moda feminina da Espanha que vende roupas e acessórios feitos com matérias-primas 100% naturais e processos de fabricação locais e sustentáveis.

Objective​​​​​​​

Análise e melhoria da experiência do usuário, criação da interface do e-commerce.

My role

Desenvolvimento de uma biblioteca, com mais de 20 componentes, patterns, tokens e mais de 180 variáveis projetada para escalabilidade no novo e-commerce da Stone. Cada componente foi pensado para refletir a essência da marca, equilibrando estilo, funcionalidade e uma experiência de usuário fluida. A biblioteca garante consistência em todas as interações, acelera o processo de desenvolvimento e facilita a implementação de novas funcionalidades, mantendo a estética sofisticada e a identidade visual da Stone. Criação de imagens com o uso de inteligência artificial generativa.

Skills

Benchmark UX Design UI Design Generative AI Prototyping

Problems

Adaptação do novo brand. Tempo para entregar biblioteca de componentes e páginas. Revisão das variantes e bibliotecas de componentes, mantendo a consistência na interface do e-commerce. Handoff com os desenvolvedores.

Learning

O case reforçou a importância de processos bem estruturados e de um design colaborativo. Uso de protótipos interativos para validar ideias. Criação de soluções alinhadas com os objetivos de negócios e com a essência da marca, mantendo uma experiência focada no uso do cliente. Um exemplo disso são os produtos oferecidos com vendas casadas, combinando com itens complementares para manutenção, agregando valor e praticidade ao consumidor.

Outcome

Aumento de 70% no número de novos usuários fora da Europa e crescimento de 34% na taxa de conversão.

Mobile UI

Mobile UI

Mobile UI

Mobile UI

Mobile home page with blond woman on hero section, Blog Section, Menu Mobile Open.

Image: Mobile homepage, Blog section, Open mobile menu

Image: Mobile homepage, Blog section, Open mobile menu

Image: Mobile homepage, Blog section, Open mobile menu

Image: Mobile homepage, Blog section, Open mobile menu

Tokens and components

Tokens and components

Tokens and components

Tokens and components

Colors, grids
Titles, dividers, buttons, inputs, cards, products, search, slider, controls components

Image: Tokens, grids, title components, buttons, inputs, controls, headers, dividers, and products.

Image: Tokens, grids, title components, buttons, inputs, controls, headers, dividers, and products.

Image: Tokens, grids, title components, buttons, inputs, controls, headers, dividers, and products.

Image: Tokens, grids, title components, buttons, inputs, controls, headers, dividers, and products.

Pages components

Pages components

Pages components

Pages components

Components
Components
Components

Image: Banner (Model created using AI), Product Pages Header, and Categories.

Image: Banner (Model created using AI), Product Pages Header, and Categories.

Image: Banner (Model created using AI), Product Pages Header, and Categories.

Image: Banner (Model created using AI), Product Pages Header, and Categories.

Variables

Variables

Variables

Variables

Figma variables

Image: Figma variables

Image: Figma variables

Image: Figma variables

Image: Figma variables

Related work

Related work

Related work

Related work

Mercado Play App

Mercado Livre

2024

Proposal for a Mercado Livre streaming service.

Componentes do aplicativo Mercado Play do Mercado Livre

Mercado Play App

Mercado Livre

2024

Proposal for a Mercado Livre streaming service.

Componentes do aplicativo Mercado Play do Mercado Livre

Mercado Play App

Mercado Livre

2024

Proposal for a Mercado Livre streaming service.

Componentes do aplicativo Mercado Play do Mercado Livre

33 CCR Websites

CCR

2023 - 2024

Redesign of 33 websites, with a focus on optimizing the user experience.

Componentes dos sites do Grupo CCR, CCR Mobilidade, Grupo CCR, CCR Aeroportos, CCR Rodovias

33 CCR Websites

CCR

2023 - 2024

Redesign of 33 websites, with a focus on optimizing the user experience.

Componentes dos sites do Grupo CCR, CCR Mobilidade, Grupo CCR, CCR Aeroportos, CCR Rodovias

33 CCR Websites

CCR

2023 - 2024

Redesign of 33 websites, with a focus on optimizing the user experience.

Componentes dos sites do Grupo CCR, CCR Mobilidade, Grupo CCR, CCR Aeroportos, CCR Rodovias

Salesperson App

Project Available Soon

Development of flows, component libraries, and Design Systems for the app interfaces.

Componentes do Design Systems para o applicativo das lojas Aramis

Salesperson App

Project Available Soon

Development of flows, component libraries, and Design Systems for the app interfaces.

Componentes do Design Systems para o applicativo das lojas Aramis

Salesperson App

Project Available Soon

Development of flows, component libraries, and Design Systems for the app interfaces.

Componentes do Design Systems para o applicativo das lojas Aramis

Conquista Platform

Porto Seguro

2019

UX/UI for the investment, insurance, and credit product. Design System development.

Componentes do Contquista, uma plataforma da Porto Seguro

Conquista Platform

Porto Seguro

2019

UX/UI for the investment, insurance, and credit product. Design System development.

Componentes do Contquista, uma plataforma da Porto Seguro

Conquista Platform

Porto Seguro

2019

UX/UI for the investment, insurance, and credit product. Design System development.

Componentes do Contquista, uma plataforma da Porto Seguro

Mercado Play App

Mercado Livre

2024

Proposal for a Mercado Livre streaming service.

Componentes do aplicativo Mercado Play do Mercado Livre

33 CCR Websites

CCR

2023 - 2024

Redesign of 33 websites, with a focus on optimizing the user experience.

Componentes dos sites do Grupo CCR, CCR Mobilidade, Grupo CCR, CCR Aeroportos, CCR Rodovias

Salesperson App

Project Available Soon

Development of flows, component libraries, and Design Systems for the app interfaces.

Componentes do Design Systems para o applicativo das lojas Aramis

Conquista Platform

Porto Seguro

2019

UX/UI for the investment, insurance, and credit product. Design System development.

Componentes do Contquista, uma plataforma da Porto Seguro

Let's work together

Let's work together