# ORION - Job SaaS & UI UX Design

URL: https://rondesignlab.com/cases/orion-job-saas-ui-ux-design

> Discover how ORION simplifies job hunting with centralized listings, advanced filters, and AI-driven recommendations.

## ORION - Job SaaS & UI UX Design

![Dashboard Development | UX & UI Design](https://res.cloudinary.com/ducxztw9n/image/upload/v1752831219/orion_overview_screen_50d416528e.jpg)
*Dashboard Development | UX & UI Design*

Strategic Plan

## Clear strategy to meet user goals

ORION is a job opportunities platform designed to simplify job hunting. It centralizes listings from multiple sources. This strategic approach ensures users have access to the most comprehensive, up-to-date job options in one place.

> After studying the User Flow of the platform, we saw the need to reorganizer the data displayed in the results cards.
>
> — Alina L., CX Designer

> A/B testing showed us that users want the card to contain only job insights that are important to them.
>
> — Victoria P., Team Lead

> Ay the Brainstorming stage, we come to the conclusion that scanning and analysis of vacancies should be done by AI.
>
> — Jack L., CEO

![Screenshot from the Orion job SaaS mobile app case study, showing a UI dashboard with a meter.](https://res.cloudinary.com/ducxztw9n/image/upload/v1752500112/ui_dashboard_meter_mobile_app_a840bda635.webp)
*Business Development Dashboard | UX & UI Design*

![Screenshot of the Orion job SaaS mobile app dashboard displaying key recruitment metrics.](https://res.cloudinary.com/ducxztw9n/image/upload/v1752500104/mobile_dashboard_recruitment_metrics_d08b181900.webp)
*Mobile App Development | UX & UI Design*

User Research

## Collecting user feedback

During the user research phase, we gathered user feedback to identify challenges with the lck of personalized recommendations.

## Core Conclusions

### 67% of users

Were frustrated by searching multiple platforms for job openings. They wanted a single, organized feed showing all relevant listings to save time and effort. This showed ORION needed to provide a clear, filtered job feed.

### 58% of respondents

Received job recommendations that didn’t match their skills, causing confusion and lower engagement. Improving suggestion accuracy was essential to boost satisfaction and retention.

![Screenshot of a mobile app interface from the Orion Job SaaS, featuring a meter graphic within the UI/UX design.](https://res.cloudinary.com/ducxztw9n/image/upload/v1752500104/mobile_interface_meter_c9a5a1a67e.webp)
*SaaS Development | UX & UI Design*

![Graphic of Orion Design mobile app UI with the tagline "From search to success all in one app.".](https://res.cloudinary.com/ducxztw9n/image/upload/v1752500121/mobile_app_search_success_89956c70b4.webp)
*Product Design Services | UX & UI Design*

Problem and Solution

## Solutions for a new level

During the discovery phase of the ORION project, the team found that users struggled with fragmented job listings and unclear navigation. This made finding relevant jobs slow and frustrating, especially for first-time job seekers.

To address this, the ORION - Job SaaS ui / ux team focused on creating a unified platform that organizes listings clearly and offers easy filtering. Personalized AI suggestions were added to improve relevance and boost user engagement. This approach helped increase retention and reduce churn by simplifying the job search process.

### Problem

Users faced scattered job listings, confusing navigation, and irrelevant recommendations.

### Solution

A single platform combining all listings, easy-to-use filters, and AI-driven personalized suggestions. It streamlines the search experience, helping users find the most relevant options faster and with less effort.

![Mobile app screenshot showcasing the Orion Job SaaS UI/UX design.](https://res.cloudinary.com/ducxztw9n/image/upload/v1752500122/mobile_app_ui_ux_screenshot_d1fb8a769d.webp)
*SaaS Development Company | UX & UI Design*

![Screenshot of an AI-powered job search mobile app UI design.](https://res.cloudinary.com/ducxztw9n/image/upload/v1752500113/ai_job_search_mobile_ui_0b4dccd5cb.webp)
*Web App Development Service | UX & UI Design*

Logo Design

## Behind the ORION logo design

For the ORION - Job SaaS project, the design team developed a logo combining the letters “O” and “R” to reflect the brand name and its focus on connection. The symbol represents the link between users and job opportunities, aligning with ORION’s goal to simplify job searching.

This clean, balanced design supports the ORION UX/UI by creating a recognizable visual identity that works well across different platforms. The logo helps strengthen brand recall and contributes to user trust and engagement throughout the job hunting experience.

![Screenshot of the Orion Job SaaS mobile app UI design.](https://res.cloudinary.com/ducxztw9n/image/upload/v1752500109/mobile_ui_screenshot_dad3ba1739.webp)
*Design A Product | UX & UI Design*

![Screenshot of the Orion job search mobile app UI showing a Web Designer listing.](https://res.cloudinary.com/ducxztw9n/image/upload/v1752500113/web_designer_listing_mobile_app_75e2a1799c.webp)
*IOS App Design | UX & UI Design*

Mobile app

## Perfect match in your pocket

User research for the ORION - Job SaaS example showed that job seekers needed a mobile app that offers quick access to relevant listings and easy navigation. Many users found existing apps complicated and had trouble receiving timely updates, which lowered engagement and increased churn.

To solve this, the ORION UX/UI team designed a mobile app with straightforward onboarding, personalized job alerts, and real-time updates. The clean interface reduces the time spent searching and helps users stay informed, improving satisfaction and retention throughout the job hunting process.

## Main Highlights

### Real-time Analytics

Access up-to-date insights on job applications, listing performance, and hiring trends to help users and recruiters make informed decisions quickly and efficiently.

### Job Alerts

Get immediate notifications when new job openings matching your skills and preferences are posted, ensuring you never miss relevant opportunities.

### Intuitive interface

The user-friendly design simplifies job searching and hiring by offering smart filters, real-time updates, and easy navigation to help users find the right matches faster and with less effort.

![Screenshots showcasing the UI/UX design of the Orion job SaaS mobile app on iPhones.](https://res.cloudinary.com/ducxztw9n/image/upload/v1752500116/iphone_app_screenshots_cacdca928f.webp)
*Mobile App Design | UX & UI Design*

![Symbolic graphic representing the Orion Job SaaS UI/UX design.](https://res.cloudinary.com/ducxztw9n/image/upload/v1752500109/orion_job_saas_ui_ux_symbol_46a64307fd.webp)
*MVP Development | UX & UI Design*

Typography and color

## UI Typography and Color Scheme

We created a consistent visual system to support usability across devices. We selected the Lufga font for headings and body text because it offers clear readability and a modern tone that fits the job hunting industry.

The color palette uses yellow to highlight important actions and draw attention, black for strong text contrast, light grey for backgrounds and subtle elements, and white to maintain clean spaces. These colors help create a professional and approachable interface that guides users and improves focus.

![Mobile Application Design | UX & UI Design](https://res.cloudinary.com/ducxztw9n/image/upload/v1752832637/orion_fonts_colors_screen_b76117321c.jpg)
*Mobile Application Design | UX & UI Design*

![Mobile phone screen displaying a startup's AI-powered job SaaS interface.](https://res.cloudinary.com/ducxztw9n/image/upload/v1752500104/mobile_screen_ai_interface_37c64d1c62.webp)
*MVP Development Services | UX & UI Design*

Grid System

## Smooth and Bright Experience

For the ORION project, we chose a flexible grid to create a balanced and organized layout. This approach ensures consistent spacing and alignment, improving clarity and making the design adaptable across devices.

The grid supports a clean, easy-to-navigate interface that enhances the overall user experience in the ORION UX/UI.

![Website UX | UX & UI Design](https://res.cloudinary.com/ducxztw9n/image/upload/v1752832908/orion_grid_screens_557579afec.jpg)
*Website UX | UX & UI Design*

Landing page

## Comprehensive weather website

The ORION UX/UI landing page was created to deliver essential information clearly while reinforcing the brand’s identity. The layout supports easy navigation, making it simple for users to explore key features like the automated ranking system, blog section, and service overview.

This ORION example maintains visual consistency and a clean structure to improve user understanding and drive conversions. Featuring metrics such as 250k clients, the design helps build trust, increase engagement, and reduce bounce rates by highlighting benefits right away.

![UX Website | UX & UI Design](https://res.cloudinary.com/ducxztw9n/image/upload/v1752841769/orion_ux_ui_design_screenshots_9dca3a47cc.jpg)
*UX Website | UX & UI Design*

![Mobile screenshot showing the user interface for an AI job SaaS app.](https://res.cloudinary.com/ducxztw9n/image/upload/v1752500109/mobile_user_interface_ai_7374138467.webp)
*Web App Development Services | UX & UI Design*

Result

## Analyzing success indicators

We conducted a System Usability Scale (SUS) test to evaluate the platform’s usability and identify areas for improvement based on user feedback.

## Significant Efficiency Boosts

### Group A

Many users shared that ORION helped them find job opportunities that closely matched their skills and preferences. This personalized approach made their job search more efficient and relevant, improving overall satisfaction with the app.

### Group B

Users appreciated the simple and clear navigation within the ORION app. The straightforward layout made it easy for them to move between sections and find what they needed without confusion, enhancing their overall experience.

### Group C

Several respondents noted that filtering job listings was quick and intuitive. The clear filter options helped users narrow down results effectively, saving time and making the job search process smoother.

> The SUS score of 84.3 confirms that the new interface effectively addresses user issues and enhance overall usability.
>
> — Victoria P., Team Lead

!['UI/UX design screenshot of the Orion Job SaaS mobile app interface.](https://res.cloudinary.com/ducxztw9n/image/upload/v1752500122/mobile_app_screenshot_207305d505.webp)
*UX Service Design | UX & UI Design*

Branding

## Modern Identity

For the ORION app, we developed a clear brand system with documented guidelines for color, typography, and tone to ensure consistency across digital products and marketing.

We applied this approach to social media campaigns for stronger engagement and to merchandise for cohesive physical branding. By unifying the landing page, app, and marketing materials under one strategy, the ORION project created a professional, recognizable, and scalable brand.

![Logo and UI design for the Orion Job SaaS AI mobile app.](https://res.cloudinary.com/ducxztw9n/image/upload/v1752500109/orion_job_logo_ui_fef2518716.webp)
*Minimum Viable Product | UX & UI Design*

Result

## Things We’ve Done

We focused on creating a user-centered design that improves the job search experience. By integrating AI features and refining the interface, we delivered a more intuitive platform that better connects users with opportunities.

This approach helped increase engagement and demonstrated clear usability gains, aligning with ORION’s goals of supporting employment and meeting user needs.

> Well done! The new design and AI integration made the platform more intuitive and boosted employment rates.
>
> — Mike S., CIO, Orion

## Performance Highlights

The ORION app reached a strong SUS score of 84.5, highlighting its usability across key flows. User engagement also rose by 48%, showing that the platform successfully streamlined the job search process and delivered on user expectations.

![MVP Development | UX & UI Design](https://res.cloudinary.com/ducxztw9n/image/upload/v1752842298/orion_client_feedback_screen_aa08cf8ce9.jpg)
*MVP Development | UX & UI Design*

![Mobile device demonstrating UI/UX design for the job SaaS app case study.](https://res.cloudinary.com/ducxztw9n/image/upload/v1752500104/mobile_ui_design_024c9f2f2c.webp)
*Mobile App Design Services | UX & UI Design*

Next steps

## Supporting Development

The next phase for the ORION app focuses on implementing the design into code with close collaboration between developers and the design team. Our plan is to provide ongoing design support to the CEO and development team to ensure the final product aligns with the vision and delivers a consistent, high-quality user experience.

> We’re entering the next phase to implement the new design and need the design team’s support.
>
> — Mike S., CIO, Orion

![Startup MVP Development | UX & UI Design](https://res.cloudinary.com/ducxztw9n/image/upload/v1752842518/orion_next_iteration_screen_723e794b3a.jpg)
*Startup MVP Development | UX & UI Design*