Hey! I'm Keri — a #product-designer and #ux-leader with 15+ years of experience crafting user-centric design strategies and leading cross-functional teams.
- Expert in user-centered design methodologies & UX strategy development.
- Spearheaded 30+ UX design projects with a combined budget of $110M.
- Enhanced product retention by 25% through strategic information architectures.
- Reduced product launch times by 20% using agile design processes.
I lead teams and transform ideas into impactful digital experiences, delivering innovative solutions that elevate brands and captivate audiences around the world. 🌍
👀 Check out some recent favorites below.
Explore my work in #portfolio, dive into #case-studies, or check out #services — or just hit the button below 👇


















I deliver Thoughtful, Useful, Well Made, Impactful & Beautiful experiences. Here's what I can help you with:
- Usability Tests
- Depth Interviews
- Online Surveys
- Competitive Analysis
- Synthesizing user research
- Affinity Diagram
- Customer Journey Maps
- User Personas
- Defining Navigation
- Sketching
- Wireframing
- Confirm requirements
- Lo & Hi-Fi Prototypes
- Interactive Prototype
- Finalize Design
- Brand unity check
- More Usability Tests
- Depth Interviews
- Compile testing data
- Recommendations
- Updates from testing
- More Testing
- Complete design
- Launch & Iterate
UX/UI Design for a Complex Contract Negotiation Application
My goal was to innovate and streamline the contract negotiation process within one of the nation's leading healthcare providers.
Allow the SPS & PCA Users to streamline the contract negotiation process.
Head of User Experience, Lead Product, UX, UI and Visual Designer and UX Researcher
Less than 2 months
What My Team and I Built for HCA Healthcare
As a Lead Product Designer on the Advanced Innovation team for HCA Healthcare, I was part of a highly skilled group dedicated to revolutionizing healthcare contract negotiation. Our team consisted of a Machine Learning Developer, another Developer, a Project/Product Manager, and a Product Owner. Together, we embarked on the HCA: Contract Negotiating Optimization project, aiming to innovate and streamline the contract negotiation process within one of the nation's leading healthcare providers.
HCA Healthcare operates 182 hospitals and over 2,300 sites of care across 20 states and the United Kingdom, including surgery centers, freestanding ERs, urgent care centers, diagnostic and imaging centers, walk-in clinics, and physician clinics.
THE PROCESS 1 — Research
For the research phase of the project I used the following methods: Usability Tests, Depth Interviews and Online Surveys.
Personas
I organized my data by creating personas that I could refer back to throughout the design process ensuring that I was designing for essential user needs and goals and to reduce the risk of feature bloat in my products.
THE PROCESS 2 — Analysis & Feature Prioritization
Users want real-time calculations and recalculations with quality and data validation built in.
Users helped with the challenge of identifying which business rules and KPIs to optimize around, and when per contract and service line.
Users also wanted the ability to add and edit patient add-ons that generate significant attention, i.e. extra days, emergency surgery, etc.
The following features would be implemented into the RCO Tool:
- Easy sign-on and login
- Ability to price specific service lines to get a better overall contract rate
- Easily compare previous years contracts — going back two years
- Not have to do any by-hand calculations and be able to trust the numbers the tool is showing
THE PROCESS 3 — Design
My design process would include User Stories and a Flow Diagram.
User Journey Map and User Flow
Based on the motivations in my user stories and from testing, I generated a list of user personas to help define the main tasks of users.
I then created user flows in Figma to break down the complex user stories and visualize the paths of action users take to achieve their goals.
This stage of the design process was critical in identifying the areas of cognitive overload and what users need to see on the screen.
User Flow
Next step in my design process was to work on the wireframes.
THE PROCESS 4 & 5 — Prototype & Design
In creating my wireframes, I focused on reducing confusion of the entire application, balancing the amount of content, visual balance, and user-friendly UI. To reach these goals, I stripped away extraneous features users were less interested in and my team's findings in the Feature Prioritizations List above.
UX UI and Product Design
For this project, I used Figma for the wireframes and design. In creating my wireframes, I focused on reducing confusion of the entire application, balancing the amount of content, visual balance, and user-friendly UI.
In my user flows, I recognized areas where the flows could be simplified through automation. Automating secondary actions would provide a more delightful and seamless experience for the user.
Conclusion — What I Learned
This project taught me effective time management for a very quick turnaround:
- This was a quick 6 week high-level project and the client wasn't even sure what the tool was supposed to be. Thankfully, my team was a great group of professionals and we figured it out.
- Save some suggestions for future releases. Users will always have ideas for additional features. At times, I found myself exploring ways to incorporate these nice-to-have features and losing sight of the project goals.
- Treat the users as the experts. During tests, users brought up some interesting scenarios I hadn't yet thought of. I asked the user what they thought would happen and they provided an amazing solution: "Two years of contract data max at any time."
- If possible, test, test and test some more. I used usertesting.com and Figjam for my user tests. Overall the Users were so excited that we were creating this tool for them.
- Request feedback for future development. I was thinking of the nice-to-have features and wondered if I might be missing other essential features that could be first added into future designs.
My Tools: Figma, Figjam, Miro, PowerBI, Excel, PowerPoint, Adobe Illustrator, Google Forms, usertesting.com, usabilityhub.com
After Effects RCO Logo Reveal
For fun and VP buy in, I did a cool After Effects Logo animation.
After Effects RCO Intro Animation
For fun and VP buy in, I did a cool After Effects intro animation.
UX Design & Prototyping for Airline App
The aim was to identify positive or negative areas in the airline booking process and apply the research & learnings to create wireframes & a prototype for an Airline app.
Design smooth & easy to use airline booking process flow
Sole Researcher & Designer
4 Months
The Problem
A majority of users opt to research & book their flights on desktop instead of mobile. There's a lack of confidence and ease of use in the mobile booking process. How can we optimise the mobile booking process to ensure confidence and perceived ease of use for the customer?
- What are the main goals and habits when booking a flight?
- What pain points are users hitting while booking flights on mobile?
- Are there any issues that slow down flight and date selection?
- Over complicated process for adding bags or oversized luggage?
- Can users modify flight details after the fact?
THE PROCESS 1 — Research
I conducted 4 Usability Tests comparing 2 airline apps, 2 Depth Interviews over Skype, and 1 Survey completed by 25 people. Key findings:
- "I don't like the way there's no click for search...in a perfect world there would be no scrolling." — Usability Test 1
- "I just feel like I'll mess up the booking if I'm using my phone." — Depth Interview
- Primary motivation for choosing an airline: price
- Main improvement requested: make the steps clearer with less distractions
THE PROCESS 2 — Analysis
Analyzing Specific Problems
The analysis of the Affinity Diagram and construction of the Customer Journey Map led to the conclusion that the areas that slow down customers the most & lead to the most frustration in the journey are date selection, flight selection & editing your booking.
Specifically ran into difficulty when customers were confused as to what date they selected and what they should do next. Issues when allowed to select dates only to be told later no flights were available on that date.
The biggest pain point — revolving around information architecture. Badly structured, overload of information and options led to confusion over outgoing & returning flights, flight availability & currency conversion.
The summary screen always lacks the final step that would make it truly functional — the ability to actually edit specific areas of your booking without having to go back to the start.
THE PROCESS 3 — Design & Sketching
Flow Diagram
Before getting into the layout of the app, I wanted to create a high level Flow Diagram to address issues highlighted in my Customer Journey Map. I first sketched out the general flow, getting very granular and going back and forth until I was happy with the iteration. I then translated my sketches to digital format using Adobe XD.
During the translation to digital I noticed other small issues I didn't spot while sketching, so I began to dynamically update the flow as I worked and learned more about the journey. This is something I would do throughout the project — a design is an evolving process that only lets you in on secrets the further you go.
THE PROCESS 4 — Prototype
Interactive Prototype
I used this to validate my low-fi designs. While I enjoy this process, it can be difficult to know how much detail to go into and when to stop. I wanted my prototype to be exactly that, a prototype — its function is to test and validate, it does not need to do everything right now. I stopped at a point where I believed I had solved the problems found during research/analysis and where I was relatively happy with the layout/design.
Annotated Wireframes
Wireframes might be considered a subset of prototyping, however, they are a huge undertaking and vital piece of work if you want to get your designs built by developers as you imagined. I found the most difficult and time consuming part was detailing every function that the forms should perform. A high fidelity tool like Axure may have been useful here.
THE PROCESS 5 — Testing
Now it was time to validate my designs with real users. To do this I would once again conduct Usability Tests just like I had done at the start of the project.
The objectives of testing the prototype at this point are:
- Gain insights from the user
- See if we meet user's expectations
- Check if the design is matching the goals
- Check if the user can perform the tasks proposed
- Find out if we're on the right track
- Get user reactions and feedback
Tasks:
- Book a 1 week holiday for 2 adults & an infant, changing the flight day at the end.
- Book the flight again, but this time add hold luggage and oversized baggage.
Overall, conducting Usability Tests on the Prototype revealed that the solutions I had designed were valid, helped improve the flow and didn't expose any other issues or bottle necks in the booking process.
I paid particular attention to the date selection and the extra affordances I added and was pleased to see that there was no hesitation from the user as to what the next step was.
The simplified layout of the flight selection screen with emphasis on price was equally successful, with users quickly scanning the page and selecting the cheapest flight without any hesitation.
The option to edit flight from the summary screen seemed to come natural to the user where they actively looked for this option instead of going to the back button for fear of losing their already inputted criteria.
Fly UX — Final Results & Conclusion
The UX process influenced every bit of the final flow and design. Key outcomes:
- Added more feedback and affordances to date selection — removed confusion, sped up booking
- Improved flight selection layout — customers could better digest content and feel confident
- Ability to edit flight details without restarting removes frustration and builds trust
Key learning: When it comes to booking a flight, price is still perceived as more important than the experience. Simplicity goes a long way.
UX/UI Design for a Mobile Kidney Application
My goal was to create a mobile healthcare, elearning, social, health and progress tracking, calendar, alerts and video conferencing application for pre and post operative kidney patients.
Allow pre and post operative kidney patients to find the resources they need to stay on transplant lists.
Product, UX, UI and Visual Designer and Researcher
5 months
Background Information
My challenge was to fit all of the functionality of a healthcare, elearning, social, health and progress tracking, calendar, alerts and video conferencing application for pre and post operative kidney patients.
Research shows that no less than 15% of post transplant patients die because they forget to take their pills. Transplant patients need to take immunosuppressant drugs that help prevent their immune systems from attacking the new organ.
THE PROCESS 1 — Research
In order to gather insight I conducted generative research with the goal of stepping into transplant patients' shoes. A series of interviews with patients and subject matter experts (transplant surgeons, nurses) and a review of current research on medical adherence.
THE PROCESS 2 — Analysis & Features
The following features would be implemented into the mobile app:
- Easy sign-on and login
- Watch webinars, get handouts, ask questions through video
- See daily, weekly and monthly to-do list and track progress
- Get reminders about upcoming appointments
- Patient will be able to see a list of transplant evaluation test names, when they were performed and when they will be due next
THE PROCESS 3 — Design
My design process would include User Stories and a Flow Diagram. I created user flows in Sketch to break down the complex user stories and visualize the paths of action users take to achieve their goals.
THE PROCESS 4 — Prototype
For this project, I was asked to do wireframes in Powerpoint. In creating my wireframes, I focused on reducing confusion of the entire application, balancing the amount of content, visual balance, and user-friendly UI.
Conclusion
This project taught me to outline a project roadmap factoring in at least 20% additional time. Test early and test often! Discovery is natural — during usability testing, I found out what didn't work and also noticed how users navigated through the app.
Tools: Sketch, Adobe XD, Invision, PowerPoint, Adobe Illustrator, Photoshop, usertesting.com
Product, UX/UI Design for a Mobile Payment Application
My goal was to allow a user to be able to order drinks, split a bill, pay a bill when dining out with friends at participating establishments.
Allow a user to order drinks, split a bill, pay a bill at participating establishments.
Product, UX, UI and Visual Designer, Researcher and Branding
6 Months
Background
Waitless is a mobile app concept created to disrupt the pay-at-table, split check restaurant and bar-tab mobile app categories. The app removes the user from the lines, gives them more control over ordering and payment, and ultimately makes the occasion more fun and enjoyable.
THE PROCESS 1 — Research
For the research phase of the project I used the following methods: Usability Tests, Depth Interviews and Online Surveys.
I determined my target market by sending a survey screener across social media, interviewing a select few about their venue experiences, and gleaning mobile payment insight from the following sources:
THE PROCESS 2 — Analysis & Features
I reviewed Tabbed Out, Velocity, and Orderella — then stripped out the best features from each. The following features were implemented:
- Discovery by geolocation — nearby participating establishments
- In-app checkout with real-time order tracking
- Split-tab calculator & auto-closeout based on geolocation
- Auto-applied promo codes, tip preset, preferred-drink preset
- Discount / Perks / Rewards (DPR)
THE PROCESS 3–4 — Branding & Design
Simultaneously with the UX, I designed the brand identity and visual design systems. The logo is built up using three visual concepts: Personal, time sensitive, and effortless. The color system is fresh, inviting, and lively — inspired by a group of young professionals enjoying a fun night out.
Type system: Karla for headlines (quirky professionalism) and Lato for body content (modern, light weight for scanning drink menus).
Apple's Human Interface Guidelines
I adhered to Apple's Human Interface Guidelines and principles to design the watch app. I also conducted user interviews of Apple watch users to get an understanding of how they used the watch. Watch users utilized their wearable most frequently for notifications and quick access to data. I used this information to create the following screens:
THE PROCESS 5 — User Testing
I conducted user tests on lo-fi wireframes and received invaluable feedback. Users with Android devices disliked the labeling system for unassigned friends — I replaced the avatar placeholder icon with a more semantic one. I also explored card content layouts using Usability Hub's Preference Test feature.
Conclusion
Key learnings: Build a list of terms and determine usage early. Save nice-to-have features for future releases. Treat the users as the experts — they provided the best solution: "Two orders max at any time."
Tools: Sketch, Adobe XD, Invision, PowerPoint, Adobe Illustrator, Photoshop, Google Forms, usertesting.com, usabilityhub.com
AF Flight Training Scheduler
An example of where I used data to create a more valuable user centric design for a Web Application for the US Air Force.
USAF Web Scheduling Air Force Application
UX/UI, Design, Animation & Interactivity
6 Months — Active
About the Project
USAF Flight Training Scheduler is a dashboard application specifically designed to support the US Air Force in managing various aspects of pilot training. This comprehensive application tracks pilot training, trainer schedules, fuel consumption, aircraft maintenance schedules, and other relevant information.
Previously, the Air Force relied on an Excel file for managing these tasks. However, this approach proved inefficient and prone to errors when multiple individuals attempted to edit the file simultaneously. I worked with Engineers, Developers, Air Force Pilots and Air Force Pilot Trainers on this project at Anno.AI.
Anno.AI went through 20 other Designers and leaders that couldn't figure out the project before they found me. I thrive in making the ambiguous and complex simplistic. This software has been successfully deployed at most US Air Force bases.
The Solution
The AF Flight Training Scheduler leverages data and utilizes advanced behavioral machine learning models. These models enable the creation of intuitive visualizations and interactive dashboards, empowering all flight trainers to effectively monitor and manage courses, students, trainers, and other pertinent details for up to one year.
Interactive Prototypes
Impact
By adopting this application, the US Air Force can streamline and enhance the efficiency of their flight training operations, ensuring accurate information, reducing errors, and providing a centralized platform for collaborative scheduling and tracking. I am so proud of this project.
Tools: Illustrator, Figma
UX Design & Prototyping for Conversational Chatbots
Project worked on under NDA from 2019 to 2023. The aim was to identify areas to improve the chatbot experience for all users.
Design smooth & easy to use chatbots
Sole Researcher & Designer
2019–2023 (off and on)
About the Project
Over a span of five years, I devoted significant energy to engaging with NLP (Natural Language Processing), AI (Artificial Intelligence), and ML (Machine Learning) models within the field of chatbot design. I collaborated on projects utilizing these technologies during my tenure at Anno.AI, Pacific Dental Services, Dexcom, and iAdvize.
The goal was to identify the problems of chatbots and design White Label solutions. I followed IDEO's Human-Centered Design and the Lean UX Design Thinking process.
Chatbot Examples
VERSAI — Mobile Chat AI App
A mobile chat application utilizing NLP — Natural Language Processing, AI — Artificial Intelligence and ML — Machine Learning models. VERSAI is your personal AI-powered assistant, ready to help you navigate your day and provide valuable insights.
Outcomes & Learnings
- Chatbots can be annoying — make the chatbot process seamless for the user
- Users can find chatbots irritating and want human connection
- If a user can reach their goal while using a chatbot, they will
- If the chatbot experience is done properly, people don't mind engaging with them
Bitcoin Admin Dashboard Design
An example of where I used data to create a more valuable user centric design. My finance bitcoin client asked me to come up with something I had never done before and make data fascinating.
Interesting Dashboard Design — make data the focal point
Design, Animation & Interactivity
1 Month — Active
About the Project
My finance bitcoin client asked that I not do a typical admin dashboard but make it interesting and make the data be the focal point. This was a challenge I thoroughly enjoyed — combining financial data visualization with engaging visual design.
I started with custom charts built in Illustrator and Figma, then evolved them into an animated, interactive admin dashboard that showcases Bitcoin data in a visually compelling way.
Design Process
Notes
- An example of using data to create a more valuable user centric design
- Client asked to not do a typical admin dashboard — make data the focal point
- Data visualized in compelling, animated way throughout the design
Tools: Illustrator, Figma
Design Systems Expertise
Custom design systems built in Figma — from component libraries and token systems to full web and mobile design languages used by enterprise teams.






Let's Talk!
I'm actively looking for new opportunities. Whether you're a recruiter, design director, agency, or business owner — I'd love to connect and discuss how we can work together.
Just reach out with your project details and I'll schedule a consultation to discuss how we can achieve your vision.
📧 klm@kerilynnmitoff.com 💼 linkedin.com/in/keri-lynn-mitoff 🌐 kerilynnmitoff.comRecruiter: 16+ years of experience across product, UX, UI, and brand. Actively looking for a new role.
Design Director: I take pride in my craft, love mentoring designers and thrive in complex, ambiguous environments.
Business Owner/VP: I provide user-focused design solutions that drive engagement and support growth.