WEBSITE REDESIGN
Web design // UX Structure // Brand Presence
Project Overview
SERVICES provided
Web Design & Development
UX Sitemap Planning
Mobile Optimization
Graphic Design Integration
Visual Hierarchy and Navigation
This project is a modern website redesign for the Chinese Center of Long Island, created to reflect the organization’s cultural vibrancy, community impact, and educational mission. The layout focuses on clarity, accessibility, and visual storytelling through strong imagery, balanced typography, and an intuitive navigation system. The design blends tradition with a contemporary aesthetic to present the organization as both culturally rooted and forward-thinking.
Tools Used
Figma – for wireframing, prototyping, and high-fidelity mockups
Adobe Photoshop – for image editing and preparing visual assets
Square Space - Platform utilized
Project Goal
The primary goal of this redesign was to improve user engagement and communication by creating a visually inviting, easy-to-navigate platform that serves students, families, and community members alike. The project aimed to modernize the organization’s digital presence, enhance usability across devices, and strengthen the emotional connection between visitors and the community. Ultimately, the redesign supports the Chinese Center of Long Island’s mission by making its programs more accessible, its story more visible, and its identity more cohesive.
Problems Encountered
The original website design lacked visual hierarchy, making it difficult for users to quickly understand the organization’s structure and offerings. Important information such as programs, clubs, and resources were not clearly prioritized, which caused confusion and reduced usability. The layout felt outdated and cluttered, with inconsistent spacing, typography, and alignment. Navigation was not intuitive, and users had to work harder to find key content, resulting in a poor overall user experience.
Design Problems Identified
No clear visual hierarchy between headings, subheadings, and body text
Inconsistent typography and spacing
Overcrowded layout with weak content organization
Navigation structure was unclear and overwhelming
Important sections were not visually prioritized
Limited emotional connection through imagery and layout
Strategy to Address These Challenges
Clarify visual hierarchy and content prioritization
Restructure navigation and program categories
Reduce layout clutter through consistent spacing systems
Strengthen calls to action for registration and inquiries
Improve mobile usability and accessibility
Increase emotional connection through imagery and color
This information architecture clarifies navigation and creates direct paths to educational programs and community involvement.
UX Strategy & Design Process
Sitemap
Design Process
The redesign began with an audit and user research, followed by a restructured information architecture, a refreshed visual system, and prototype testing to ensure clarity, accessibility, and responsiveness before launch.
Wire Frame Section
Color Palette
Selected a balanced color palette that reflects cultural identity while maintaining modern clarity.
Used color to guide attention and separate content sections.
Typography
Typography
Chose clean, readable typefaces for both headings and body text.
Created typographic contrast to improve scanning and hierarchy.
Final Homepage Design
The Chinese Center of Long Island provides language education, cultural programming, clubs, and community events for people of all ages. This site allows visitors to explore classes, register for programs, stay informed about upcoming events, and get involved in cultural initiatives across Long Island.
Explore my redesign of the Chinese Center of Long Island website, featuring a clear content hierarchy, community-focused storytelling, and streamlined navigation for programs, events, and registration.
How the Redesign Solved Key Challenges
Introduced tiered headline styles and section spacing to improve scannability.
Grouped core programs into visual cards with early-scroll placement.
Added prominent action buttons for registration and performance bookings.
Built a flexible grid system to support dynamic event content.
Implemented responsive breakpoints for mobile and tablet layouts.
Applied a modern layout framework that supports long-term scalability.
Metrics / Outcomes
Early analytics revealed strong traffic to Programs and Contact pages, confirming that the redesigned information architecture successfully guided users to key actions.
1,035 Pages viewed
Direct traffic remained the dominant acquisition channel after launch, while Google search quickly emerged as a strong secondary source—indicating growing organic discoverability.
Reflection
This redesign reflects my approach to building digital experiences through research, structured information architecture, and performance-driven iteration. Post-launch data confirmed the effectiveness of guiding users toward programs and inquiries, while revealing opportunities to further strengthen event discovery. The project underscored the importance of continuously refining UX decisions after launch and aligning design systems with long-term organizational objectives.
