Client

Together², a non-profit organization dedicated to crafting personalised solutions for individuals with disabilities, older adults, and the community.

Project Goal

The primary objective was to develop a website that not only accurately reflected the client's branding guidelines but also effectively showcased their range of services, information about the organization, compelling stories, and upcoming events.

Solution

The initial phase involved collaborative discussions with the client to define the website's structural framework. Subsequently, wireframes were meticulously designed and presented for client approval.

Upon receiving approval for the wireframes, the project transitioned to the UI design phase. A notable challenge emerged with the extensive color palette and composition style in the client's branding visual identity. The brand featured eight vibrant primary colors, and the client expressed a desire for each color to maintain equal visual prominence, eliminating the emphasis on any single hue.

To address the complexity and enhance accessibility, I introduced new color rules. A critical aspect of this process was testing the contrast of each color to determine whether adjustments were required in terms of font size and color. For instance, colors like blue and pink were darkened to ensure legibility with white text, while lighter shades such as green and yellow were paired exclusively with black text. Additionally, a neutral color was strategically introduced to create visual breaks and provide restful areas within the layout's white sections. This meticulous approach not only reduced confusion but also enhanced the overall user experience of the website.