COATESVILLE PD CAREERS / CITY OF COATESVILLE
A career with purpose.
A path to serve.
A dedicated recruitment destination for the City of Coatesville Police Department—connecting the people behind public service with the next generation of applicants.
Web design · Content organization · Recruitment UX · Responsive development
SERVICE STARTS WITH PEOPLE
01 / WEBSITE SHOWCASE
THE NEXT
CHAPTER.
● ● ● coatesvillepdcareers.com
Full homepage · public website capture · November 2026
A FOCUSED CITY EXTENSION
From civic identity
to career opportunity.
The City website serves many public needs. This dedicated microsite gives prospective police and civilian applicants a focused place to understand the department, explore benefits, and find current openings.
Department culture → career information → application guidance → current openings.
02 / THE CHALLENGE
Make a meaningful career
easier to explore.
Build confidence.
Show applicants the mission, values, and community relationships behind the role.
Clarify the path.
Separate career exploration, hiring guidance, and the application process into clearly named destinations.
Connect to action.
Keep current openings within reach through visible links to the department’s recruitment portal.
03 / PLANNING & UX
An applicant journey,
not just a job listing.
Retrospective planning studies illustrate the approach: establish purpose, answer career questions, and make the next step visible.
01 / SKETCH
Why serve here?
Purpose
People
Community
Start with the questions behind a career decision.
02 / WIREFRAME
A clear reading order.
Mission → Benefits
Requirements → Process
Current openings
Give each stage a recognizable place.
03 / RESPONSIVE CONCEPT
One next step.
Explore
Understand
Apply
Stack information into a focused mobile reading path.
Explore → Understand → Apply
Community stories introduce the work. Benefits and qualifications help visitors assess their interest. Application guidance and persistent careers links connect that interest to the external Zoho Recruit portal.
04 / VISUAL IDENTITY
Purpose in black.
Possibility in orange.
Signal orange
#FF7E00
Near black
#030303
Cool gray
#A8ABB4
White
#FFFFFF
Heebo
Light headings · Regular body · Sans serif
The live site uses Heebo, with orange highlights against dark surfaces. The palette carries that character into this case study; gray is a supporting reference tone.
Aa / 0123
Open spacing. Clear hierarchy. Direct action.
Department imagery and the official badge keep the recruitment experience connected to the City of Coatesville.
05 / DELIVERABLES
Designed for the
decision to serve.
Actual website imagery · community service in focus
A dedicated careers home.
A distinct recruitment microsite extending the City’s digital presence, with department identity, mission, and community context.
Career information, organized.
Benefits, growth opportunities, candidate qualities, role navigation, and hiring guidance presented around applicant needs.
A visible application route.
Clear calls to action connect the public website to current openings in the department’s external recruitment system.
06 / COMPETITIVE ADVANTAGE
Show the purpose.
Then show the path.
Community context
Actual department imagery and service stories help applicants understand the people and place behind the position.
Recruitment focus
A dedicated destination brings career information together in one experience, connected to the City’s wider identity.
Clear progression
Purpose, benefits, requirements, and application links support the journey from curiosity to a considered next step.