Authentic Imagery: I replaced the generic street photo with a vibrant image from the KWMC's annual festival. This sets a welcoming tone and immediately connects the user to the specific community the center serves.

Improved Readability: The original text was lost against a busy background. I used a soft white overlay and dark typography to ensure the message is high-contrast and easy to read.

Better User Experience: I modernized the navigation by organizing links into clear dropdowns and adding a search bar, making it much faster for visitors to find the resources they need.

Enhanced Accessibility: I moved the translation tool to a fixed, floating button in the bottom-right corner, ensuring language support is always within reach for non-English speakers. I also added a prominent search bar to the header, allowing users to find specific resources immediately.

Structured Grid Layout: I fixed the uneven spacing of the previous design by implementing a consistent grid system. This ensures the content is perfectly aligned and balanced, rather than having "floating" elements with awkward gaps.

Visual Clarity: I replaced generic avatars with custom icons (like a headset for Translation) that actually represent the services, so users understand the content instantly.

Improved Usability: I organized the services into unified "cards" with clear arrow buttons, making the section easier to scan and clearly indicating that it is clickable.

Visual Gallery: I replaced the static text layout with a gallery of posters. This allows users to browse featured events visually, making the page much more engaging and informative than the previous text-heavy design.

Clear Calendar View: I implemented a monthly calendar to display the schedule. This solves the problem of the old list format by allowing users to see all upcoming events "at a glance" and plan their schedule easily.

De-cluttered Typography: In the previous version, the text was squeezed together and clustered, creating a dense block of information that was hard to read. I introduced generous whitespace and stripped the text down to the essentials, allowing the content to breathe.

Focused Layout: The old design felt cramped, with the text box and image fighting for space. I implemented a clean split layout that gives the event poster prominence on the left while keeping the details clear and legible on the right.

Clear Call-to-Action: Instead of leaving the user wondering what to do next, I added a high-contrast "View Event →" button, making the interaction obvious and simple.

Stakeholder Collaboration: I worked directly with Tera from the event department to audit and refine the page content. This collaboration ensured that the copy accurately reflected the program's current goals and tone, moving away from the generic text used previously.

From Abstract to Authentic: The original design relied on a generic gold box which felt cold and impersonal. I replaced this with a real photo of the program team at a community booth. This immediately builds trust and humanizes the service, showing users exactly who they will be connecting with.

Softer, More Inviting CTA: I redesigned the "Apply" button to be more welcoming. The previous version was a harsh black rectangle. The new design features a wide, pill-shaped button in a warm gold tone that aligns with the brand and feels less intimidating.

Refined Typography: The old heading featured a messy, scribbled underline style that distracted from the text. I cleaned up the typography to be bold and professional, ensuring the focus remains on the value proposition: "one-on-one English support".

Iterative Process: I facilitated three strategy meetings with the team to finalize the content and the flowchart structure. This ensured that the visual roadmap accurately reflects the actual intake process while remaining easy for clients to understand.

Visualizing the User Journey: I replaced the generic "Book an Appointment" call-to-action with the custom Settlement Flowchart we developed. Instead of leaving users wondering what happens next, this visual clearly outlines every step from the first contact to meeting a worker.

Improved Structure & Layout: I moved away from the disjointed, dark-mode block layout to a clean, balanced two-column structure. This layout pairs the visual flowchart on the left with clear explanatory text on the right, making the information much easier to scan and digest.

Demystifying the Process: The previous design was text-heavy and abstract. By breaking the intake process down into four simple visual steps (Contact → Front Desk → Welcome Team → Settlement Worker), I reduced anxiety for newcomers by showing them exactly what to expect.