Shalco industries

Shalco industries

Shalco industries

Reimagined brand’s 20+ years old website to boost and modernize its digital presence.

Design and No code web development

MY ROLE

MY ROLE

Research, Design , UX, Strategy

THE TEAM

THE TEAM

Me (Design & Strategy),
Shivam (3D artist),
Akshay (Webflow expert),
Ananye (Webflow expert)

TIMELINE

TIMELINE

September 2023 - January 2024

-> Check out Live website <-

Overview

Overview

Shalco approached me to rebrand their 20+ year-old website and brand assets. At the time, I was passionate about 3D web animations and shared my idea for a scroll-responsive 3D animation with the team. I even presented a prototype, guess what everyone loved it! I took on the challenge of implementing an extended scroll animation on a no-code platform. Despite facing multiple challenges, with some experimentation, we successfully brought the scroll animation to life. I also streamlined their complex navigation and used a minimalist design to better convey the brand's offerings to viewers.

Shalco approached me to rebrand their 20+ year-old website and brand assets. At the time, I was passionate about 3D web animations and shared my idea for a scroll-responsive 3D animation with the team. I even presented a prototype, guess what everyone loved it! I took on the challenge of implementing an extended scroll animation on a no-code platform. Despite facing multiple challenges, with some experimentation, we successfully brought the scroll animation to life. I also streamlined their complex navigation and used a minimalist design to better convey the brand's offerings to viewers.

The problem with existing website

The problem with existing website

The existing website was outdated, last updated over 20 years ago. It lacked readability, mobile responsiveness, and clear navigation. Most importantly, it failed to effectively communicate the brand's offerings and trustworthiness.

Redesigned version (Live site)

Redesigned version (Live site)

The new version is minimally designed which was able to clearly communicate brand offerings with an improved navigation system so users can effortlessly land on the product page. Plus the new version also features realistic renders of the products

Design outcomes

Design outcomes

I know reading the entire thing might be lil boring, how about we jump into outcomes?

What could have been improved?

What could have been improved?

Reflecting on this project, I realize that mobile responsiveness could have been improved. Some tables and design elements were tailored too specifically for desktop, making them challenging to implement effectively on mobile. I also see now that adding more CTA sections would have enhanced user flow, increasing the likelihood of driving users to the contact form.

Reflecting on this project, I realize that mobile responsiveness could have been improved. Some tables and design elements were tailored too specifically for desktop, making them challenging to implement effectively on mobile. I also see now that adding more CTA sections would have enhanced user flow, increasing the likelihood of driving users to the contact form.

Learnings

Learnings

This project sparked my interest in learning Webflow, a no-code web development tool. I also created the 3D animation from scratch, using YouTube tutorials as references, and even converted it to JSON for smooth, scroll-friendly animation—learning the process specifically for implementation on this project.

This project sparked my interest in learning Webflow, a no-code web development tool. I also created the 3D animation from scratch, using YouTube tutorials as references, and even converted it to JSON for smooth, scroll-friendly animation—learning the process specifically for implementation on this project.

Mettalic shape background image

Contact

Get in Touch with me

Send me an Email, I'll get in touch with you

Or come say Hi on my Instagram

Mettalic shape background image

Contact

Get in Touch with me

Send me an Email, I'll get in touch with you

Or come say Hi on my Instagram

Mettalic shape background image

Contact

Get in Touch with me

Send me an Email, I'll get in touch with you

Or come say Hi on my Instagram