NONUNE
NONUNE
NONUNE
NONUNE
No.
No.
No.
00 - 2
00 - 2
00 - 2
O0 - 5
O0 - 5
O0 - 5
START UP: NONUNE
E-COMMERCE
REDESIGN
START UP: NONUNE
E-COMMERCE
REDESIGN
START UP: NONUNE
E-COMMERCE
REDESIGN
UX / UI DESIGN
PROTOTYPING
BRAND IDENTITY
UX / UI DESIGN
PROTOTYPING
BRAND IDENTITY
UX / UI DESIGN
PROTOTYPING
BRAND IDENTITY
2022
2022
2022
PROJECT OVERVIEW
PROJECT OVERVIEW
PROJECT OVERVIEW
TOOLS
TOOLS
TOOLS
Figma
Figma
Figma
Adobe After Effects
Adobe After Effects
Adobe After Effects
Adobe Photoshop
Adobe Photoshop
Framer
Framer
Framer
BACKGROUND
BACKGROUND
BACKGROUND
Nonune is a centralised e-commerce platform connecting consumers directly with conscious fashion brands. Nonune’s mission is to amplify the different brands common message and elevate their presence on the market. Making sustainable shopping accessible and an easy alternative.
I revisited this e-commerce website project because I really liked the concept and decided to redesign it, tightening the design to create a more refined and cohesive user experience.
Nonune is a centralised e-commerce platform connecting consumers directly with conscious fashion brands. Nonune’s mission is to amplify the different brands common message and elevate their presence on the market. Making sustainable shopping accessible and an easy alternative.
I revisited this e-commerce website project because I really liked the concept and decided to redesign it, tightening the design to create a more refined and cohesive user experience.
GOAL
GOAL
GOAL
Design an e-commerce website, focusing on minimalistic and sophisticated visual graphics, responsive design, e-commerce integration and a brand identity to enhance Nonune's online presence.
Design an e-commerce website, focusing on minimalistic and sophisticated visual graphics, responsive design, e-commerce integration and a brand identity to enhance Nonune's online presence.
Design an e-commerce website, focusing on minimalistic and sophisticated visual graphics, responsive design, e-commerce integration and a brand identity to enhance Nonune's online presence.
By elevating sustainable fashion brands in the mainstream market, NONUNE aimS to normalize conscious practices and resonate with consumers.
By elevating sustainable fashion brands in the mainstream market, NONUNE aimS to normalize conscious practices and resonate with consumers.
USER PERSONA
USER PERSONA
To guide our design decisions, we developed a user persona that represents the key personality traits, goals, expectations, and pain points of our target audience. This helps ensure the design aligns with the needs and behaviors of the users NONUNE aims to reach.
To guide our design decisions, we developed a user persona that represents the key personality traits, goals, expectations, and pain points of our target audience. This helps ensure the design aligns with the needs and behaviors of the users NONUNE aims to reach.
To guide our design decisions, we developed a user persona that represents the key personality traits, goals, expectations, and pain points of our target audience. This helps ensure the design aligns with the needs and behaviors of the users NONUNE aims to reach.
MARLYN JAKOBSSON
GOALS
GOALS
To purchase high-quality, unique clothing that reflects her personal style.
To support brands that are transparent about their sourcing and manufacturing practices.
To reduce her environmental footprint by investing in durable, sustainable fashion items.
To find clothing made from organic, ethically sourced materials.
To purchase high-quality, unique clothing that reflects her personal style.
To support brands that are transparent about their sourcing and manufacturing practices.
To reduce her environmental footprint by investing in durable, sustainable fashion items.
To find clothing made from organic, ethically sourced materials.
CHALLENGES
CHALLENGES
Difficulty in finding brands that are both sustainable and fashionable.
Often needs more information about where materials are sourced from.
Concerned about greenwashing and whether brands truly adhere to sustainable practices.
Sustainable fashion is often more expensive, requiring careful budgeting.
Difficulty in finding brands that are both sustainable and fashionable.
Often needs more information about where materials are sourced from.
Concerned about greenwashing and whether brands truly adhere to sustainable practices.
Sustainable fashion is often more expensive, requiring careful budgeting.
MOTIVATIONS
MOTIVATIONS
Passionate about supporting ethical brands.
Believes in "quality over quantity" and values craftsmanship.
Likes to feel confident that her purchases contribute to a positive social and environmental impact.
Values individuality and prefers unique, limited-edition designs over mass-produced fast fashion.
Passionate about supporting ethical brands.
Believes in "quality over quantity" and values craftsmanship.
Likes to feel confident that her purchases contribute to a positive social and environmental impact.
Values individuality and prefers unique, limited-edition designs over mass-produced fast fashion.
SHOPPING PREFERENCES
SHOPPING PREFERENCES
Frequently shops online but enjoys visiting local boutiques that focus on sustainable fashion.
Relies on apps and websites that clearly indicate where materials are sourced and how clothing is produced.
Prefers brands that offer transparent product descriptions and certifications (e.g., fair trade, organic materials).
Values a seamless, informative online shopping experience with easy-to-access details about sustainability.
Frequently shops online but enjoys visiting local boutiques that focus on sustainable fashion.
Relies on apps and websites that clearly indicate where materials are sourced and how clothing is produced.
Prefers brands that offer transparent product descriptions and certifications (e.g., fair trade, organic materials).
Values a seamless, informative online shopping experience with easy-to-access details about sustainability.
POTENTIAL CUSTOMER
POTENTIAL CUSTOMER
AGE: 27
AGE: 27
OCCUPATION: MARKETING SPECIELIST
OCCUPATION: MARKETING SPECIELIST
USER FLOW
USER FLOW
The user flow gives an overview and helps track a first visitor to Nonune from starting at the homepage until making their first order purchase.
The user flow gives an overview and helps track a first visitor to Nonune from starting at the homepage until making their first order purchase.
UI STYLE GUIDE
UI STYLE GUIDE
The design system was created to align with the brands minimalistic and sophisticated aesthetics. The color palette was designed to help highlight the different brand products available on Nonune, allowing customers to focus on their shopping experience with ease and enjoyment.
With modernity and sophistication in mind, it felt memorable to have Souliyo Unicode as the primary wordmark typeface. And to help boost legibility and make the purchasing journey pain free it was was opted to use Spline Sans as the secondary typeface.
The design system was created to align with the brands minimalistic and sophisticated aesthetics. The color palette was designed to help highlight the different brand products available on Nonune, allowing customers to focus on their shopping experience with ease and enjoyment.
With modernity and sophistication in mind, it felt memorable to have Souliyo Unicode as the primary wordmark typeface. And to help boost legibility and make the purchasing journey pain free it was was opted to use Spline Sans as the secondary typeface.
UI STYLE GUIDE
The design system was created to align with the brands minimalistic and sophisticated aesthetics. The color palette was designed to help highlight the different brand products available on Nonune, allowing customers to focus on their shopping experience with ease and enjoyment.
With modernity and sophistication in mind, it felt memorable to have Souliyo Unicode as the primary wordmark typeface. And to help boost legibility and make the purchasing journey pain free it was was opted to use Spline Sans as the secondary typeface.
COLOR PALETTE
WHITE
HEX
FFFFFF
RBG
255, 255, 555
CMYCK
0, 0, 0, 0
OFF - WHITE
HEX
FFFDFA
RBG
255, 253, 250
CMYCK
0, 1, 2, 0
GREY
HEX
929292
RBG
145, 146, 146
CMYCK
43, 34, 13
DARK GREY
HEX
2E2E30
RBG
46, 46, 46
CMYCK
73, 64, 56, 70
BLACK
HEX
000000
RBG
0, 0, 0
CMYCK
91, 79, 62, 97
TYPOGRAPHY
PRIMARY
NONUNE
Ab Cc Dd Ee De Fe Gh Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Öö Ää Öö
@%+
&!#€
Souliyo Unicode
Regular
COLOR PALETTE
WHITE
HEX
FFFFFF
RBG
255, 255, 555
CMYCK
0, 0, 0, 0
OFF - WHITE
HEX
FFFDFA
RBG
255, 253, 250
CMYCK
0, 1, 2, 0
GREY
HEX
929292
RBG
145, 146, 146
CMYCK
43, 34, 13
DARK GREY
HEX
2E2E30
RBG
46, 46, 46
CMYCK
73, 64, 56, 70
BLACK
HEX
000000
RBG
0, 0, 0
CMYCK
91, 79, 62, 97
TYPOGRAPHY
SECONDARY
NONUNE
Ab Cc Dd Ee De Fe Gh Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Öö Ää Öö
@%+
&!#€
Spline Sans
Regular
Spline Sans
Medium
ICONOGRAPHY
COLOR PALETTE
WHITE
HEX
FFFFFF
RBG
255, 255, 555
CMYCK
0, 0, 0, 0
OFF - WHITE
HEX
FFFDFA
RBG
255, 253, 250
CMYCK
0, 1, 2, 0
GREY
HEX
929292
RBG
146, 146, 146
CMYCK
43, 34, 34, 13
DARK GREY
HEX
2E2E30
RBG
46, 46, 46
CMYCK
73, 64, 56, 70
BLACK
HEX
000000
RBG
0, 0, 0
CMYCK
91, 79, 62, 97
TYPOGRAPHY
PRIMARY
NONUNE
Ab Cc Dd Ee De Fe Gh Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Öö Ää Öö
@%+
&!#€
Souliyo Unicode
Regular
TYPOGRAPHY
SECONDARY
DISCOVER
Ab Cc Dd Ee De Fe Gh Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Öö Ää Öö
@%+
&!#€
Souliyo Unicode
Regular
Souliyo Unicode
Regular
ICONOGRAPHY
COLOR PALETTE
WHITE
HEX
FFFFFF
RBG
255, 255, 555
CMYCK
0, 0, 0, 0
OFF - WHITE
HEX
FFFDFA
RBG
255, 253, 250
CMYCK
0, 1, 2, 0
GREY
HEX
929292
RBG
146, 146, 146
CMYCK
43, 34, 34, 13
DARK GREY
HEX
2E2E30
RBG
46, 46, 46
CMYCK
73, 64, 56, 70
BLACK
HEX
000000
RBG
0, 0, 0
CMYCK
91, 79, 62, 97
TYPOGRAPHY
PRIMARY
NONUNE
Ab Cc Dd Ee De Fe Gh Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Öö Ää Öö
@%+
&!#€
Souliyo Unicode
Regular
TYPOGRAPHY
SECONDARY
DISCOVER
Ab Cc Dd Ee De Fe Gh Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Öö Ää Öö
@%+
&!#€
Souliyo Unicode
Regular
Souliyo Unicode
Regular
ICONOGRAPHY
COLOR PALETTE
WHITE
HEX
FFFFFF
RBG
255, 255, 555
CMYCK
0, 0, 0, 0
OFF - WHITE
HEX
FFFDFA
RBG
255, 253, 250
CMYCK
0, 1, 2, 0
GREY
HEX
929292
RBG
146, 146, 146
CMYCK
43, 34, 34, 13
DARK GREY
HEX
2E2E30
RBG
46, 46, 46
CMYCK
73, 64, 56, 70
BLACK
HEX
000000
RBG
0, 0, 0
CMYCK
91, 79, 62, 97
TYPOGRAPHY
PRIMARY
NONUNE
Ab Cc Dd Ee De Fe Gh Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Öö Ää Öö
@%+
&!#€
Souliyo Unicode
Regular
TYPOGRAPHY
SECONDARY
DISCOVER
Ab Cc Dd Ee De Fe Gh Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Öö Ää Öö
@%+
&!#€
Spline Sans
Regular
Spline Sans
Medium
ICONOGRAPHY
LET’S
TALK
LET’S
TALK
LET’S
TALK
LET’S
TALK