Case Study 4
Corporate Information Architecture Websites
OVERVIEW
PROJECT
Chinese Essence Medicine Website
Life & Death Education Charity Website
ROLE
UX / UI Designer: information architecture, visual design, interaction design, and client collaboration.
TEAM
Project manager, developers, and client stakeholders.
OUTCOME
I build corporate websites with a strong focus on information architecture, helping businesses communicate their services clearly and build trust online. By planning site structures, layouts, and responsive pages, I design experiences that present services clearly and guide visitors toward meaningful actions such as inquiries or appointments.
KEY SKILLS DEMONSTRATED
Accessibility (WCAG)
Information Architecture
Content Simplification
Stakeholder Collaboration
GOAL
The goal was to design structured corporate websites that clearly communicate each organization’s mission while supporting practical user tasks.
For the Chinese Essence Medicine website, the focus was enabling users to preview products, book doctor appointments, and find nearby clinics within a few clicks.
For the charity organization, the objective was to communicate the meaning of life and personal growth through a thoughtful storytelling experience that reflects the organization’s philosophy.
SOLUTION
The Chinese Essence Medicine website
I organized the information architecture to prioritize key user actions, including product discovery, appointment booking, and clinic search. The navigation and page structure were designed to help users quickly understand services and move efficiently through the site.
The Hong Kong Charity website
I designed a dedicated page to promote the organization’s side brand, translating its philosophy into a visual storytelling experience.
A seed motif was introduced as the central design element, symbolizing growth and the cycle of life.
Design Process
To ensure the websites communicated services clearly and supported user needs, I began by planning the information architecture and page hierarchy.
WIREFRAMES
I created wireframes to structure the main pages and define how content, services, and navigation should be organized. This helped align stakeholders early and allowed us to focus on clarity before moving into visual design.
The Chinese Essence Medicine website
The wireframes prioritized key user tasks such as product browsing, doctor appointment booking, and clinic search.
The Hong Kong charity website
The wireframes focused on storytelling flow, guiding visitors through the organization’s philosophy while introducing visual elements that represent growth and life.
After validating the structure with stakeholders, I moved into visual design and responsive layouts, ensuring the websites remained clear and accessible across devices.
Visual System & Accessibility Decisions
The Chinese Essence Medicine website
Mobile version
The Hong Kong charity website
Result & Reflection
Impact
Both websites received positive feedback from clients and audiences for presenting their missions in a clearer and more engaging way.
During the charity website project, the client requested a 3D gallery component across multiple sections. Due to technical limitations and content constraints, the initial outcome did not meet expectations. Through collaboration, I proposed reducing the number of images and adjusting image proportions to improve the gallery experience. After revision, the solution was successfully implemented and contributed to a reported 20% increase in user satisfaction.
What I learned
This project strengthened my ability to balance creative storytelling, technical constraints, and client expectations while maintaining clear and effective information architecture.
