Flow MSP project
Flow MSP project

Android, Backend, iOS app development, UX/UI May, 2021

Flow MSP - Fire


Role

UX/UI Design
Android app dev
iOS app dev
Quality assurance
Project Managment


Team

5 people

 


Timeline

3+ yrs


Location

USA

about the client


Pre-plan Fast. Respond Smart.

Flow

After watching a firefighter’s tedious process of public building pre-planning, transcribing this data into the records management system, with no possibility to carry this information to emergency locations, the CEO of FlowMSP understood that it was time to change this. That’s how the FlowMSP app idea was born.
When we jumped on board, an existing MVP app was looking for a perfect match to help it improve and grow. We matched and built a strong, trustful, and friendly relationship that works for the benefit of both companies to this day.

firefighter's

More than 200k Pre-Plans

FlowMSP is trusted nationwide by departments of all sizes. Chiefs, officers and line-firefighters enjoy the convenience and power of FlowMSP’s platform.

States

States

30
Departments

Departments

225+
Firefighters

Firefighters

7,000+

Challenge

Solution

Our team’s biggest challenge was saving and boosting the product that had many prospects but also needed to lower the learning curve for the new users and decrease the usage time needed to achieve their goals.

We have worked on the UX and UI sides of the app to make it more user-friendly. In addition, we redeveloped the app using native mobile technologies to bring the best out of them to the location tracking and map interaction functionality, improving the non-functional qualities of both applications (performance, loading times, capability of handling high numbers of users).

timeline time timeline time timeline time

Project Timeline

Implementation Roadmap

Project Timeline
Discovery pha Discovery pha Discovery pha

STAGES

01/ Discovery
Phase

Discovery
Discovery

01/ Discovery Phase


The structure of the app

The structure of the app

01/ DISCOVERY PHASE


Wireframes

UI/UX Design UI/UX Design UI/UX Design

STAGES

02/ Product Design

Product Design
Product Design
Blue

#1d88e5

Light Blue

#dfecf7

Green

#6fcf97

Yellow

#f5c31e

Grey

#959699

Dark Grey

#49525c

Aa
Open Sans Regular

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

02/ Product design


Final Design

User can add building information, hydrant information, site pictures etc.

Add pre-plan

Add pre-plan

Dispatch

Dispatch

gif

Add symbols to images

UI DESIGN UI DE UI DESIGN UI DE UI DESIGN UI DE

in action


Watch a firefighter create a pre-plan in 5 minutes.

Watch video

firefighter

development development development

03/ Development

03/ Development

development
development

03/ DEVELOPMENT

Technologies

We use the latest technologies to deliver user-friendly, scalable, and secure solutions as per your business requirements.


IOS

  • Swift Swift (RxSwift)
  • iOS SDK iOS SDK
  • MVVM architecture MVVM architecture

Android

  • Kotlin Kotlin
  • MVVM architecture MVVM architecture

Backend

  • Java Java
  • Garnment Spark
  • AWS Services AWS Lambda
  • MongoDB MongoDB

Integrations

  • Google Maps Google Maps
  • Firebase services Firebase services
  • AWS Services AWS services
  • Google services Google services
Lets try the apps! Download now! playStore

Lets try the apps! Download now!

AWARDS & HONORS

Upwork Logo

Top rated company since 2015

Clutch top companies recognition emblem

Top mobile app development 2018

Clutch top companies recognition emblem

Top B2B company 2019

Say hello

Contact us to build the right product with the right team

    Message sent! Thank you!

    Send another message

    Other Projects

    See all
    RoomMe project, UX UI design and web development case study

    RoomMe

    Read More
    FlowMSP, UX UI design case study

    FlowMSP – Water

    Read More
    My day, UX UI design case study

    My Day

    Read More