How We Revamped a Recruitment Detail Page for a Younger, More Engaging Experience

Design Process

With the overall experience upgrade of 58APP and the timing of the July super‑job season, we launched a redesign of the recruitment detail page to create a younger, warmer experience that offers fresh visual perception and a better user journey.

We approached the redesign in two stages: research and design output.

Stage 1 – Research Exploration

We translated business goals into design goals. Early research (experience walkthroughs, user interviews, data analysis, competitor benchmarking) revealed three main pain points: low page consistency, inefficient information search, and low user trust.

To address these, we set two design objectives:

Optimize information architecture to improve consistency and reading efficiency.

Introduce a sense of "situational feeling" to enhance emotional experience.

Stage 2 – Design Output

After defining the goals, we generated concepts, emphasizing experience‑level improvements. We broke the usual workflow by adopting a "co‑design" approach, allowing interaction and visual designers to collaborate closely.

This collaboration yielded faster, more complete solutions and sparked additional creative ideas.

Design Thinking

From Efficient Information Retrieval to Enhanced Emotional Connection

We discovered that the detail page serves as the bridge between companies and job seekers, primarily helping users quickly find job information and connect with recruiters. The existing hierarchy was unclear, tags were numerous and inconsistent, and important information was buried.

Our solution focused on two aspects:

Information Re‑organization : Re‑classify modules (job info, publisher info, job details, company info) to prioritize critical data, streamline tags, and unify visual style for consistency.

Designing Situational Feeling : Combine scenario, characters (job seeker & HR), and emotion to create a warm, trustworthy page.

Step 1 – Scenario Creation : Define the context (job‑search scenario) and the characters involved.

Step 2 – Emotional Design : Enhance participation and trust.

Participation : Design an interactive browsing flow that guides users from information search to company immersion, encouraging active engagement.

Trust : Integrate assurance badges and a unified reporting module to increase credibility.

Step 3 – Scenario Extension : Adapt the design for special campaigns (e.g., large‑scale job‑hunting events) by customizing colors, module order, and content while keeping the core layout consistent.

Summary and Reflections

After launch and final walkthrough, the project concluded with several key takeaways:

Translate business objectives into quantifiable design goals, establishing measurable evaluation criteria.

Focus on the main design path to improve efficiency; define the primary style first, then branch into detailed scenarios.

Engage developers early to verify feasibility and align with underlying product logic, reducing rework.

Even if some features cannot be implemented immediately, the explored solutions enrich future redesigns.

Design iterations will continue, and we hope the insights shared here inspire further improvements in future redesign projects.