Fashion E-commerce

Stone • 2024

Fashion E-commerce

Stone • 2024

Fashion E-commerce

Stone • 2024

Fashion E-commerce

Stone • 2024

A young woman with long blonde hair gazes thoughtfully into the distance against a bright blue sky.

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, criação da interface do e-commerce.

Objective​​​​​​​

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

Objective​​​​​​​

Análise e melhoria da experiência, 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 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 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 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. Adaptação ao Shopify.

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. Adaptação ao Shopify.

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. Adaptação ao Shopify.

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 das pessoas. Um exemplo disso são os produtos oferecidos com vendas casadas, combinando com itens complementares para manutenção, agregando valor e praticidade para quem comprar.

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 das pessoas. Um exemplo disso são os produtos oferecidos com vendas casadas, combinando com itens complementares para manutenção, agregando valor e praticidade para quem comprar.

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 das pessoas. Um exemplo disso são os produtos oferecidos com vendas casadas, combinando com itens complementares para manutenção, agregando valor e praticidade para quem comprar.

Outcomes

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

Outcomes

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

Outcomes

Aumento de 70% no número de novas pessoas usuárias 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, 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 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. Adaptação ao Shopify.

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 das pessoas. Um exemplo disso são os produtos oferecidos com vendas casadas, combinando com itens complementares para manutenção, agregando valor e praticidade para quem comprar.

Outcomes

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

Mobile UI

Mobile UI

Mobile UI

Mobile UI

The image shows a mobile phone screen displaying a webpage from a site called "STONE." At the top, the screen shows the time as 9:41, and there are icons for search, shopping cart, and menu. Below the header, there's a partially blurred image of a person with long blonde hair wearing a light-colored sweater. The text on the image reads "Made In Origin" and "Bendito Dilema." Below the image, large text says "DISCOVER YOUR STYLE.
The image shows a mobile phone screen displaying a webpage from a site called "STONE." At the top, the screen shows the time as 9:41, and there are icons for search, shopping cart, and menu. Below the header, there's a partially blurred image of a person with long blonde hair wearing a light-colored sweater. The text on the image reads "Made In Origin" and "Bendito Dilema." Below the image, large text says "DISCOVER YOUR STYLE.
The image shows a mobile phone screen displaying a webpage from a site called "STONE." At the top, the screen shows the time as 9:41, and there are icons for search, shopping cart, and menu. Below the header, there's a partially blurred image of a person with long blonde hair wearing a light-colored sweater. The text on the image reads "Made In Origin" and "Bendito Dilema." Below the image, large text says "DISCOVER YOUR STYLE.
The image shows a mobile phone screen displaying a webpage from a site called "STONE." At the top, the screen shows the time as 9:41, and there are icons for search, shopping cart, and menu. Below the header, there's a partially blurred image of a person with long blonde hair wearing a light-colored sweater. The text on the image reads "Made In Origin" and "Bendito Dilema." Below the image, large text says "DISCOVER YOUR STYLE.
The image shows a mobile phone screen displaying a blog page from a website named 'STONE.' The top of the screen shows the time as 9:41, and there are icons for search, shopping cart, and a menu. The word 'BLOG' is prominently displayed in large black letters. Below this, there is a yellow box with rounded corners containing the words 'Ayer,' 'Hoy,' and 'Mañana' in black text, which translate to 'Yesterday,' 'Today,' and 'Tomorrow' in English. There is also a downward arrow below the text.
The image shows a mobile phone screen displaying a blog page from a website named 'STONE.' The top of the screen shows the time as 9:41, and there are icons for search, shopping cart, and a menu. The word 'BLOG' is prominently displayed in large black letters. Below this, there is a yellow box with rounded corners containing the words 'Ayer,' 'Hoy,' and 'Mañana' in black text, which translate to 'Yesterday,' 'Today,' and 'Tomorrow' in English. There is also a downward arrow below the text.
The image shows a mobile phone screen displaying a blog page from a website named 'STONE.' The top of the screen shows the time as 9:41, and there are icons for search, shopping cart, and a menu. The word 'BLOG' is prominently displayed in large black letters. Below this, there is a yellow box with rounded corners containing the words 'Ayer,' 'Hoy,' and 'Mañana' in black text, which translate to 'Yesterday,' 'Today,' and 'Tomorrow' in English. There is also a downward arrow below the text.
The image shows a mobile phone screen displaying a blog page from a website named 'STONE.' The top of the screen shows the time as 9:41, and there are icons for search, shopping cart, and a menu. The word 'BLOG' is prominently displayed in large black letters. Below this, there is a yellow box with rounded corners containing the words 'Ayer,' 'Hoy,' and 'Mañana' in black text, which translate to 'Yesterday,' 'Today,' and 'Tomorrow' in English. There is also a downward arrow below the text.
Mobile phone screen showing a menu with options: PRODUCTS, ABOUT US, BLOG, and LOG IN. Below the menu, there is a partial image of a person wearing a red V-neck sweater.
Mobile phone screen showing a menu with options: PRODUCTS, ABOUT US, BLOG, and LOG IN. Below the menu, there is a partial image of a person wearing a red V-neck sweater.
Mobile phone screen showing a menu with options: PRODUCTS, ABOUT US, BLOG, and LOG IN. Below the menu, there is a partial image of a person wearing a red V-neck sweater.
Mobile phone screen showing a menu with options: PRODUCTS, ABOUT US, BLOG, and LOG IN. Below the menu, there is a partial image of a person wearing a red V-neck sweater.

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
Colors, grids
Colors, grids
Colors, grids
Titles, dividers, buttons, inputs, cards, products, search, slider, controls components
Titles, dividers, buttons, inputs, cards, products, search, slider, controls components
Titles, dividers, buttons, inputs, cards, products, search, slider, controls components
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

A smiling person with wavy hair against a vibrant orange background featuring a repeating pattern.
A smiling person with wavy hair against a vibrant orange background featuring a repeating pattern.
A smiling person with wavy hair against a vibrant orange background featuring a repeating pattern.
A smiling person with wavy hair against a vibrant orange background featuring a repeating pattern.
Image of a gray turtleneck sweater shown on a model's hand, with product details alongside.
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
Figma variables
Figma 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