Case Study: How We Upgraded RetailOps, a SaaS Retail Platform

191 Views
|
29 Jan 2020
|
7 min
author avatar
Maria D.
Copywriter

Had never found a retail system working from inventory-in to order-out, RetailOps founders designed it from scratch.

Built by retailers for retailers, RetailOps was supposed to help users focus on business, not technology.

The app itself was doing a lot, but the founders realized it wasn’t very attractive nor modern. That’s when they’d decided to upgrade it and contacted us.

Our task was to turn an old-versioned iOS app into a modern retail platform, create a brand-new UI, and develop a desktop app for connecting printers.

How we did it, what challenges were solved, and what we learned in the process – in this case study.

The Story Behind RetailOps

RetailOps customers run large warehouses – they check inventory levels, make move transactions, adjustments, cycle counts, and other workflows.

The software is mostly used by workers, and they have thousands of orders coming in every day.

As they move around the storage all the time, the software they use must be both flexible and portable.

But what RetailOps team had was an old-versioned iOS app written in Cordova instead of native iOS-language. With outdated UI and missing a few key features.

How Did We Start

Our customers had a clear vision of RetailOps’ business model, customer segments, and revenue streams.

We had to agree on the features, UI design, and development strategy.

We started with four weeks of research and planning, assigned a Business Analyst to estimate the project, and held nearly 20 meetings to clarify the requirements.

How much your app costs?
Get a free estimation from our Business Analysts, at no charge.

As a result, RetailOps’ co-founders said ‘yes’ to building a desktop app for connecting printers and reengineering the old iOS app with an all-new UI design.

How did we do it?

First, we created wireframes to show how the app would look like and got them approved by customers.

RetailOps wireframes

RetailOps design wireframes

Next, agreed on a scope of work, the BA team estimated the cost. Then we signed the contract beginning the full-scale development process.

The Development Process

We had a strict deadline, two apps to build, and UI to redesign.

We worked under Time and Material pricing. Created a Windows app first, then redesigned and reengineered the iOS app.

?

How do we build mobile apps? We've uncovered the process – check it in our ' Steps To Build A First-Rate App At Cleveroad' article.

As for our engineers, they used the Agile approach working in two-week scopes, starting out fast, and prioritizing tasks.

Project Challenges

Yep, the project was not without challenges.

Here are the main issues we faced when working on RetailOps – and how we solved them.

Clients’ back-end

RetailOps was hosted on a single server instead of multiple, and sometimes this server didn’t respond. To meet the deadline, our team switched between tasks and got back to server-related parts later on.

10-hour time gap

Our customers live in the USA, and we had to deal with a 10-hour time zone gap. We created an individual schedule of meetings to bypass the gap and keep in touch with them.

Strict deadline

We had to finish the desktop app in three weeks, iOS MVP – in three months. To do the job on time, we involved a full-time iOS developer and UI/UX designer.

?

Looking for iOS developers? Learn everything about the hiring process in our ' How to Hire iOS Developers: Salaries, Skills, and More' guide.

Redesign: From iOS 4 Look to a Brand-New UI

Of course, we couldn’t release a fresh app with enhanced functionality but out-of-date UI design.

Back in the day, RetailOps’ UI was quite enough for a small application. But it soon grew out of its iOS 4 appearance, and the old UI/UX could no longer cope with the new scale.

RetailOps before redesign

How RetailOps looked like before redesign

Apple released seven versions of the iOS design guidelines since RetailOps’ first design.

So the best option was to create an all-new mobile UI·UX.

RetailOps after redesign

RetailOps iOS app after redesign

We used Sketch to build wireframes and Zeplin to share mockups with developers.

Technologies Used

An app is perfectly designed when users don't think about its tech part. Especially when these users have tons of goods to sort and rely on the software.

So with RetailOps, we were strict in choosing the tech stack.

Development

  • Swift 4 – Cordova isn’t a native iOS language, so we re-engineered the app using Swift to make it run faster
  • Moya – used for setting up the network layer
  • .NET – created a separate desktop app to connect printers to portable data terminals
  • Capture SDK – added barcode scanning by Socket Mobile’s device or iPhone’s camera

Testing

  • Jira – used as management dashboard for bug-tracking
  • Swagger – the app connects with hardware via API, so we used Swagger to API testing
  • Charles Proxy – tested the API by sending requests, checked server requests logs
  • Crashlytics – bug analysis and tracking

RetailOps: Core Features

We didn't build the iOS app from scratch – it already had a few features like inventory transfer tools.

Our job was to finalize those features along with adding new functionality.

!

We have quite a few more projects up our sleeve! Read also: ' How We Created AYIO Social Business Platform'.

The core features of RetailOps we worked on:

Inventory Count

With the inventory count tool, workers keep track of the inventory assortment and its accuracy. Users scan their location, and the app recognizes active counts near workers’ whereabouts. Then it guides users to the location and marks the containers to check.

RetailOps inventory count feature

How inventory count features looks like

Scanning

Workers scan an SKU, lot ID, or container to check the number of goods and their location. They can also scan a container to see all items stored inside.

Plus, users may change the quantity of goods or move them to another part of the warehouse.

RetailOps scanning

How the scanning process goes

Statistics and Reporting

The app tracks every movement of inventory – from its arrival to the moment it ships.

This way, managers and stakeholders see gross sales for a day or any period they select, a number of orders by status, channel, and warehouse location.

RetailOps dashboard

Statistics shown on RetailOps dashboard

Connected Printers

We created a separate desktop app to connect printers available on PCs to portable data terminals. The app supports Windows 7 to 10, making it fast to select and connect with printers.

RetailOps Connect for Windows

RetailOps Connect, a desktop Windows app

Hardware Integrations

We integrated RetailOps with the Socket Mobile barcode scanner utilizing its SDK. That means an iPhone (or iOS 12 devices) connects with the scanner via Bluetooth.

Barcodes are scanned either by Socket Mobile’s device itself or using the iPhone’s camera.

RetailOps hardware integrations

Scanning results shown in RetailOps app

The Finish Line: Project Results

We spent three weeks building the desktop Windows app and about nine months delivering the iOS application.

What did we learn? Broadened our experience in the Retail industry, handled the server-side provided by customers, and worked out an intuitive UI/UX design for a SaaS solution.

Results? RetailOps got 700+ iOS downloads and 1300+ active users.

What's your project?
We build any-scale software solutions! Describe your idea and get a tech consultation for FREE.

Rate this article!

An image An image
Bad!
An image An image
Strange!
An image An image
Boring!
An image An image
Good!
An image An image
Love it!
(23 ratings, average: 4.61 out of 5)
Latest articles
Article preview image
How to build an MVP in 2020
Calendar icon
28 Feb 2020
Clock icon
11 min
Article preview image
Simple guilde to calendar app development
Calendar icon
25 Feb 2020
Clock icon
10 min
Article preview image
Figuring out average app development cost
Calendar icon
25 Feb 2020
Clock icon
20 min
Back to top
As s part of our team, be ready for:
An image
Competitive Base Salary
An image
Comprehensive Benefits
An image
Great Work Environment
An image
Drug Free Workplace
Tell us more about yourself