Selected work · 2023 → 2025
ABE MetaSystems · Website & energy platform
Corporate site at abe-metasystems.com, real-time supervision and B2B app delivery
Context
ABE MetaSystems specialises in collective self-consumption and solar energy — a B2B operator that needed a credible public presence and a product stack to match.
Over two and a half years I owned the engagement end-to-end: co-shaping the roadmap with the CEO, designing in Figma, and shipping every layer from the corporate website to production supervision tools.
Corporate website — abe-metasystems.com
I fully built the ABE MetaSystems corporate website — not a template hand-off, but the whole product surface:
- Brand & content
Home, about, software product pages (Prodigy, Thunder), and a professional portal entry point tied to hub.abe-metasystems.com.
- Design & motion
Figma-first UI, scroll choreography with Lenis, Framer Motion transitions, and a loading experience that carries the brand from first paint to navigation.
- SEO & performance
Metadata, sitemap, robots, and a mobile-first layout tuned for keywords around collective self-consumption and energy savings.
- Contact & ops
Contact flows, legal pages, and deployment pipeline so marketing updates could ship without a separate agency loop.
Stack: Next.js, TypeScript, Tailwind CSS, Framer Motion, Lenis, Radix UI primitives.
Real-time supervision platform
Beyond the vitrine, I built the operational web application: live supervision of connected equipment, energy import/export flows and collective self-consumption operations.
- WebSocket-driven dashboards for equipment state and consumption telemetry.
- Multi-address routing, role-aware admin surfaces and billing workflows.
- Docker-based deployment aligned with the rest of the ABE stack.
B2B app-delivery portal
The third axis was an in-house portal to distribute, track and roll out customer applications under controlled release workflows — so ABE could ship client-facing apps without ad-hoc processes.
- CEO-aligned roadmap and technical specifications.
- Figma validation before every development sprint.
- End-to-end delivery workflow from development through staged releases.
Impact
ABE MetaSystems went from needing an external agency for every web touchpoint to owning a live corporate site, a production supervision stack and a release-managed B2B portal — all shaped and built by the same product-minded engineer who sat in roadmap sessions with the CEO.
Fullstack engineer · Freelance