I was the first designer tasked with bringing MTC Tools—a previously desktop-only internal platform—into a scalable mobile experience. I delivered modular, reusable designs for search, navigation, and profiles that worked across multiple user roles within the Angular application.
Overview
The Missionary Training Center (MTC) needed to modernize its internal mobile app. Various departments were relying on a clunky Google Site that was inconsistent with the desktop application.
Goal: Create a consistent, scalable mobile experience that works across multiple user roles.
Role
UX Designer
Team
Myself and the Lead UX Designer
Timeline
2 months
Challenges
Inconsistent Experiences
Admin, User, and Mobile experiences all contained different data
Many User Roles
Content would vary widely depending on the user's role
Legacy System
Constant discovery of new functionality within a legacy system
Discovery
Gap Analysis
Data was consolidated and analyzed to create a single data model.
Component Testing
Users we're given a list of tasks and we're analyzed to see how they interacted with core components.
Desktop Design
Solving for Multiple Roles
Creating a Dashboard
Finalizing the Profile
Handoff & Implementation Support
After delivering final designs, I presented the component system and flows to a cross-functional team of designers, developers, and product managers. The modular nature of the designs made it easy to distribute development tasks across the team.
Though I shifted into a support role, I stayed involved throughout implementation to:
- Clarify design edge cases
- Validate development against design specs
- Contribute to QA reviews and feedback cycles
Result: A smoother design-to-dev handoff with minimal rework and higher design fidelity in the final product.
Takeaways
- Always start with the data
- Designing within technical constraints sharpens your problem-solving