CLOSE
About Résumé Contact
BACK
me me

Hi, I'm Ele :)

You've stumbled upon the portfolio of a UX/UI designer with 3 years of experience working in Hong Kong, now soaking up the heat in Singapore. My design philosophy? Keep it simple. Whether it’s crafting user flows or perfecting a smoothie recipe, I believe the best things in life don’t need to be complicated. When I’m not designing, you’ll find me hiking, experimenting in the kitchen, and exploring Singapore’s local food scene.
P.S. If you know the best spot for chicken rice or laksa, I’m all ears—still on the hunt!

cover

Overview

I led wireframing, design, and user experience for Jeu Jewelry’s website, a modern luxury brand targeting younger consumers. My teammate Minxuan and I used Axure and Adobe Illustrator to design the seamless shopping experience.
checkout-desktop

Checkout Page Wireframe

To manage the overwhelming amount of information required from users, three color blocks were used to clearly separate each section.
search-desktop

Search Wireframe

The search function, located in a familiar spot on the navigation bar, enhances user flow by avoiding page redirections and displaying related products with direct links in the search results.
comment-desktop

Product Review Wireframe

Leaving and reading reviews fosters trust with the company by allowing customers to see detailed ratings and personal information from a global community right beneath the product description.
newsletter-desktop

Newsletter Wireframe

To avoid disrupting the customer experience on a moderate high-end brand's website, I placed the newsletter subscription form in the footer, ensuring visibility without being intrusive.
jeu

Branding

Jeu Jewelry's branding featured a neutral color palette with gray buttons, taupe headers, and a mix of Belleza and Lato fonts for a modern look. The design utilized two- or three-column grids with ample padding and clean product images to enhance negative space and maintain simplicity.

User Testing

The team presented the high fidelity wireframes and received feedback suggesting to enhance the landing page with more information, resizing large images to improve loading speed, and refining navigation and grid structures for a better browsing experience.

Reflection

For my first website design, it was a great experience learning how to build a webpage from scratch. Despite differences between the wireframes and the final website. Due to time constraints, I couldn't implement some interactive features like the search function or keep the checkout page's original design. The project highlighted the importance of using tools like GitHub and GitKraken for efficient coding and taught me to code with proper indentation and comments for easier collaboration. I also learned that website validation is crucial and should be factored into the timeline.
(01) Project 1
(02) Project 2
(03) Project 3
(04) Project 4
(05) Project 5
(06) Project 6
(07) Project 7
(08) Project 8
(09) Project 9
(10) Project 10