Panasonic

eCommerce UI/UX

“It was a pleasure working with Ali. He doesn’t blindly follow requests from the client. He wants all design to be best in class UX-wise. So in many cases he provided a constructive feedback and UX articles convincing me to reconsider some of my initial decisions. I recommend working with him without a doubt.”

 

Łukasz Stachowicz
Digital Manager at Panasonic.

Prototypes

Design

Challenges

Panasonic has a brand guideline for stores, graphics, and social media. However, unfortunately, there was no guideline for web design. My main aim was to design consistent with the current guideline.

 

Typography Challanges

We couldn’t use Panasonic font for legal reasons. The font was DIN and I came up with Barlow font which is nearly the same as DIN.

 

Color Bar Challange

This is the most important part of the Panasonic brand. Unfortunately, that was not ready for responsive devices. The idea was to squish the bar on responsive devices. It didn’t make much sense to me that we couldn’t use nearly 50% of that place when we already had a small space.

Solution

We decided to use that bar %100 along with respecting other rules on both desktop and mobile

We hide product list on category and product page. We have menu icon next to logo and we use breadcrumb to navigate.

Ajax Filter

We show results immediately once the option is selected

Category box

Category box

Category Page

Compare Products function

Tablet on scroll top animation
Tablet on scroll down animation

On Scroll Top
On Scroll down
Mobile Top
Compare Products

Have a project for me?

Hire Now

Back

This is a unique website which will require a more modern browser to work!

Please upgrade today!

Share