NextMe 2.0
Client: NextMe
Medium: Mobile
Technologies: React Native, Redux Toolkit, SWR, UI Kitten, Web Views
\ \ % ^ ' / " / \ > ) ^ : : ^ ^ ) c + ^ / ) < , _ , ^ = ^ _ _ + i / =
s < = _ _ _ / = = ) x % % < " \ ) ? ? r * l = ' + | " ^ / ' ` , ' ; "
, | \ = - : + ; ) / " " * I e J u n 3 p y ? ) / " > > / \ ) = + / ; \
} ) \ % i i | " i " ) ) c o h E X P b G 5 T [ l ) | s l i > = : _ _ +
/ = " | ) ) > = i ! r r " o o u d T # P Y w n c ) ) ) > ) : = / " , ^
' = | v i > x > ; : ) % < L w # 2 m F G $ E f = = i | + r ? ? ) ; _ '
' | % l l r s c " | v < | | o y y S V G 3 u f ) " ^ = " ) < < \ ^ ' :
, ^ / \ \ + ^ | < > \ l r " = ! T J f [ r T # t | ^ ; : i r > " _ , ,
; ; ^ / ) > < \ % i < l > = : , r [ c = | < ) l r % r % % ? I r v < |
- : < | + + < i x % v > | ; ' : : \ < : \ | \ i c v l { r } ] s ) " |
: ' , c l \ \ v i ) ) < > < \ | " ) \ \ > i i i % v \ ) < \ % s " ; ;
" " , = " ^ < \ ) ) < i i i v > \ ) > ) i i ) > i < " " = / | < % ; ;
/ , ' = ; ^ / = = = | < > ) < | < i | \ < < \ | | " / ; ; = + / x : _
' ' : , + + ^ , , ; + = ^ / " / ) | ^ " | | / + = + = ' ; ^ ^ = v / _
Challenge
NextMe's existing mobile application was getting outdated and they were looking to build a new app that leveraged their latest 2.0 API and a more modern user interface. The existing mobile app was also developed in Swift and only available on iOS which meant NextMe was missing out on the entire Android market.
Photo of old IOS application:
Photo of new Web application:
Additionally, with their current mobile application the are only able to support IOS users leaving out a whole section of the market of Android users. Who are unable receive the benefits of NextMe's product.
Solution
Worked with NextMe to come up with a list of requirements that would mirror their existing functionality on web and fit their budget.
After gathering requirements was able start developing their mobile application using React Native to be able to give them exposure to the android market as well as IOS market.
Furthermore, referring and mirroring their new implementation of the web application I was able to implement the following features
Wait list
Mirroring their implementation found in the web product for adding new guest to wait list to the new mobile application
With support for dynamic custom fields based on the queue the user is choosing for their guest:
With functionality for recalling previous guest based on phone number:
Guest List
To save space it was chosen to make a swipeable action for the user to update, delete, or to service a particular guest. Functionality of the buttons also changes if the guest is in the normal wait list or in the history of the guest that have already been serviced
The wait list also features functionality to refresh data every 10 seconds based on the data received from NextMe's APIs
Guest can also be filtered over and searched for in the waitlist:
Settings and Web Views
The product decision was made to use Web Views. Meaning we would show web pages in the mobile application rather then writing native code for these settings view. This allow for us to leverage the web pages already built in the web application.
To give a somewhat native feel to some of the web views. We decided to set cookies on the page so that actual webpage rendering the content could be a little more responsive to the need of the client.
Result
As a Result, A mobile application that is supported for iPhone, iPad, MacOS, android phones and android tablets!
An overall peek in organic downloads of the application for both android and IOS resulting in NextMe seeing over 80 businesses using the apps within the first month of launch, with no external marketing.
And receiving 5 star reviews like this one:
