UX Case Study: Workflow Designer

SaaS App Workflow Designer tools can help business users to create quick plans and automate their daily basis workflows.

App Cover

My Role

My role was to process the initial thinking, wireframes, user interface designs and prototyping.

Rent-A-Car Workflow Process

Target Market

Potential users of this SaaS app are business users who need to automate their daily basis workflows. Which should be easy to use, highly flexible and have a modern user interface.

Key Deliverables

A number of deliverables were required for the project, including:

  • Personas and scenarios
  • Design and usability recommendations for improvement
  • User flows
  • Product sketches and wireframes
  • Prototype of designs

User Flow

I design a flow that allows a smooth user experience. Given that users may be looking for something specific or be inspired while browsing, any business has the flexibility to add places and create new lists from multiple points in the website. This flow shows the below types of users:

  • Save, update and share the entire workflow process with other business users.
  • Easy to understand field elements with their respective icons.
  • Creating simple rules for complex business decisions.

Wireframes

Now, I have already gathered enough information to get started with the wireframes. I created this set of wireframes of all of the key screens needed to complete the main user tasks.

Default Screen
Existing Workflow
Conditions

User Interface

Now it is time to proceed with the visual design. I tried to maintain clean design and contrasting colors, but went for bright colors.

Intro Page
Dashboard
Open A New Workflow
Sample Step With Different Fields
Complex Structure

Conclusion

Although this SaaS app concluded with a solid prototype, I would still like to continue testing and improving the design.

UX Designer & Front End Developer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store