DSO Career Hub Microsite

About

DSO National Laboratory approached Bonsey Jaden to create a careers microsite as part of their recruitment campaign. The microsite needed to seamlessly integrate three distinct key visuals representing full-time careers, scholarships, and internships, while capturing the essence of the DSO brand.

Scopes

• Creative direction

• Brand analysis

• Website design

• UI/UX design

• Motion design

Challenge

The primary challenge was to incorporate three different visual styles—each tailored to distinct audience segments—into one cohesive microsite. Each section needed to maintain its unique look and feel while aligning with DSO’s brand identity. Additionally, the microsite had to ensure smooth navigation, intuitive usability, and an engaging experience for diverse users, from students to professionals.

Design Process

Phase 1: High-Fidelity Prototyping

Given the tight timeline and the need to integrate pre-existing visuals, we opted to skip the wireframing stage and moved directly to high-fidelity prototypes. This accelerated the creative direction process while allowing the team to iterate efficiently based on client feedback.

Phase 2: Creating the Career Hub

The microsite was designed as a central hub, featuring a clean and intuitive landing page that acts as a gateway to the three distinct sections:

1. Careers

2. Scholarships

3. Internships

This approach ensured that users could seamlessly navigate between sections tailored to their interests.

Phase 3: Section-Specific Designs

The DSO Careers Section

• Inspired by the client-provided visuals, we designed a futuristic page emphasizing innovation and technology.

• Color Palette: Deep blue and red highlights created a neon effect to evoke curiosity.

• Interactive Features: Tabs and dynamic elements showcased career stories and opportunities, encouraging users to explore.

The DSO Scholarships Section

• We crafted a page that exuded confidence and intellectual curiosity by incorporating bright colors and engaging micro-interactions.

• This design encouraged aspiring scholars to delve into DSO’s educational opportunities.

The DSO Internships Section

• This section featured vibrant visuals and dynamic interactions to resonate with young audiences.

• Interactive Features: Scrolling cards, parallax effects, and pop-up modules highlighted internship projects and opportunities, creating an immersive experience.

Phase 4: Motion Design Integration

Micro-interactions, transitions, and parallax effects were implemented across the microsite to enhance user engagement and bring the visuals to life. These elements provided a seamless and intuitive user experience while aligning with the futuristic and innovative tone of the DSO brand.

Final Phase: Development and Testing

In the final phase, our team collaborated closely with our developers to ensure the design was accurately translated into a functional microsite. We conducted rigorous testing to guarantee responsiveness across devices and browsers, ensuring a consistent and engaging user experience.

Impact

The DSO Career Hub microsite successfully integrated three distinct visual styles into a cohesive, user-friendly design.

• Client Feedback: The clients were highly satisfied with the outcome, praising its alignment with the brand and its ability to engage diverse audiences.

• User Experience: The microsite provided an engaging and intuitive platform for full-time career seekers, aspiring scholars, and interns, making it easier to explore opportunities at DSO.

The microsite is now live within DSO’s official website, serving as a dynamic recruitment tool that reflects the innovation and energy of DSO National Laboratory.