endorsedOngoing

UI Redesign and Frontend Implementation for BTMetrics (SaaS)

Services Covered:

Website Development

Industry

Software Development

Duration

122 months

Budget

10K - 49K

Start Date

1 June 2016

Team Size

1-5 Employees

Engagement Model

Offshore

Project Capability Score (PCS)

76/100

Good

Project Capability Score (PCS) estimates how capable RubyGarage is of successfully delivering a project like this, based on its past experience, track record, and ability to handle similar work. Learn more about PCS

Client

BTMetrics

London, United Kingdom

Project Summary

RubyGarage redesigned and implemented the frontend for the SaaS product BTMetrics, producing mockups and front-end code. The vendor delivered reusable CSS and JavaScript-based UI assets, improved maintainability of the codebase, and was noted for flexible, responsive communication and quality code. The new UI enabled easier feature additions and increased user conversions.

Key Challenges

Needed a redesign of an existing SaaS web UI
Lacked in-house design and frontend implementation resources
Original design was produced in Photoshop and did not fit Bootstrap, requiring a full frontend rework

Project Deliverables

Mockups
Frontend code (CSS and JavaScript)
Reusable CSS assets
Implemented UI pages (Sign-up, Log-out, Forgot-password)
Main layout with sidebar and content pages
Graphs/dashboard components

Project Solution

The vendor converted a non-Bootstrap Photoshop design into interactive mockups and implemented the UI using CSS and JavaScript. They produced reusable CSS assets and front-end code for the main layout, sidebar, content pages, and graph/dashboard components. The engagement involved a junior frontend developer supervised by a senior designer/developer, iterative reviews and fixes based on client feedback, and communication via Slack.

Project Outcome

Usage and conversions increased
New UI enabled easier feature additions and reduced friction for developers
Implemented code was maintainable and improved developer productivity
Project was delayed by approximately one week due to additional responsive-view fixes

Platforms

Tech Stack

CSS
JavaScript
Bootstrap

Client Endorsement

Overall Review Rating

4.13

Timeliness

Cost Rating

Willing to Refer

Quality of Deliverables

“RubyGarage is committed to quality code and customer satisfaction. The project team proved especially flexible and responsive, which isn't always the case when offshoring.”
Andrew Rose
Co-Founder
Date: 05/01/2017