HRS Innovation Hub – Project B

With millions of business travelers in the DACH region, consolidating travel details into a single, accessible space can simplify the complexity of managing itineraries, bookings, and real-time updates.

Research UX UI

Project Overview

Frequent travel can be stressful and complicated. Many travelers rush out of their homes early in the morning or leave the office after a long day to catch a flight, train, or car for their next meeting. Two major pain points for these business travelers are constant itinerary changes or delays and the need to gather information from multiple applications.

The Solution

Unfortunately, details of this project cannot be disclosed. Please contact me if you'd like to arrange a meeting to discuss further.

Client

HRS Group

My role

User research, wireframing, prototyping, collection + documentation of customer feedback and visual design

Tools

Sketch, Illustrator, InVision, Principle, TestingTime and Ethnio

Platform

iOS | Android App

Timeline

2017 - 2019

"Travel can be problematic… you're never saving time but rather loosing time”

André, Account Manager

The Process

Understand

Research on the Topic and Stakeholder Observations | Customer Segment

interview

Stakeholder Interviews: Onsite and Remote

pain points

Identifying Pain Points, Mapping Opportunities, and Defining Personas for Ideation

journey

Mapping the User Journey to Identify Interaction Touchpoints with Our Service

Brainstorm

Ideation Based on Personas, Pain Points, Opportunities, and User Journey

Wireframe

Wireframing and Prototyping Ideas from Ideation Sessions

Test

Testing Prototypes Remotely and Onsite

Code

Implementation of iterated concepts using React Native as the framework and launched them to a small pool of alpha users for further validation

Testing

For our remote testing sessions, users were recruited via TestingTime. We utilized tools like Skype, Silverback, and InVision for communication, recording, and sharing wireframe prototypes. User feedback was categorized and clustered into topics, aiding in the prioritization of features for each wireframe. Below is an image illustrating how the testing sessions were conducted.

The following image depicts how the testing sessions were realized

After the user testing phase, user and business requirements were consolidated into an MVP development plan. Once the MVP was developed, external users were recruited through ethn.io for additional testing.

User Interface

Using the elements from the wireframe prototypes, I created a style guide that outlined the MVP's look and feel. This guide included use cases for UI patterns, typographic scales, colors, and a set of icons. Additionally, these elements were consolidated into a Sketch pattern library.

Conclusion

Throughout this project, I gained valuable experience in collaborating with developers and product owners, deepening my understanding of native app development. Working closely with the product development team and the product owner allowed me to see the impact of my design decisions and leverage processes to create new features based on user feedback. I witnessed the entire software development process, from front-end to back-end—working with Python, Java, Swift, Objective-C, and finally implementing React Native.

During my 12 months on the project, I was primarily responsible for translating user feedback gathered from tests into efficient UX flows while maintaining consistency throughout the proposed solution. To support this, I implemented and maintained a scalable style guide with standard components from the early stages of development.

Aditional Discussion

Points not covered in this case study but worth discussing in person:

  • Wireframing different alternatives
  • User testing & evaluation
  • Visual design & style guides
  • Application front-end development