storehub website

StoreHub is a Malaysian point of sales company. Company’s primary focus is to transform retail experience and make it better for everyone, and company website needed to refect that and be wow-y for the users.
scroll-down

The story of it all

StoreHub’s first website was made with WordPress and used a meh theme, which worked fine 3 years ago, but when company started to get bigger, everything needed to be more professional.

StoreHub was just finishing rebranding, and they decided it’s time to face-lift the company website.

Design Wars

After the idea for the website was outlined, it was UX time.

UX research and design was handled by the amazing Michelle Kuah. If you need a UX designer, she’s great and I highly recommend her.

But anyway, after UX research was done, it was UI time, and that’s when things started to get interesting.

Project manager at the time really wanted brand designers that were handling StoreHub’s rebranding to do the website. And the thing about brand designers (at least the ones we were working with), is that they’re not UI designers. Which naturally resulted in UI they produced being quite suboptimal, to say the least.

StoreHub was still hiring for a full time UI designer at the time, and internal conflict regarding the whole design thing was heating up, so I decided to step in avnd provide some ideas to resolve it. This resulted in an overnight design of what’s now StoreHub’s homepage.

Shortly after that a UI designer was hired and continued with the rest of the website based on the design I provided.

So what’s inside?

Them Animations

The most noticeable thing on the website is all the scorll-driven animations. Like the iPad sliding into a stand between first and second sections. This is meant to show how easy it is to turn an iPad into a point of sales system.

There’s lots of other animations as well, some for visual factor, like the report card, some for a good reason, like table headers on pricing page.

UIKit

The CSS framework used for the website was UIKit because it’s better than Bootstrap. UIKit allows to built things really fast and includes a lot of standard ”landing page” components out of the box. It’s also really good when it comes to responsiveness which was crucial here as over 60% of StoreHub’s website users were mobile.

React

Of course there’s gonna be React 😃

React was used to create a new sign-up flow. Previously it was an ugly one page form. Now it’s a pretty 2-step flow that collects analytics along the way and is just more pleasant to use.

Deployment

Doesn’t exist. The company chose to host the website on HubSpot (a CRM platform that accidentally has web hosting functionality) which lead to all sorts of shenanigans with deployment, but it all works out in the end of the day.

Conclusion

That’s roughly the summary of this project. If you’re interested to know more about my work, hit that back button at the top and check out my other projects.

Thanks for your time and have an amazing day!