Contact UsBlogHome
Get in Touch

Intuitive Frontend Development of a Maritime Forecasting Tool for Improved Offshore Accessibility & Safety

CASE STUDY

Acme Corporation builds Artificial Intelligence solutions to help solve some of the biggest challenges in the energy sector relating to the distribution of renewable energy and conventional power.

Their next-generation technologies solve the problem of extracting & realizing meaningful insights to transform O&M from the large amounts of data available across the energy complex. They are a value-driven partner for energy and industrial IoT with seven different products aimed at many use cases.

Disclaimer: The name ‘Acme Corporation’ is a placeholder, as there is an NDA signed between both parties. 

Challenge

Acme Corporation’s product ‘Ripples’ offers an accurate and localized assessment of environmental risk assessments through a combination of metocean data with vessel-tracking data. With high accuracy forecasting, Ripples aims to assist and improve the management of one of the riskiest aspects of offshore accessibility - safe crew transfers and enhanced accessibility.

With IoT devices placed on multiple turbines and offshore wind farms, the data points collected help accurately forecast the best time for safe ocean transfers.

Acme Corporation was looking to revamp Ripples (mainly frontend with a couple of changes in the backend) with an improved UI - one that leveraged and showcased the data adequately and shared insights for data-driven decision making, as well as continuous monitoring. 

Solution

Acme’s search for an experienced and reliable product development partner came to an end when they came across Maruti Techlabs via our outreach. 

Maruti Techlabs took on revamping Ripples’ frontend, while Acme took ownership of backend development. To scale faster and reduce the time to market, they decided to distribute the work across both teams.

Acme opted for our “try before you buy” model as part of the evaluation process, where we delivered one sprint’s worth of work for assessment. The evaluation was carried out against other providers and developers from platforms such as Toptal. The tasks for one sprint were picked from Acme’s frontend backlog.

"Maruti Techlabs found us, and their timing was helpful. We were just on product development when they reached out to us, and we were already looking at different companies. At that time, we organized a short trial between potential vendors and Maruti Techlabs succeeded in the end.” 

- Founder & Managing Director, Acme Corporation

Throughout the trial and overall engagement, what worked in our favor was our communication, stakeholder management, on-time quality development, testing process, and seamless integration with their back-end development team.

Both Acme and Maruti Techlabs outlined the product roadmap and deliverables on Jira across sprints, with relevant user stories. This was followed by collating different UI/UX designs from Figma within the user stories while simultaneously identifying timelines to achieve them.

Subsequently, the Maruti Techlabs team went further in-depth with each iteration and ensured that the deliverables were bug-free before sharing with Acme by spearheading QA.

Our team of engineers developed a responsive web application that can be accommodated on iPad, phone, or web to forecast better accessibility and crew safety accurately. A crucial part of development included the removal of manually fetching the data from different disparate systems.

The dashboard now gets automatically populated with the latest updates from the backend systems. It gives insights into analytics and data in various formats such as graphs, charts, and maps. With easy access to the latest data, Acme’s clients could now easily decide whether or not to send technicians offshore to wind turbines.

Some of the features in the dashboard include :

○ Feedback Logbook - Insights on whether the transfer was a success or cancelled, along with the date of transfer, turbine, and vessel details.

Feedback Logbook
Feedback Logbook Overview

 Map Dashboard - LIVE visual map of the turbines with daily details such as Met Mast, temperature, wave height, and current signal. 

Daily Decision
Daily Decision 1

○ Daily Control Panel A regularly updated dashboard that helps make the daily decisions for safe ocean transfers with insights on storm risk, wind speed, wave height, and more.

Daily Control Panel
Daily Control Panel 1

○ Location Accessibility - A graphical representation of the number of hours a site was accessible and the number of spare hours.

Daily Decision 2
Location Accessibility

○ User NavigationA login screen. 

○ Admin User Governance A list of all users with their following details - role, email, phone, and status.

User Login
Forgot Password
Admin User

○ System Precision - Forecasting system’s accuracy up to 5 days ahead.

System Precision
System Precision 1

○ Alerts Notification regarding daily forecast reports and sea change alarms. Acme’s clients can configure which user(s) receives the report(s).

 
Weekly Reports A detailed weekly report outlining different parameters of the waves, such as wave height and max wave height.

