Overhauling a large corporation's identity as my first project
Men assembling solar panels on a roof
Business for solar panels is booming in India (Image source: Unsplash)
Date
-
Context
  • Freelance project
Skills
  • UI design and development
  • Video editing

Laksh Solar, a company specialising in the sales of solar panels and inverters to the masses and businesses wanted a little oomph in their appeal. They had an online presence, but it mostly backed by posting on Facebook.

Challenge

Helping a company already known for delivering value to its customers and partners by building an online presence that is worthy of its name. Their website needed to appeal to a wider audience without being too clunky. The design had to be simple and elegant at the same time. A visitor should be able to tell what their company sold and what it stood for.

Not only websites, they also needed an online presence on social media. They wanted to make an ad video showcasing their brilliance in the span of a minute. The ad needed to feature the vast bandwidth of their network and still sounding like they had a long way to go, and, a cool fact about it is that this video was to be featured on a giant electronic billboard besides their company office.

Approach

My team of 4 (including me) worked on various aspects of their branding and marketing. I was the one involved in the UI design and front-end development portion of it. I decided that the website should spark an interest in the mind of the visitor about buying solar panels for their homes. Instead of relying on boring statistical data and complicated UI, I chose to make it easy. I bifurcated the website into two portions: products and services. Since the company was good at both of these, each one of them got the attention that they deserved.

It had to be completely responsive. A visitor should feel no difference operating the website on a phone or on a computer. It should be fast and snappy.

Results

Website: After having tried different variations of the design, tweaks, usual brain-wracking, Mr Patel and I came to a final decision of how the website should look like. Check out the video below to see how it looked.

Ad: Editing a video is like finding a needle in a haystack. After sorting through hours of footage, I edited this short clip in the span of 4 days that, I think, showcases their brand flawlessly. Take a look...

This is how we built the website

Since I was a second year student, I was not very much aware about the latest and the greatest tools that were available in the market, so I used a pen and paper to design the UI and Bootstrap to power up the UI with code and help me make it responsive. The smooth scrolling that you saw in the video was done using JavaScript, and the form for contacting Laksh's team was calling a NodeJS.

Fun fact: This was my first-ever project as a UI designer and a web developer. What do you think about the website? Let me know.


The website has since been updated. You can check it out here.
Please note that I was not involved in the redesign of the website.


Acknowledgements

Tirth for handling the back-end portion of the website

Next story
iFAR IAS -- IAS For a Reason