Proton

A companion app that streamlines PM, manufacturing, and HR workflows for enterprise teams
Enterprise B2B SaaS Companion App
Project Screenshot

Roles

👩‍💻
UI/UX Designer Frontend Developer Interaction Designer Visual Designer

Tools Used

🛠️
Figma

Figma

Flutter

Flutter

Balsamiq

Balsamiq

Jira

Jira

Duration

Jun - Aug 2024 (3 months)

Research
Design
Iteration
Delivery
Research illustration

Research

User Journey illustration

User Journey

Design illustration

Design

Prototype illustration

Prototype

Reflection illustration

Reflection

The Problem

For many manufacturing organizations, critical workflows are still tethered to desktop-based systems. Shop-floor workers must leave their stations to reconcile inventory, supervisors lose time on paper-based tracking, and managers are often stuck waiting to approve documents until they return to their desks. These inefficiencies cause bottlenecks, delay projects, and frustrate employees across all roles. While existing ERP and HR platforms provide powerful tools, they often lack mobile-first solutions designed for quick, context-driven tasks on the go.

Hifi App Screen Mockup

The Solution

  • A mobile companion app that delivers condensed, role-specific features from the company's internal MES, HR, and document management systems.
  • Document review functionality enabling project managers and engineers to preview, comment, approve, or reject PRs, procedures, and memos with a few taps.
  • HR functionality with quick clock-in/clock-out, weekly projections, and manual entry for missed hours, all optimized for mobile.
  • MES functionality allowing workers to scan parts, reconcile counts, and update inventory live without leaving the shop floor.
  • Comprehensive dashboards providing users with quick access to crucial tasks and insights.

View Prototype

Goals

  • Efficiency: Empower workers to complete essential tasks directly on mobile, reducing time away from primary responsibilities.
  • Clarity: Present hours, inventory updates, and document approvals in simple, visual summaries that are easy to understand at a glance.
  • Continuity: Ensure seamless workflows with offline functionality and automatic synchronization.
  • Adoption: Provide a mobile-first experience that is faster and easier than existing desktop or paper-based methods.

Research

There are countless apps for enterprise-level manufacturing execution systems (MES), document review software, and HR services like time tracking, but there are very few that combine the functionality of two of the above, much less all three. Proton aims to fill this niche as a companion app to my client's existing hybrid software, while also serving as a competitor to several existing apps.

Based on my competitor research, I created a benchmarking matrix of existing adjacent apps to highlight what they do well vs. where they struggle. This should help me create pain points to address as I design.


Benchmarking Matrix


Pain Points

Disconnected Workflows

🔌

Key tasks like approvals, time entry, and inventory updates were locked to desktop systems, forcing delays and inefficiencies.

Approval Bottlenecks

🛑

Project managers often returned to stacks of pending documents, slowing projects and frustrating cross-functional teams.

Complex Part Picking

⚙️

Operators struggled with confusing interfaces and inconsistent inventory data, making it difficult to quickly identify, locate, and reconcile parts during active builds.



User Persona

From these findings, I developed two user personas to represent the multiple users of the app.

First, this is María, a senior technician who spends most of her time on the manufacturing floor. She wants to streamline her process and reduce errors while keeping track of inventory in real time.

Next is Daniel, an engineering manufacturing PM who is often on the go. He could perform his tasks like document review and time entry on a mobile device if such a solution existed, and hopes that a companion app for his company's MES could improve his efficiency.

Persona photo 1

María, the Senior Assembly Technician

Age: 34 Sex: AFAB San Antonio, TX Assembly Technician Associate's

Background

María has spent over 10 years working in manufacturing. She started as a line worker, and after years of hard work, was promoted to senior technician, where she oversaw part picking and assembly prep. She's known for her speed and accuracy, and she trains junior staff on her workflows, including picking parts and updating inventory manually, reconciling inventory on paper, and setting up workstations on time. She is comfortable with technology, but prefers simple, reliable tools that don't interrupt workflow while helping to reduce human error.

Goals

  • Complete part picking and reconciliation tasks quickly and without errors.
  • Keep inventory records accurate in real-time to avoid downstream issues.
  • Spend more time on actual assembly work, less on paperwork.

Needs

  • A fast, mobile-first way to scan and update inventory while moving around the shop floor.
  • Quick confirmations (visual/haptic/audio) so she knows her scan or entry worked.
  • Simple time-tracking on the go with clear weekly totals.

Frustrations

  • Current desktop-based inventory system requires her to leave the floor.
  • Paper-based reconciliation slows things down and risks mistakes.
  • Forgetting to clock in/out when moving between shifts or sites.

Personality

45%
70%
60%
90%
75%
Persona photo 2

Daniel, the Manufacturing PM

Age: 42 Sex: AMAB Stuttgart, Germany Project Manager Master's

Background

Daniel is an engineering PM who oversees multiple production lines in several different countries. He spends part of his day on-site, part in the office, and part traveling between facilities, but he needs to stay responsive while mobile; approving documents, monitoring workflow, and checking in with teams are crucial parts of his job. He is comfortable with enterprise tools, but frustrated by the desktop-only bottlenecks of his current MES software.

Goals

  • Approve/reject documents like purchase requisitions, procedures, and memos quickly to prevent delays.
  • Monitor production progress and inventory levels from his mobile device when off-site.
  • Reduce admin time so he can focus on strategy and problem-solving.

