About me
KKday
A travel e-commerce platform that provides detailed information about day tours.
Teardown analysis
Improving accessibility
High fidelity prototype
User interface design
Documentation
This is an academic project.
Who is KKday?
KKday is a Taiwan-based travel e-commerce platform that offers over 300,000 unique travel experiences in more than 92 countries and regions worldwide.
Purpose
The goal is to outline a design system for KKday's existing digital platforms, including the website, software, and mobile app. This involves thoroughly analysing the current design across all platforms, focusing on adhering to the Web Content Accessibility Guidelines (WCAG).
The project includes remaking icons and system elements to establish a cohesive visual design language and comprehensive guidelines.
The outcome of the Figma prototype highlights the strengths of the design system.
Colour contrast
The contrast ratio of the brand colour on a white background was too low. I adjusted the shades in the button design to address this situation, ensuring better accessibility by following interaction design principles.
Inconsistency
Sometimes, the colour difference is subtle and hard to distinguish with the human eye, but when I analyzed the root CSS file, the colour codes were different. This inconsistency could lead to problems in long-term maintenance. This situation may be attributed to the absence of a comprehensive design system document. However, the human eye doesn't work with absolute precision, which is how consistency falters due to these foundational differences.
Considering Accessibility, color serves as a powerful tool that is able to establish hierarchy, enhance branding, and foster cohesion. Accessibility Provide good contrast. We try to make sure at least the interactive element contrast between the text and background is greater than or equal to 4.5:1
As a Visual cue, typography is the art and technique of arranging type, including selecting fonts, adjusting font sizes, line spacing, and letter spacing, to achieve visual and aesthetic coherence in written communication.It involves the thoughtful design and arrangement of text elements to convey information effectively and enhance the overall visual appeal of a document, website, or any other medium where written language is utilized.
KKday's Personality and Voice is inspiring, aiming not only to state the facts, but more importantly, how it could be. Words used in KKday product should stir hope, excitement, possibility, creativity, and innovation. they are plainspoken, using straightforward language that suggests clarity and simplicity in communication, providing a sense of trust and reliability
KKday shows authentic, sharing their travel inspirations and commitment to offering the most sincere adventures with travelers.
Figma interactive prototype to demostrate the foundamental UI elements.
