j

Lorem ipsum dolor amet, consect adipiscing elit, diam nonummy.

Follow Us

Search

SureTec

Merging Three Products Into One Unified Platform

Summary

Context

An oil and gas SaaS company maintained three distinct yet overlapping products used by the same user base. The objective was to consolidate these into a single cloud-based platform, integrating functionality, shared entities, and design into a seamless, cohesive user experience.

My Role

  • Led the consolidation of features, interactions, and data across the three platforms.
  • Designed the new product’s architecture, including navigation and UI components.
  • Facilitated cross-functional meetings with stakeholders, product managers, and engineering teams to define user needs and technical constraints.
  • Conducted iterative design reviews and usability sessions to refine the product with continuous feedback.

Current Three Products to Merge

The three products needed to be unified into a single platform with refined design and functionality. This required a clear understanding of each product’s existing features and data, where they overlapped, and what users valued or struggled with in the current experiences. The brand identity also needed to be clearly represented and elevated through the design of the new product.

SureTec
SureTec: A desktop application for building and executing test plans, generating reports, and managing digital approvals.
WellSchematic
WellSchematic: A cloud-based web app for creating wellbore diagrams, P&IDs, and visualizing well barriers.
SureView
SureView: A browser-based analytics platform for referencing reports and data insights.

Discovery

I facilitated workshops with stakeholders and the product team to understand user needs and product content. In collaboration with the product team, I mapped out the content structure and relationships.

User Personas

We defined key user types, their goals, and common pain points. This helped guide our design decisions in real user behavior and business objectives.

User Scenarios

To better understand our users, we created detailed scenarios showing how each persona completes their tasks in real-life situations and the challenges they encounter.

The more context you have around a user’s goals and the problems they face, the better you can help them solve it.

Example of a user scenario

Content Audit

I conducted an audit to identify overlaps, gaps, and redundancies between the three platforms. This informed decisions on what to keep, remove, or combine.

Audit of content to keep, remove, or consolidate

Card Sorting

Using color-coded cards for each product feature, we organized and grouped content into logical categories to clarify structure and content relationships.

Cards for all the content that exists, color-coded by platform.
Cards grouped by asset correlation

Site Architecture

I designed a unified sitemap and navigation structure to ensure a logical flow, the right content nesting, and easy access to related information. I collaborated with product leads to define screen-level content and refine the information hierarchy.

Design

Strengthening the Brand Identity

While the three products shared a common brand, inconsistencies in color, typography, and layout created a fragmented experience that diluted the overall identity. I used this as an opportunity to unify and strengthen the visual identity. Building on the existing brand, I created the design to be tech-forward, innovative, and professional. The final look used minimal design, conservative dark blues, and vibrant brand accent colors for a modern, cohesive feel.

Early Design Exploration

The initial comps were designed to establish a framework that made it easy for different user types to access the content they needed and navigate the platform through relative content linking. They also focused on enhancing the visual identity through modern styling, layout, and color choices. Additionally, these comps served as a reference point for discussing technical feasibility with the software team and gathering feedback for ongoing refinement.

Iterative Refinement

The design evolved through multiple feedback loops with the product, and engineering teams. I continuously refined the design based on usability insights and technical feedback.

Example of internal team feedback

Final Design

The result was a clean, intuitive, and scalable platform that unified previously disconnected experiences and branding into a single, streamlined interface.

Customizable Dashboard

Different users needed quick access to content relevant to their roles. The dashboard featured a prominent Recently Visited widget and configurable widgets, allowing users to tailor the dashboard to what they want and need to see for their job.

Smart Navigation

The navigation unified the high-level product content while making it easy to access nested items through features like recently visited pages, user-created folders, and favorited content. Hovering over a favorited or recently visited item displays a thumbnail preview, helping users quickly identify each item.

Expanded Access to Favorites and History

In addition to the navigation, users could view an extended list of their favorited or recently accessed items, making it even easier to access relevant content.

Nested Content

Users can access specific wells or rigs through a filtered table view. Content from the various platforms was consolidated, and all the related information for each well or rig is displayed through organized tabbed navigation, making it easy to explore everything associated with each entity.

Easily Accessible Content

I implemented quick view drawers that let users view or interact with content without navigating away from their current page or task. These could be expanded full-screen and link to more associated content.

Enhancing Reporting Features

Based on user feedback from one of the previous product’s features, I redesigned the well report feature to include more content options and a smoother process for adding and reviewing report elements.

Settings

Settings were designed to be clear and user-friendly, allowing users to easily manage their personal preferences, team settings, and organization-level configurations.

Outcome

The project delivered a cohesive, cloud-native platform that replaced three siloed products into a unified experience that improved usability, efficiency, and business value. The final product is also scalable and enhances the brand’s visual identity.