It is essential to highlight that the initial engagement was planned for two months; however, impressed with Maruti Techlabs’ delivery and estimations, Acme decided to extend the engagement by two months to add more new features to the interface.

The team structure that worked on this project consisted of 2 developers, 1 QA engineer, and 1 Project Manager.

"Maruti Techlabs was able to deliver consistently so that we could review everything at every stage. There was also no gap in their communication. As a result, some design decisions were made effectively because they worked well with all the backend engineers, ensuring that there was no friction between the front- and backend.” 

- Founder & Managing Director, Acme Corporation

Ensure your app has a tightly coupled frontend & backend.
Scale your product development with us!
 

Communication & Collaboration

The Maruti Techlabs team communicated with the client regularly, ensuring no gaps in expectations and that both parties were always on the same page.

We used Jira software to track product milestones, manage sprints, and release planning. We used Slack for day-to-day communication with the client and internal team. Once our team developed the features, the client reviewed them and suggested changes over Slack or email.

Technology Stack

Angular
Mapbox

Result

Ascertaining when is a safe time for transferring crew from vessel to wind transfers is not a simple decision. This decision cannot rest on a single metric. There are multiple layers, and this assessment changes from site to site and location. The need for a safer and data-driven approach to managing offshore O&M is dire. Acme set out to fill that gap.

The newly established partnership ensured that Acme Corporation delivered an end-to-end solution that integrates powerful A.I. technology with their client’s operational data and shares an improved transfer decision metric compared to the industry’s benchmarks.

The result of both parties' partnering resulted in -

✔️Deliver a working product with a tightly coupled frontend and backend to their client.

✔️Get their idea off the ground and into the hands of their customers in a short time.

✔️Develop and deliver on planned features + inculcate feature requests from Acme’s clients.

✔️Validate the idea to Acme’s enterprise clients, who were delighted with the details they could now see, and the improved guidance with their day-to-day operations.

✔️Scale development with us as their extended team.

Let's Talk!

"Their project management workflow was good because we used various channels to communicate. To be specific, we were able to access Slack channels they organized for us in order to spearhead discussions on particular topics regarding our project. On top of that, whenever we had queries, we could get in touch with their project manager or commercial manager.” 

- Founder & Managing Director, Acme Corporation

Our Development Process

We follow Agile, Lean, & DevOps best practices to create a superior prototype that brings your users’ ideas to fruition through collaboration & rapid execution. Our top priority is quick reaction time & accessibility. 

We really want to be your extended team, so apart from the regular meetings, you can be sure that each of our team members is one phone call, email, or message away.

Maruti techlabs Development Process

How We Work? 

Requirement Analysis
By getting a clear understanding of client requirements, we identify key objectives and make informed assumptions about the final product. Our team defines priorities and sets requirement parameters that facilitate the user interface design for the next stage.

Requirement Analysis

UI & System Design
Here, ideation and conceptualization help define all the inputs and tools required for the development. Interactive mockups and wireframes help achieve this and build a stable system design for the initial prototype.

UI Design

Development
Based on the plan of action, our expert engineers get to work to quickly dole out a prototype and implement the feedback received on the system design to increase the product's usability before it moves on to the testing phase.

Development

Testing
Real performance and quality improvements happen at this stage through several iterative testing rounds that involve bug fixes, code improvements, feature testing, and much more. Once a stable version is prepared, it is presented to the client for approval.

Testing

Deployment
After much refining of the code, the prototype is ready to be deployed once again in the user environment for functionality feedback and user response. This feedback is vital to make final improvements to the code and use it for the final product.

Testing

A perfect software prototype demands a perfect execution methodology. We follow Agile, Lean, and DevOps best practices to create a superior prototype that brings your users' ideas to fruition through collaboration and rapid execution.

Our Clients Review
Review Everything
Our Happy Clients

Many Clients. One Sentiment.

Why choose Maruti Techlabs?

Trusted By:

Book a FREE Consultation

Connect with us

© 2022 Maruti TechLabs Pvt Ltd 

Maruti Techlabs is an agile-powered digital product development company and your guide on the digital transformation journey. We are a team of passionate, purpose-led individuals that obsess over creating innovative solutions to address our clients’ challenges and deliver unparalleled value.

Logo

12+
years experience

175+
Members

50+
Enterprise Clients

4.8/5 
NPS on Clutch