DTE Energy Mobile App Development

A decade of mobile utility innovation

Three iPhones on a bright blue background displaying the DTE Energy app — left phone shows a Payment screen for "Hi John" with a $233.27 bill due 2/14/2023 and scheduled payments listed; center phone shows the dark navy app home with Guest Pay, Outage Center, and Emergency options plus Sign In and Create an Account buttons; right phone shows the Outage Center with a 90.33% service area power status gauge and Report Outage, Report Downed Power Line, and Check Status buttons.

Client

DTE Energy Mobile App Development

Industry

Utilities

Website

Detroit Labs partnered with DTE Energy, Michigan’s largest utility, across more than a decade of mobile product development. This case study captures two major initiatives as well as the steady stream of enhancements, platform updates, and customer-driven improvements delivered in between. Together, these efforts helped more than 2.2 million customers report power outages, track restorations, manage energy usage, and pay bills—all in real time.

DTE Energy serves about 2.2 million electricity and 1.3 million natural gas customers across Michigan’s southeast region. They initially approached Detroit Labs to develop a mobile experience that could act as a self-service channel and support their call center—with the goal of improving emergency response, transparency, and convenience. This case study reflects a decade of evolution—from a focused outage reporting tool to a comprehensive mobile platform—punctuated by two major initiatives and continuous iteration in between.

The Challenge

The challenges evolved over time. In the beginning, DTE needed an efficient way to handle outages and support overwhelmed call centers. As the app matured, new challenges emerged around billing, usage transparency, and system scalability.

Customers lacked self‑service tools during service interruptions. Reporting outages meant calls, long wait times, and uncertainty. Internally, DTE needed real-time status updates and analytics to improve communication and operational efficiency.

App information architecture flowchart on a white background, using navy rectangles for screen states and yellow circles for user actions, mapping the flow from the DTE Welcome Screen through Payment, Outage Center, and Emergency paths, with the Outage Center branch expanding to Report Outage, Report Downed Power Line, Check Outage Status, View Outage Map, and Saved Locations sub-flows.
Composite of three DTE Energy mobile app screens showing gas usage comparison (400 CCF in October 2023 vs. 560 CCF in October 2024), bill factors explanation, outage reporting interface, and a power interruption location identification screen.

The Vision

What began as an outage reporting tool evolved into a full-service mobile platform, with capabilities for billing, energy tracking, and account management. Each feature addition was shaped by user feedback, growing trust in the platform, and DTE’s desire to improve service delivery.

To support this growth, DTE remained committed to a scalable, user-friendly experience. They needed architecture that allowed for rapid updates and cross-platform consistency—achieved through shared UI components and a performant native mobile foundation.

Six circular line-art icon illustrations on a white background representing DTE Energy app features — top row: green phone with checkmark (confirmation/success) and navy phone with menu list (bill/account); middle row: navy phone with lightning bolt (outage/power) and orange phone with parking/payment icon; bottom row: navy phone with crossed-out lightning bolt (power off/restoration) and red phone with warning triangle (emergency alert).
Composite of multiple DTE Energy app screens spread at angles on a light gray background, including the Outage Center status screen at 90.33%, an outage confirmation screen with text message opt-in and a "Check Outage Status" button, a success modal ("Your supporting image has been uploaded and added to your report") overlaid on a photo of downed power lines, and the Payment screen showing John's $233.27 bill with scheduled payments and Pay Now/View Bill buttons.

The Process

Phase 1: Building the Foundation

Our early work focused on essential support during outages. Launched in 2011, the mobile outage app was one of the first native smartphone apps from a U.S. utility—positioning DTE as a digital leader. It prioritized outage reporting, restoration updates, and even included a built-in flashlight, novel at the time.

We designed and developed fully native apps for both iOS and Android, tailored to each platform's unique requirements. As we tested prototypes with customers in high-stress situations, we refined the UI around clarity, responsiveness, and accessibility.

Phase 2: Continuous Expansion

Over the years, we expanded the app into a broader service platform—adding billing, energy usage insights, account management, and streamlined payment flows. Each new feature was shaped by customer feedback and built to work seamlessly across both platforms. We prioritized native design, consistent UX, and rapid iteration.

Throughout this period, Detroit Labs remained a close partner, embedded with DTE’s teams, supporting ongoing sprints, monitoring performance, and making continuous improvements.

Phase 3: Full Redesign in 2023

In 2023, we led a complete overhaul of the app—drawing on a decade of insights. We modernized the architecture, refreshed the design system, and unified the experience under DTE’s brand language. This second major initiative delivered smoother workflows, improved accessibility, and better performance—all while setting the stage for future growth.

DTE Energy design system Figma file showing button component variants (default, active, disabled), type styles, color palette swatches, and spacing guidelines on a white background with blue primary colors.

The Solution

The app gives customers a streamlined way to report outages, locate issues on a live map, and receive real-time restoration updates through push alerts. It includes interactive charts to track energy usage by day, month, or year, and a secure payment system for managing bills—either one-time or recurring. A reusable UI component library ensures visual consistency and speeds up the release of new features. The platform is built for scale, with native apps that pull real-time data from DTE APIs and have earned more than 1 million downloads and 30,000+ reviews averaging 4 stars on Google Play.

The business impact has been substantial. Call center congestion has dropped as more customers self-serve during outages. Real-time updates have shortened resolution times and improved customer satisfaction. The app’s adoption and engagement metrics reflect its value—over 1 million installs and consistently positive ratings. The shared component system and cross-platform approach have accelerated product delivery, enabling faster updates and long-term maintainability. And through our continued partnership, Detroit Labs supports ongoing feature development and UX improvements across the platform.

Three DTE Energy app screens on a blue background showing the Report Power Line Problem flow — left screen partially shows a problem type selection list; center screen shows step one of the report form at address 16774 Newbury Ave, 48044 with "Type of problem: Sparks or flashes are coming from power line" and radio button options for Meter, House or Building (selected), Pole, and Transformer, with a Continue button; right screen partially shows a success confirmation modal with "Your supporting image has been uploaded" text.
iPhone lying flat on a wooden surface displaying the DTE Energy mobile app Outage Center screen, showing a 90.33% service area power status gauge, 2,247,594 customers with power on and 827 with power interrupted, and three blue action buttons: Report Outage, Report Downed Power Line, and Check Status.

Ready for the next step?

Ready for the next step?

Ready for the next step?