top of page
Overview
Global Treasure is a Taiwan based ornament e-commerce brand established in 2009. In 2020, our UI/UX designer team built up the website with upgraded web UI and CRM platform design. The new website can not only display the past success to potential clients but also help the internal Global Treasure product team to manage the brand more efficiently.
​
Sprint Duration: 2 months
​
Team: Dandan Li, Alice Chen
​
My Role: UI/UX designer
​
Key Skills: UX Research, Information Architecture, Concept Mapping, UI/UX Design, Responsive Web Design
Define the Problem
As a brand with over 20 years of experience in seasonal ornament manufacturing, Global Treasure has accumulated a great pool of clients and business channels. However, the product team heavily relied on in-person sales and the old website is neither responsive nor accessible with overwhelming channels of information.
This project strives to optimize the Global Treasure website user experience similar to Global Treasure’s showroom experience and making it clearer in layout and hierarchy. With the newly designed shopping and CRM systems, the website will help the brand to not only exhibit core seasonal products but also become a key portal for CRM function.
Design Goal
Before generating ideas, we think of our users. For global Treasure, users can be either the internal product team or potential clients and web visitors. As the result, the website should meet two basic needs:​
​
Users can find needed holiday ornaments in terms of different holidays or applications.​
Users can add desired products to the shopping cart and sent the order inquiry.
​
Global Treasure Site Proposal
Firstly, we want to map out the primary, secondary, and tertiary pages to design a better information architecture hierarchy.
1. Primary - Home landing page
2. Secondary - Product, shopping cart
3. Tertiary - Product Display, company information, contact forms
Information Architecture
After several meetings with the product team and stakeholders, we finally structured the whole website by creating an information architecture diagram. We confirmed two main points of information to deliver on the website:
-
Visitors can gain a better understanding of the brand products
-
They have access to contact the internal team for quote inquiries or business corporations.
Wireframe
Consistency is one of the most significant design principles we are considering. To make our brand consistent both internally and externally, I integrated the design system with the current internal Cluster Management UI.
Style Guide
Considering the brand image as a large-scale holiday ornament company, our team used dark green as the main color for the website. We also use golden yellow as a secondary color to indicate all the call to action.
Global Treasure Style Guide
Establishing color, font, and typographic scales on each different breakpoint. We chose the playful color yellow as the main theme color to remind people of the holiday, warm vibe.
We also created the cursive script from Poppins. The cursive script will contribute to the logo design.
Prioritization
The website will be designed as an e-commerce website. The customers can visit different catalogs and make payments. They can also register on the website to manage their accounts.
Site Flow Card Sorting
The user journey board helps to identify the major user needs and the features that should be added to complete the needs. We also conducted the research with stakeholders to narrow down our final solution. In order to scope our solution, we created an online card-sorting test using Optimal Sort. Based on the data feedback, we prioritized users' needs and completed the solution with 3 main tasks.
Task 1
Users can register and log in on the website. They can manage their accounts.
Task 2
Users can shop products by filter and make payments. They can also send the customized quote inquiry.
Task 3
Users can either track their orders in accounts or view inquiry/order history.
Final Solutions
Increase our brand awareness and improve customer experience by redesigning a more eye-catching enterprise-level storage website. We want to make improvements both from a visual perspective but also build a more readable content.
Log-in & Create Account
Shopping & Account Management
Some Leftover
The project is still ongoing as the engineers are turning these dreams come true. We always look forward to iterating the website and keep it optimized in the future.
bottom of page