New Dawn Recruitment

website design

Helping job seekers and employers connect faster through streamlined recruitment.

Project overview

New Dawn Recruitment (NDR) provides ethical recruitment services across multiple industries and offers supported living to help young adults transition toward independence. The goal of this project was to design a user-friendly recruitment platform that makes applying for jobs and posting vacancies simple and fast, without unnecessary logins or complicated processes.

The Challenge: NDR’s previous website made it difficult for candidates to access jobs and for employers to post vacancies efficiently.

Project Scope: The project aimed to create a fast, intuitive platform that makes applying for jobs and posting vacancies simple for both job seekers and employers. It also focused on establishing a professional, trustworthy online presence for NDR.

Industry
Recruitment

Duration
2 months

Tool Used
Figma
WordPress

Design Process

Your Title Goes Here

Competitor Insights
User Research
Personas
Journey Map

Your Title Goes Here

Card Sorting
Colour Palette

Your Title Goes Here

Wireframes
Usability Test

Your Title Goes Here

Brand assets
Launch

Discover

This phase focused on understanding the needs of job seekers and employers, as well as the competitive recruitment landscape. Research insights ensured the design was grounded in real-world challenges and opportunities.

Competitor Analysis

An analysis of competitor platforms revealed how other recruitment services structure their user experience and differentiate themselves in the market. This exploration highlighted both common frustrations for users and opportunities to create a smoother, more inclusive platform for NDR.
A competitor analysis table comparing recruitment platforms, focusing on user experience, job application flows, and market differentiation.

Key Takeaway: The research highlighted the importance of intuitive navigation, clear industry positioning, and technology-driven hiring solutions.

Target Personas

Personas, journey maps, and user flows were developed to visualise pain points and guide design decisions. I focused on creating two core personas with empathy maps that highlighted goals, frustrations, and behaviours, ensuring the platform would truly meet the needs of job seekers and employers.

Pain Points

Through research, I uncovered several recurring frustrations that shaped the design direction:

Limited Access:

Job seekers found it difficult to find and apply for roles online, which reduced opportunities and slowed their job search.

Unmanageable:

The reliance on PDF registration forms made applications time-consuming to track and documents harder to manage.

Brief Details:

Many job descriptions lacked essential information, leaving candidates unclear about responsibilities and requirements.

No Job Posting:

Employers couldn’t post vacancies directly on the site, forcing them to depend on manual processes that slowed down hiring.

Ideate

Building on persona insights, I developed solutions to address user pain points. This included a streamlined ‘Quick Apply’, redesigned job detail pages, an intuitive ‘Post a Job’ form, pre-screened candidate options for employers, and automated updates—ensuring a seamless experience for job seekers and recruiters alike.

Card Sorting

To refine these ideas, I conducted card sorting with representative users. This process tested how content and features should be organised, helping ensure the navigation aligned with real user expectations and made key actions easy to find.
Visual of card sorting exercise showing how users organised content based on decision influencers, pain points, goals, usability, and feedback/preferences.

Colour Palette

Starting with the client’s existing brand blue, I built a complementary palette to create balance and clarity. Darker tones in the header and footer added strength, a rich button colour guided user actions, and a soft background kept the interface welcoming and accessible. Together, these choices created a cohesive, engaging, and professional experience aligned with the brand’s personality.

Brand Colour (#1EB0E6)

It conveys trust and professionalism, and anchors the overall aesthetic.

Header | Footer (#141522)

Structural elements like headers and footers, adding strength and sophistication while framing content.

Buttons (#344999 )

Buttons and interactive elements, guides users toward key actions and ensures visibility.

Background (#F1F9FE)

Page backgrounds, creating a soft, welcoming, and accessible environment.

Prototype

Building on the moodboard and colour palette, I translated key ideas into wireframes, starting with low-fidelity sketches and iterating to high-fidelity designs. To showcase this progression, I included an interactive slider that lets viewers compare two core pages, from rough wireframes to polished final designs.

Try it Yourself

Drag the slider left to reveal the polished, high-fidelity design, and right to revisit the early wireframe, tracing the evolution of the interface.

Usability Test

After building the prototype, I conducted usability testing with real users to see how easily they could search and apply for jobs. Observing their interactions revealed areas where layouts or interactions could be refined for a smoother experience.

Iterating based on this feedback, I improved the interface, and the results showed that 80% of users were able to complete an application in under two minutes, confirming that the process was both quick and intuitive.

Define & Deliver

After prototyping and usability testing, I delivered polished, responsive mock-ups for desktop, tablet, and mobile, along with key brand assets like colour palettes and typography. The redesigned live website clarified NDR’s services and guided visitors toward action. Clients highlighted smoother navigation, a stronger professional image, and an enhanced sense of credibility.

Check out More Projects

Neurabrand Ai

Neurabrand Ai

website design[dsm_dual_heading before_text="Revolutionising how brands engage audiences " middle_text="through bespoke AI avatars" middle_background_color="RGBA(255,255,255,0)" before_display_type="block" _builder_version="4.27.4" _module_preset="default"...

Tanzeel Tuition

Tanzeel Tuition

Social media graphics[dsm_dual_heading before_text="Empowering students to unlock their potential" middle_text="through evening and weekend learning." middle_background_color="RGBA(255,255,255,0)" before_display_type="block" _builder_version="4.27.4"...