UI/ UX Design
Style guide & Component library
Renewable energy
Renewable energy
NewRa Grids - Website Design
NewRa Grids -
Website Design
NewRa Grids - Website Design
About The Project
About The Project
Design a industry focused, user friendly, responsive website for NewRa Grids within 1 month. The website has to stand out from the other competitors in the market.
Design a industry focused, user friendly, responsive website for NewRa Grids within 1 month. The website has to stand out from the other competitors in the market.
Q&A with the Client
Q&A with the Client
Following are a few examples of questions that were asked from my end to the client to understand the company better. These open ended plus close ended questions helped me kick start the work.
Following are a few examples of questions that were asked from my end to the client to understand the company better. These open ended plus close ended questions helped me kick start the work.
Who are your primary customers (industries, societies, homeowners, or a mix)?
~ Anybody who consumes energy. Commercial, industrial, residential. IKEA, Bajaj. Mix of all , anybody who is consuming is our Potential consumer.
We start from consumers having avg monthly consumption more than 350 kwh. Under different regulatory norms.
~ Anybody who consumes energy. Commercial, industrial, residential. IKEA, Bajaj. Mix of all , anybody who is consuming is our Potential consumer.
We start from consumers having avg monthly consumption more than 350 kwh. Under different regulatory norms.
What’s the core value proposition you want users to instantly understand when they interact with your brand?
~ Sustainable approach , getting cheaper Electricity without any hassle , capex, or handling.flexible
~ Sustainable approach , getting cheaper Electricity without any hassle , capex, or handling.flexible
3. How do you want NewRa Grids to be perceived (e.g., innovative, trustworthy, approachable, tech-first, eco-conscious)?
~ Innovative, tech first, algo driven, eco conscious
Who are the end users of your digital platforms?
~ Energy managers, society residents, corporate decision-makersBoth the Parties Generators & consumers. In C&I segment there are managers and in residentials people like us are the users.
~ Energy managers, society residents, corporate decision-makersBoth the Parties Generators & consumers. In C&I segment there are managers and in residentials people like us are the users.
What are the main challenges or pain points they currently face with energy consumption or management?
~ High price, accessibility , education & process
Are there different user segments we need to design for (e.g., industries vs. homes)? Will there be such a platform distinction?
~ Yes , our model is distributed in 2 ways
1. Regulatory norms
2. User (i. Open Access & GEOA for commercial & Industrial Lt & Ht ii. VNM for residential and LT commercial)
~ Yes , our model is distributed in 2 ways
1. Regulatory norms
2. User (i. Open Access & GEOA for commercial & Industrial Lt & Ht ii. VNM for residential and LT commercial)
Initial Undersating
Initial Undersating
NewRa Grids is a renewable energy execution and coordination platform that enables structured participation between electricity generators and consumers which governs allocation, delivery, settlement, and accounting.
NewRa Grids is a renewable energy execution and coordination platform that enables structured participation between electricity generators and consumers which governs allocation, delivery, settlement, and accounting.
Understanding Users
Understanding Users
The user segment for this site were mainly going to be renewable energy generators, consumers, investors, government bodies, explorers who are interested to know about the industry.
I had divided the users in the most important to least important which helped us craft the content, information hierarchy and site map.
The user segment for this site were mainly going to be renewable energy generators, consumers, investors, government bodies, explorers who are interested to know about the industry.
I had divided the users in the most important to least important which helped us craft the content, information hierarchy and site map.
“NewRa Grids works as an aggregator, they don't buy or sell electricity.”
“NewRa Grids works as an aggregator, they don't buy or sell electricity.”
~ Founder
Information Architecture
Information Architecture
The IA for the website was designed keeping the primary, secondary actions under consideration. The primary action being - when the user wants to become an energy partner or consumer (form) through NewRa Grids, user wants to request demo and contact the team. Secondary action - when the user wants to calculate electricity consumption, learn more about NRG and learn about the platform.
After a few thoughtful iterations, the following site map was followed and delivered to the developer.
The IA for the website was designed keeping the primary, secondary actions under consideration. The primary action being - when the user wants to become an energy partner or consumer (form) through NewRa Grids, user wants to request demo and contact the team. Secondary action - when the user wants to calculate electricity consumption, learn more about NRG and learn about the platform.
After a few thoughtful iterations, the following site map was followed and delivered to the developer.
UI Exploration & Style Guide Set Up
UI Exploration & Style Guide Set Up
The brief for the UI was that NRG should come across as a tech-focused, futuristic company with human and sustainability touch. The communication should reflect the same. The hero section to have a wow-factor, other sections should be systematically creative and scalable.
I had taken inspiration from the given brand kit which has logo variations, typography, color scheme. The UI and interactions were carefully crafted keeping the users in mind, studying the competitors, energy industry and client approvals.
Various elements like layer blur, font play, layout play and design assets were explored and the final UI was finalised in about 2 weeks.
The brief for the UI was that NRG should come across as a tech-focused, futuristic company with human and sustainability touch. The communication should reflect the same. The hero section to have a wow-factor, other sections should be systematically creative and scalable.
I had taken inspiration from the given brand kit which has logo variations, typography, color scheme. The UI and interactions were carefully crafted keeping the users in mind, studying the competitors, energy industry and client approvals.
Various elements like layer blur, font play, layout play and design assets were explored and the final UI was finalised in about 2 weeks.
Final User Interface
Final User Interface
NewRa Grids
NewRa Grids
Key learnings
Key learnings
AI tools for structured research
AI tools for structured research
I am on the journey of exploring AI tools when every 2 months, new tech developments come about in the industry. Something about AI which has helped me in this project is extracting frameworks, organising processes and structuring data.
I am on the journey of exploring AI tools when every 2 months, new tech developments come about in the industry. Something about AI which has helped me in this project is extracting frameworks, organising processes and structuring data.
Coordination with tech team
Coordination with tech team
Since I was a lead and only designer working on this project, I was responsible for making tech team understand the vision and micro interactions of this site. I all I was coordinating with tech team of 4 members. Documentation became the most important part of delivery.
Since I was a lead and only designer working on this project, I was responsible for making tech team understand the vision and micro interactions of this site. I all I was coordinating with tech team of 4 members. Documentation became the most important part of delivery.