Nucleus

SCOPE

Design Strategy
Visual Identity Redesign
Website Design
Web Development

Identity and website design for a London-based non-profit that provides free practical and legal advice to the vulnerable sections of society. For more than four decades, Nucleus has helped people get rights to essential services.

BEFORE

AFTER

BRIEF

Nucleus is a legal advice centre that offers free practical and legal solutions for debt, housing, benefits, and employment to people in need. Despite having established a reputation for their work over the decades, the centre’s visual identity and communication failed to reflect the scale and standards of the organization. So, they wanted to revamp their visual identity to ensure a cohesive brand image.

INSIGHTS

The existing visual elements of the organisation lacked identifiability and suffered from a fragmented design system. While the brand's name and colours (orange and green) had a strong association, they needed a visual hook to unify the system and establish a sense of community. Through the redesign, we aimed to create a warmer personality that resonated with the organisation's values.

SOLUTION

We drew inspiration from the power of good advice and its impact on people's lives. To anchor the identity system, we opted for quotation marks, which are an identifier of advice and conversations. The logo mark merges community, optimism, nucleus, and advice into one symbol, reflecting the organisation's mission. The visual system employs quotation marks and an extended colour palette.

LOGO IDEA

COLOUR PALETTE

The extended color palette exudes warmth, comfort, and optimism, and can be effortlessly harmonized in brand patterns, featuring quotation marks that evoke diverse messages and moods.

BRAND PATTERNS

SERVICES ICONS

As a critical step in the process, we redesigned and redeveloped their website, which had previously been lacklustre and challenging to navigate for clients, supporters, and volunteers.

DIAGNOSIS

The existing website was fraught with navigational and functional issues, failing to effectively convey the organisation's services and offerings. Moreover, the website lacked an emotional connection or a distinctive identity, resulting in a underwhelming user experience. The website's backend also suffered from messy, cluttered and unsystematic information architecture.

INSIGHTS

Together, we delved into the motivations, goals, and expectations of stakeholders, charting the journeys of clients, supporters, community members, and volunteers. This thorough analysis yielded a refined information architecture, and our redesign aimed to cultivate a user experience that is both inviting and unambiguous.

SOLUTION

The new website was developed on Webflow, featuring an easy-to-use back-end and responsiveness. Each service was given a dedicated page, with a succinct explanation of how Nucleus can help people and how to get in touch. Dedicated pages were crafted to motivate volunteers, supporters, and the community, while also showcasing the organisation's history and impact.

BEFORE

AFTER

“Kawal was recommended to us by another charity. I was impressed by the time and efforts he made, from the first meeting,  to really get an in-depth understanding of Nucleus. Of our values, of what we wanted to achieve for our beneficiaries and of relations we had with sponsors and funders. Kawal worked closely with us, from completing the briefing questionnaire to design.

We really felt supported and listened to throughout. The result is a website we can be proud of, one which is easy to use and gets really positive comments from partners and sponsors. Best of all, Kawal also trained us  so we have the skills and tools to keep it updated and looking great.”

Baljit Badesha

Director, Nucleus Legal Advice

Like what you see?
Got a vision that keeps you up at night?
Let’s conjure it into reality!