Smart Metering App & Admin Portal (Nexus)

Built an admin portal and supported a smart metering app to streamline site, hardware, and user management. Focused on UX consistency, dashboards, and operational efficiency for operators and admins.

Next.jsMongoDBTypeScriptReactFull-Stack DevelopmentApp DevelopmentUX DesignConsultancy
Smart Metering App & Admin Portal (Nexus) screenshot 1Smart Metering App & Admin Portal (Nexus) screenshot 2

💥 Impact

Elevated the professionalism and polish of the product; ensured UX and design consistency despite ambiguous specifications.

✨ Highlights

Working directly with an external customer was rewarding, requiring flexibility, rapid iteration, and advocacy for good design. The back-office portal, while often unrecognised, became a critical component of the system.

📝 Details

  • Back-office portal: style guide, consistent UI across the suite, UX refinements.
  • Customer collaboration: iterative design process with prototypes and feedback.
  • Smart Metering App: supported app design while focusing on the back-office portal.
  • Database guidance: ensured correct NoSQL patterns for MongoDB.
  • Polish & completion: filled gaps and refined minor details to deliver a finished product.
  • Back-office functionality: site and hardware management (meters, loggers, hubs), user and provider management, site creation workflows.

🤝 Contributions

  • Led the admin portal design and development, creating a style guide to ensure consistent UI across the software suite.
  • Collaborated closely with the customer to refine UX, anticipating user needs and iterating rapidly on feedback.
  • Advocated for proper MongoDB design, guiding the team to use NoSQL patterns effectively.
  • Supported the smart metering app design while maintaining primary focus on admin portal development.
  • Ensured the product felt complete and polished, filling gaps and refining details often left unfinished.

🗓️ Timeline

Development spanned multiple iterations, but the project was ultimately reallocated to a different team before release.

🧑‍🤝‍🧑 Team

Two-developer team, with customer providing direction for the app. Work was consultancy-style, with frequent iteration and feedback cycles.