SPO

Branding

Colour Scheme

Building on the client's brand identity, accent colors that enhance warmth and approachability while maintaining a professional aesthetic are incorporated.

Typography

The Inter typeface elevates the design with its clean geometry, balancing professional clarity with approachable readability.

Components

Rounded elements are incorporated throughout the interface to create a more welcoming user experience and achieve a modern, friendly aesthetic.

About The Design

This design creates a warm and inviting digital space to enhance visitor engagement, using rounded shapes and soft edges to evoke a friendly, approachable aesthetic. The intuitive layout ensures effortless navigation, making the browsing experience both enjoyable and memorable for users exploring the site.

To further optimize engagement, strategically placed quick-action cards at the end of each page guide visitors toward relevant content, encouraging deeper exploration. This thoughtful approach not only improves user interaction but also helps increasing the overall visibility of the other pages.

Design Showcase

Home Page —— Featuring an immersive video hero banner instantly engages visitors, showcasing our commitment to health and safety through compelling visuals.

Join The Team Page —— Combines tag-based browsing with aspirational journey visuals to balance immediate roles with long-term growth potential.

Quick Access —— Featuring quick access to recommended pages, the design creates a more engaging and interactive experience by guiding users to relevant content effortlessly.

Mobile Page —— Explore responsive designs maintain brand consistency across devices, with touch-friendly adaptations of desktop layouts for seamless cross-platform experiences.

Explorations

Desktop Experience

Experience the full desktop mockup designs with intentional choices for visual harmony.

View Desktop (Mockup) arrow_outward

Mobile Experience

Experience the full mobile mockup designs with stacked layouts, touch targets, and adaptive designs.

View Mobile (Mockup) arrow_outward

Live Site

Experience the live website in action, showcasing its real-world functionality and flow.

View Developed Site arrow_outward

Going Forward

This project taught me the critical role of accessibility and how design choices impact user experience. If I could revisit one thing, I’d redesign the contact page to prevent the image from being stretched when the form expands opting for a layout that maintains visual integrity.

SPO