2023

Hypercore's personal data dashboard

App store | Google play

2022

Decathlon Taiwan E-Commerce

In this video, we'll discuss how we use the Vitamix Global Design System and local font styles to create consistent, standardized digital products. We use Figma for collaboration and user flow wireframes to prototype. We also implement the Carbon Vitamin Design System into development. Our focus is on improving usability and preparing for digital growth.

Video

2022

Bike Product Landing Page For Decathlon Sweden

A features landing page of bike product for Decathlon Sweden that utilized Tailwind CSS & design system with Eco-friendly web design and development.

It was a really fun page I've ever done, had so much fun doing this, glad to make something creative. In this landing page, I mainly utilize Decathlon Design System's tailwind CDN to meet the design system guideline with ease and convert all the images to Google's image formats .Webp to decrease the image file size enormously, and simultaneously keep the image quality with resolutions. Additionally optimized the performance by lazy-loading with .webp to maximize the user experience.

Tailwind CSS, ECO-friendly, Github

Live site