South Yarn
South Yarn
High‑End Home Builders
High‑End Home Builders
A self‑initiated luxury home‑builder website concept I designed end‑to‑end, using competitor research, wireframes and a refined colour palette to produce a clean, elegant interface that reflects approachable luxury.
A self‑initiated luxury home‑builder website concept I designed end‑to‑end, using competitor research, wireframes and a refined colour palette to produce a clean, elegant interface that reflects approachable luxury.
A self‑initiated luxury home‑builder website concept I designed end‑to‑end, using competitor research, wireframes and a refined colour palette to produce a clean, elegant interface that reflects approachable luxury.
Design Concept
Design Concept
Refined lavender and cream palette and clean layouts to evoke a sense of luxury and warmth.
Elegant typography and generous white space for readability and sophistication.
Simple navigation, on‑brand imagery and subtle interactions to create an approachable yet high‑end feel.
Refined lavender and cream palette and clean layouts to evoke a sense of luxury and warmth.
Elegant typography and generous white space for readability and sophistication.
Simple navigation, on‑brand imagery and subtle interactions to create an approachable yet high‑end feel.
Refined lavender and cream palette and clean layouts to evoke a sense of luxury and warmth.
Elegant typography and generous white space for readability and sophistication.
Simple navigation, on‑brand imagery and subtle interactions to create an approachable yet high‑end feel.
Process
Process
Process
1
1
Research & Discovery:
Benchmarked competitor real‑estate sites.
Research & Discovery:
Benchmarked competitor real‑estate sites.
Research & Discovery:
Benchmarked competitor real‑estate sites.
2
2
Define:
Set goals and identified the target user.
Define:
Set goals and identified the target user.
Define:
Set goals and identified the target user.
3
3
Idea:
Sketched layouts and low‑fidelity wireframes.
Idea:
Sketched layouts and low‑fidelity wireframes.
Idea:
Sketched layouts and low‑fidelity wireframes.
4
4
Design:
Applied the refined palette, typography and responsive layouts.
Design:
Applied the refined palette, typography and responsive layouts.
Design:
Applied the refined palette, typography and responsive layouts.
5
5
Outcome:
Produced an elegant, accessible interface showcasing my UI process
Outcome:
Produced an elegant, accessible interface showcasing my UI process
Outcome:
Produced an elegant, accessible interface showcasing my UI process
Design system
Design system
Design system
Palette:
Palette:
#6030B6
#6030B6
#6030B6
Main accent to convey luxury and trust.
Main accent to convey luxury and trust.
Main accent to convey luxury and trust.
#A82CF1
#A82CF1
#A82CF1
Secondary accent adding vibrancy and depth.
Secondary accent adding vibrancy and depth.
Secondary accent adding vibrancy and depth.
#F8F1FF
#F8F1FF
#F8F1FF
Light background to soften the interface and improve readability.
Light background to soften the interface and improve readability.
Light background to soften the interface and improve readability.
Typography:
Typography:
Aboreto
Aboreto
Aboreto
Used for headings to add character and elegance
Used for headings to add character and elegance
Used for headings to add character and elegance
Alexandria
Alexandria
Alexandria
Used for body text for clarity and accessibility.
Used for body text for clarity and accessibility.
Used for body text for clarity and accessibility.
Reflection & Next Steps
Reflection & Next Steps
Reflection & Next Steps
This project allowed me to explore the intersection of luxury branding and accessibility. If this were a real client engagement, I would prototype responsive interactions, conduct user testing and iterate further. Nevertheless, South Yarn showcases my ability to craft cohesive, elegant interfaces and tells a complete story from concept to final design.
This project allowed me to explore the intersection of luxury branding and accessibility. If this were a real client engagement, I would prototype responsive interactions, conduct user testing and iterate further. Nevertheless, South Yarn showcases my ability to craft cohesive, elegant interfaces and tells a complete story from concept to final design.
This project allowed me to explore the intersection of luxury branding and accessibility. If this were a real client engagement, I would prototype responsive interactions, conduct user testing and iterate further. Nevertheless, South Yarn showcases my ability to craft cohesive, elegant interfaces and tells a complete story from concept to final design.
