About Tespack
Tespack is a smart energy management platform designed to monitor and control solar-powered systems in remote and demanding environments. It brings energy data, system status, battery insights, and alerts into a single platform.
The product combines web and mobile experiences to help field teams monitor energy performance, identify critical issues, and make informed decisions—even with limited connectivity.
Project Info
Tespack Team
Figma · Adobe Illustrator
2023
Web, Mobile, Admin Panel
Design Contributions
I worked across the end-to-end product experience, transforming complex energy data and operational requirements into simple, intuitive interfaces for web and mobile.
I designed 290+ screens, built a scalable Figma design system, and focused on data visualization, offline workflows, alerts, and field usability. I also prepared detailed specifications to support smooth developer handoff.
Problem Discovery
Tespack works in remote environments where reliable energy and internet access can be difficult. Its systems support NGOs, researchers, defense teams, and other field operations that need dependable power away from traditional infrastructure.
The main challenge was turning complex energy data into a simple, accessible experience despite limited connectivity and demanding field conditions. Users needed to monitor power, battery health, and critical alerts without relying on constant internet access or technical expertise.
Research & User Insights
Research focused on understanding how teams manage energy systems in remote environments, including their monitoring needs, connectivity challenges, and day-to-day workflows.
The findings highlighted the need for clear energy insights, quick access to critical information, reliable offline support, and simple controls. These insights helped shape the product structure and prioritize features across the dashboard and mobile experience.
Product Architecture
Tespack’s product architecture brings together the key experiences needed to manage complex energy systems—from real-time dashboards and power analytics to offline access, user roles, and system diagnostics.
The platform also connects smart alerts, energy planning, forecasting, support, and responsive mobile experiences into one ecosystem. This structure keeps critical information accessible while giving users the right tools to monitor, control, and plan energy operations.
Dashboard & Monitoring
The dashboard gives users a clear, real-time view of their energy system - from power production and battery status to voltage, current, and system health. Key metrics are organized in a simple, visual format, making it easy to understand and act on what matters.
With live data, trend insights, and smart alerts, users can quickly spot issues, track performance, and make informed decisions - all in one place, across web and mobile.
Final Design & Handoff
Tespack evolved into a complete end-to-end product experience, connecting web, mobile, and energy hardware through a consistent design system.
The offline-first approach, reusable Figma components, and developer-ready specifications created a scalable foundation for future product development and real-world deployment.
