Abel Personnel Website Redesign Concept

Abel Personnel is a long-established staffing and recruiting firm serving employers and job seekers throughout Central Pennsylvania. The goal of this redesign concept was to explore how the existing brand could be modernized while preserving trust, clarity, and accessibility.

Rather than treating the project as a purely visual refresh, I approached it as a full user experience and performance exercise: simplify the navigation, improve content hierarchy, create a more polished visual system, and build the foundation in a way that could remain fast and scalable inside WordPress.

Staffing websites are uniquely challenging because they need to speak to employers, job seekers, existing clients, and internal teams at the same time. If the structure is unclear, users can quickly become unsure where to go next.

• Dense navigation needed clearer organization.
• Calls-to-action needed stronger visual priority.
• Typography and spacing needed a more consistent system.
• Mobile usability needed to feel cleaner and more intentional.
• Performance needed to be preserved despite using WordPress and Elementor.

I began by creating a reusable visual foundation: typography, colors, spacing, buttons, cards, navigation treatments, and utility classes. This gave the redesign consistency before individual pages were built.

The design direction used Inter Tight for headings and Inter for body copy, creating a clean professional tone with excellent readability. The color palette refined the brand around navy, corporate blue, light blue, teal, and gold accents.

From there, I created reusable interface patterns for service cards, hero sections, calls-to-action, navigation groups, and resource blocks.

One of my core specialties is building WordPress and Elementor websites that still perform well. For this project, performance was considered from the beginning rather than handled as a final cleanup step.

• Optimized font strategy and typography loading.
• Reduced unnecessary visual bloat in the interface.
• Created reusable CSS patterns instead of one-off styling.
• Planned image optimization for responsive layouts.
• Used performance testing to guide development decisions.

This project demonstrates how I approach website redesigns: combining strategy, design systems, WordPress development, accessibility, responsive behavior, and performance optimization into one cohesive process.

The result is not just a better-looking website. It is a stronger digital experience that is easier to use, easier to maintain, and better positioned to convert visitors into action.