OSM App

Client:
OSM Maritime Group

Project:
Development of eCrew Mobile App

Purpose:
To create a user-friendly mobile application that enables seafarers and applicants to access and manage personal data, including experience records, payroll details, and submitted documents.

Scope:
UI/UX design focusing on seamless navigation, clarity, and engagement for users in the maritime industry.

Challenge:
Seafarers and applicants often face difficulties with managing their personal data, tracking payroll, and accessing important documents while on the move. Existing solutions lacked intuitive interfaces, leading to frustration and reduced engagement. The challenge was to design an app that:

Provides quick access to personal and professional information
Ensures data security
Is accessible and easy to navigate even in low-connectivity environments
Enhances user engagement through a clean and functional UI/UX

Goals:
Deliver a streamlined and intuitive user experience
Enable easy management and updating of personal data
Facilitate secure access to sensitive information
Support onboarding and ongoing engagement
Ensure consistency with OSM’s branding and marine industry standards

Design Process
1. User Research & Personas
Conducted interviews with seafarers, crew managers, and applicants
Developed personas representing different user groups:
Experienced seafarers managing their records
New applicants onboarding via the app
Crew managers overseeing documentation and payroll

2. Information Architecture
Mapped out core features:
Personal Profile & Experience
Payroll & Compensation
Submitted Documents & Certifications
Notifications & Updates
Settings & Support

3. Wireframing & Prototyping
Created low-fidelity wireframes emphasizing simplicity
Developed interactive prototypes focusing on task flows:
Updating personal info
Viewing payroll history
Uploading and verifying documents

4. Visual Design
Adopted a clean, professional aesthetic aligned with maritime branding
Used maritime-inspired color schemes: navy blue, white, and accents of orange
Prioritized readability with clear typography
Designed intuitive iconography for easy navigation