Skip to content
Back to Work
  • Solo project
  • My own project
  • Custom Software
  • Business Systems

Case study · MY SOLAR

MY SOLAR

Design Sample · 3D Animated Website · Product Catalogue & CMS

A sample website for a solar BOS & electrical components supplier: a 3D animated hero, product catalogue, solutions for each customer type and a full admin CMS. Designed as a free sample for a client who didn't go ahead. Want a site like this for your business? It's available — from ₹4,999.

Role: Solo · Personal project · Completed · Details: Publicly visible

My own work — the design belongs to me. Designed as a free sample for a client who didn't go ahead. Want a site like this for your business? It's available — from ₹4,999.

Visit Website View Other Projects
MY SOLAR — desktop
MY SOLAR — mobile
  • 3D animated hero
  • How solar works
  • Product catalogue
  • Solutions by customer
  • Admin CMS
  • Get a quote

02

Project Overview

A complete website for a supplier of solar balance-of-system and electrical components — ACDB, DCDB, MCCB, MCB, SPD, MC4 connectors, solar cables and panels. Visitors follow the energy path from sunlight to the grid, browse products by category and ask for a quote; the team edits the site's content from an admin panel.

My Role
Design & Development
Year
2026
Status
Completed
Project Type
Website Design Sample
Owned by
Ankit Rai
MY SOLAR product catalogue page
Products
  • 3D animated hero
  • How solar works
  • Product catalogue
  • Solutions by customer
  • Admin CMS

03

My Role

Design & Development

Role
Solo
Contribution
Implemented
Engagement
Personal project
Source of details
Publicly visible

Project stage

  1. Planning
  2. In progress
  3. Live
  4. Maintenance
  5. Completed
Status
Completed
Current phase
To be updated

Planning something like MY SOLAR?

Discuss your project

04

Architecture

Design / UX

A night-sky hero with a 3D animated solar field and a rising sun, bold headlines (“Powering the next generation of solar.”), and yellow-to-orange accents that run through the product pages.

Development

Built with Next.js and deployed on Vercel: an animated canvas hero, product and solution pages, a quote form, and an admin login for managing the website content.

05

Features

What the platform offers. Features marked publicly visible can be seen on the live site.

  • 3D animated hero

    A solar field under a night sky with a rising sun, animated on a canvas, with slides you can step through.

    User-provided

  • How solar works

    The energy path from sunlight through panel, DCDB, inverter and ACDB to the grid or home.

    User-provided

  • Product catalogue

    Categories and product pages for ACDB, DCDB, MCCB, MCB, SPD, MC4 connectors, solar cables and electrical panels.

    User-provided

  • Solutions by customer

    Pages for homeowners, businesses, industries, EPC companies and distributors.

    User-provided

  • Admin CMS

    An admin login where the team manages the website's content.

    User-provided

  • Get a quote

    A quote request from every page.

    User-provided

06

Technology

Frontend

Next.js

Integrations

Admin CMS, product catalogue, quote form

Deployment

Vercel

NNext.js
RReact
TTypeScript
VVercel

Next Project

JainSite

Website Redesign · Custom CMS (not WordPress) · 3 Languages · 4,800+ Articles Migrated

Have a project in mind?

Let's Build Something Meaningful.

From ideas to complete digital systems — I can help you design, build and grow your next project.

Free sample design for builds · Free SEO / AEO / GEO audit

Get a Free Sample