Needs

  • Mobile-friendly document review with quick approve/reject flows.
  • Real-time dashboards to check document status or assembly progress at a glance.
  • Notifications when items are pending approval.

Frustrations

  • Current approval processes get delayed if he's away from his desk.
  • Mobile ERP apps feel cluttered, slow, and inconsistent.
  • Difficult to get a “snapshot” of what's going on while traveling.

Personality

60%
80%
70%
65%
55%

User Journey

To define the scope of the app and ensure a smooth user experience, I thought through various user needs and created task and user flows. These flows covered basic app tasks like reviewing documents, picking and reconciling parts, and time entry. This helped clarify the essential steps, decision points, and potential friction within each journey.

This is the task flow for approving a document, then entering work hours into the app:

User Flow

Feedback

  • Dashboard: The dashboard seemed well liked, especially since it served as an information hub with all analytics thoughtfully displayed without clutter.
  • Document Review: Users commented that it may be helpful to condense documents to just the most important parts to avoid visual clutter, as well as allow reviewers to leave approval / disapproval notes.
  • Manufacturing: There are lots of unhappy paths to consider here, including intentionally picking more or less of a part to account for shortages or known defect codes, accounting for multiple lots of a part, and entering new inventory into the system. We were also given the suggestion to use NFC chips instead of barcodes for more efficiency.
  • Time Entry: The time entry page was generally well navigated; the main request was integration with Google Calendar, the calendar of choice for most interviewed users, so that scheduled meetings could quickly be converted to time entries.
User Feedback Visualization

Design

From these task and user flows, I began ideating on the designs of my main screens. The Dashboard would of course be where users start their journeys. From there, based on their needs, users could navigate to the Document Review, Manufacturing, or Time Entry modules from interactive cards on the dashboard, or a slide out menu accessible from any page.

In the mid-fi screen flows below, I incorporated user feedback and attempted to make the journey streamlined and easy to use.


Mid-Fi Flows

Time Entry Flow

Mid-Fi User Flow 1

Manufacturing Flow

Mid-Fi User Flow 2

Prototype


Full HiFi Render
Document Review Annotations

Stay in Control, Anywhere

Reviewing and approving documents is now as simple as a few taps. The interface highlights the most important details upfront, with clear action buttons for approve or reject. Contextual previews keep information concise yet accessible, so project managers can stay decisive without digging through files.
Review and approve critical documents from any device with a clear, simplified interface. A streamlined approval flow ensures nothing gets stuck waiting for sign-off, keeping projects moving forward.

Accuracy at the Source

The MES flow brings live inventory management to the shop floor. Workers can tap NFC tags directly at storage locations, verify counts, and reconcile discrepancies instantly. By eliminating paper slips and re-entry steps, the app reduces errors and ensures the central system always reflects reality.
The new part picking interface puts clarity first. Operators can view assigned parts by priority, see real-time stock levels, and mark items as picked in just a few taps. With a more guided workflow and intuitive layout, teams spend less time searching and more time building.

Manufacturing Page Annotations
Time Entry Annotations

Hours Made Simple

A lightweight time-entry interface gives employees control of their schedules on the go. Quick clock-in/out, editable manual entries, and a weekly hours summary make it easy to stay on top of payroll. Clear indicators flag missed or incomplete entries, helping employees and HR avoid surprises.
Entering hours shouldn't be a chore. The redesigned time entry screen simplifies the process to just a few inputs, while smart defaults and saved task categories speed up repeat submissions. Users can log time daily, weekly, or retroactively with ease - and integrated validation ensures records are accurate before submission. It's everything users need to keep projects on track, without slowing them down.


View Prototype


Reflection

Future testing illustration

Future Testing and Metrics

While early feedback from internal stakeholders has been positive, future rounds of usability testing will focus on validating the efficiency and intuitiveness of each workflow. Key metrics to measure include:

  • Task completion time: Reduction in the average time to pick parts, approve documents, or log hours.
  • Error rate: Decrease in inventory reconciliation errors or incorrect time entries.
  • Mobile adoption rate: Increase in the number of users completing workflows on mobile vs. desktop.
  • Approval turnaround: Shorter average time from document submission to final approval.

These metrics will help us refine navigation patterns, optimize task flows, and identify opportunities for additional automation or predictive features.

Growth Opportunities

There are several promising enhancements could further elevate the experience and extend the app's capabilities. AI-powered suggestions for common part replacements or approval workflows based on historical data could streamline the PM workflow and reduce project turnaround. Adding offline capabilities would enable critical actions like part picking and time logging without a network connection. Finally, cross-system integrations to create deeper connections with scheduling, procurement, and supplier systems could reduce data silos and improve planning.

Growth opportunities illustration
What I learned illustration

What I Learned

This project reinforced the importance of prioritization in mobile design - the companion app couldn't replicate the full enterprise suite, so success depended on identifying the 2 or 3 tasks with the greatest impact per role. Furthermore, I learned the value of balancing simplicity with depth, helping me create interfaces that feel effortless for everyday users while still supporting the complexity of industrial operations.
Additionally, I refined my skills in translating stakeholder requirements into actionable user goals, aligning technical constraints with design decisions, and advocating for mobile-first design in traditionally desktop-bound workflows. Most importantly, I gained a stronger appreciation for how thoughtful design can directly impact operational efficiency, team collaboration, and business outcomes.

All design work above created by Lauren Adams © 2025
Illustration Credit: unDraw
Stock Image Credit: Pexels