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​​​​​​​

A Spanish women’s fashion store that offers clothing and accessories made from 100% natural raw materials, using local and sustainable manufacturing processes.

Overview​​​​​​​

A Spanish women’s fashion store that offers clothing and accessories made from 100% natural raw materials, using local and sustainable manufacturing processes.

Overview​​​​​​​

A Spanish women’s fashion store that offers clothing and accessories made from 100% natural raw materials, using local and sustainable manufacturing processes.

Objective​​​​​​​

Analyze and enhance the user experience, and design the e-commerce interface.

Objective​​​​​​​

Analyze and enhance the user experience, and design the e-commerce interface.

Objective​​​​​​​

Analyze and enhance the user experience, and design the e-commerce interface.

My role

Development of a library with over 20 components, patterns, tokens, and more than 180 variables, designed for scalability in Stone’s new e-commerce platform. Each component was carefully crafted to reflect the brand’s essence, balancing style, functionality, and a seamless experience. The library ensures consistency across all interactions, speeds up development, and makes it easier to implement new features, all while maintaining Stone’s sophisticated aesthetic and visual identity. Creation of images using generative artificial intelligence.

My role

Development of a library with over 20 components, patterns, tokens, and more than 180 variables, designed for scalability in Stone’s new e-commerce platform. Each component was carefully crafted to reflect the brand’s essence, balancing style, functionality, and a seamless experience. The library ensures consistency across all interactions, speeds up development, and makes it easier to implement new features, all while maintaining Stone’s sophisticated aesthetic and visual identity. Creation of images using generative artificial intelligence.

My role

Development of a library with over 20 components, patterns, tokens, and more than 180 variables, designed for scalability in Stone’s new e-commerce platform. Each component was carefully crafted to reflect the brand’s essence, balancing style, functionality, and a seamless experience. The library ensures consistency across all interactions, speeds up development, and makes it easier to implement new features, all while maintaining Stone’s sophisticated aesthetic and visual identity. Creation of images using generative artificial intelligence.

Skills

Desk Research Benchmark UX Design UI Design Generative AI Prototyping

Skills

Desk Research Benchmark UX Design UI Design Generative AI Prototyping

Skills

Desk Research Benchmark UX Design UI Design Generative AI Prototyping

Challenges

Adapting to the new brand identity. Meeting the deadline for delivering the component and page library. Reviewing variants and component libraries while maintaining consistency across the e-commerce interface. Handoff with developers. Adapting to Shopify.

Challenges

Adapting to the new brand identity. Meeting the deadline for delivering the component and page library. Reviewing variants and component libraries while maintaining consistency across the e-commerce interface. Handoff with developers. Adapting to Shopify.

Challenges

Adapting to the new brand identity. Meeting the deadline for delivering the component and page library. Reviewing variants and component libraries while maintaining consistency across the e-commerce interface. Handoff with developers. Adapting to Shopify.

Learning

The project reinforced the importance of well-structured processes and collaborative design. Using interactive prototypes to validate ideas. Creating solutions aligned with business goals and the brand’s essence, always focusing on the user experience. An example is the offer of bundled products, combining complementary items for maintenance, adding value and convenience for customers.

Learning

The project reinforced the importance of well-structured processes and collaborative design. Using interactive prototypes to validate ideas. Creating solutions aligned with business goals and the brand’s essence, always focusing on the user experience. An example is the offer of bundled products, combining complementary items for maintenance, adding value and convenience for customers.

Learning

The project reinforced the importance of well-structured processes and collaborative design. Using interactive prototypes to validate ideas. Creating solutions aligned with business goals and the brand’s essence, always focusing on the user experience. An example is the offer of bundled products, combining complementary items for maintenance, adding value and convenience for customers.

Outcomes

70% increase in new users outside Europe and a 34% growth in conversion rate.

Outcomes

70% increase in new users outside Europe and a 34% growth in conversion rate.

Outcomes

70% increase in new users outside Europe and a 34% growth in conversion rate.

Overview​​​​​​​

A Spanish women’s fashion store that offers clothing and accessories made from 100% natural raw materials, using local and sustainable manufacturing processes.

Objective​​​​​​​

Analyze and enhance the user experience, and design the e-commerce interface.

My role

Development of a library with over 20 components, patterns, tokens, and more than 180 variables, designed for scalability in Stone’s new e-commerce platform. Each component was carefully crafted to reflect the brand’s essence, balancing style, functionality, and a seamless experience. The library ensures consistency across all interactions, speeds up development, and makes it easier to implement new features, all while maintaining Stone’s sophisticated aesthetic and visual identity. Creation of images using generative artificial intelligence.

Skills

Desk Research Benchmark UX Design UI Design Generative AI Prototyping

Challenges

Adapting to the new brand identity. Meeting the deadline for delivering the component and page library. Reviewing variants and component libraries while maintaining consistency across the e-commerce interface. Handoff with developers. Adapting to Shopify.

Learning

The project reinforced the importance of well-structured processes and collaborative design. Using interactive prototypes to validate ideas. Creating solutions aligned with business goals and the brand’s essence, always focusing on the user experience. An example is the offer of bundled products, combining complementary items for maintenance, adding value and convenience for customers.

Outcomes

70% increase in new users outside Europe and a 34% growth in conversion rate.

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

Component Library

Component Library

Component Library

Component Library

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.

Page Components

Page Components

Page Components

Page 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.

Figma Variables

Figma Variables

Figma Variables

Figma 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

Aramis

2024

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

Componentes do Design Systems para o applicativo das lojas Aramis

Salesperson App

Aramis

2024

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

Componentes do Design Systems para o applicativo das lojas Aramis

Salesperson App

Aramis

2024

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

Aramis

2024

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