WET Ethical Select Shop

Transforming Brand Complexity into Elegant Design

Transforming Brand Complexity into Elegant Design

Role

Web Designer

Team

1 Director, 1 Designer, 1 Developer

Client

WET Ethical Select Shop

WET Ethical Select Shop
WET Ethical Select Shop

Project
Overview

Project Overview

We redesigned the official website to address the gap between the outdated site structure and the brand’s premium positioning. While maintaining global brand identity, we deeply integrated local user habits in Taiwan to reorganize fragmented information. This was not just a visual refresh, but a transformation from a basic site into a professional platform that conveys the brand's warmth and values.

Responsibilities

Information Architecture

UI/UX

RWD

Shopify Configuration

WET Ethical Select Shop
WET Ethical Select Shop
WET Ethical Select Shop

Design
Challenges

Design Challenges

01

01

01

Inconsistent Visual Identity

The original site lacked a systematic design, resulting in a disconnected and basic look. This made it difficult to project a professional image or build immediate trust with new customers.

02

02

02

Fragmented Content & Hierarchy

The navigation and content were simply stacked together without a clear hierarchy. This information overload made it hard for users to find key products, leading to a disjointed browsing experience.

03

03

03

Outdated Experience & Poor SEO

Crucial information was often embedded in images, making it invisible to search engines (SEO) and causing poor responsiveness on mobile. This "static" approach failed to showcase the brand's true warmth and professionalism.

WET Ethical Select Shop
WET Ethical Select Shop
WET Ethical Select Shop
WET Ethical Select Shop
WET Ethical Select Shop
WET Ethical Select Shop
WET Ethical Select Shop
WET Ethical Select Shop

Design Solutions

#Solution 01

#Solution 01

Building a Unified Design System

Established a consistent color and typography framework based on core brand guidelines. This system resolved the previous fragmented look, creating a professional and trustworthy "digital storefront."

Fonts

Figtree

Figtree

WET Ethical Select Shop

WET Ethical Select Shop

WET Ethical Select Shop

Colors

#Solution 02

#Solution 02

Visual Subtraction for Premium Quality

Redefined layout spacing and white space to eliminate clutter. By enlarging product imagery and simplifying background elements, we shifted the focus back to the products, achieving a clean, high-end international brand feel.

Before

Before

WET Ethical Select Shop

After

After

WET Ethical Select Shop

#Solution 03

#Solution 03

Restructuring Information Architecture

Reorganized the site’s hierarchy by logically categorizing fragmented pages. The new layered navigation ensures users can quickly find key content and switch between product categories effortlessly.

WET Ethical Select Shop

WET Swimwear Series Navigation

WET Swimwear Series Navigation

WET Ethical Select Shop

Select Series Navigation

Select Series Navigation

#Solution 04

#Solution 04

Standardized Product Tagging System

Implemented an intuitive sidebar filter by creating a detailed tagging system (by category, brand, and series). This structured approach allows users to easily navigate a vast inventory and find exactly what they need.

Before

Before

WET Ethical Select Shop

After

After

WET Ethical Select Shop

#Solution 05

#Solution 05

From Static Images to Live Text 

Replaced text-heavy images with live code. This transition enables search engines to crawl keywords for better SEO, while ensuring text remains readable and perfectly scaled across all screen sizes (RWD).

Before

Before

WET Ethical Select Shop Mobile

After

After

WET Ethical Select Shop Mobile

#Solution 06

#Solution 06

Strengthening Brand & Member Engagement

Expanded the site’s content depth beyond just a shop. By integrating multi-dimensional brand stories and information, we strengthened the emotional connection between the brand and its members.

WET Ethical Select Shop Mobile
WET Ethical Select Shop Mobile
Membership System

Clear tiers and rewards to build long-term loyalty.

WET Ethical Select Shop Mobile
WET Ethical Select Shop Mobile
Craftsmanship & Quality

Highlighting fabric details to build professional trust.

WET Ethical Select Shop Mobile
WET Ethical Select Shop Mobile
Shared Values

Moving from a product catalog to brand storytelling.

Project Conclusion

Project Conclusion

Project Conclusion

Beyond a Redesign: A Brand Rebirth

The core value of this project was transforming a simple shop into the "soul" of the brand. We solved visual and technical issues while evolving the site from a transactional tool into a platform for brand belief and long-term customer relationships.

Thank you for watching 👙

Thank you
for watching 👙

Thank you for watching 👙

Let’s build something amazing together 💪

Thanks for scrolling all the way here! I look forward to working together. If you have any ideas, feel free to reach out anytime!

Copyright © www.yuchinglab.com | All rights reserved.

Let’s build something amazing together 💪

Thanks for scrolling all the way here! I look forward to working together. If you have any ideas, feel free to reach out anytime!

Copyright © www.yuchinglab.com | All rights reserved.