MIVO mitarbeitervorteile

Responsive website

by PRODYNA AG

About the Client

mitarbeitervorteile.de is the market leading advantage portal for employees and members. Users get benefits in numerous areas such as travel, fashion, cars, electronics and much more. The closed circle of users realizes special advantages that benefit you as a company employee.

My Task

I was involved in re-designing the user interface process of few pages and navigation section with my co-workers.

Details

Year:
2016
Deliverables:
UI design
Tools:
Sketch App
Zeplin App

My Task

The requirement was re-designing the user interface of responsive website. I was involved designing user interface of some pages as like homepage, product lists and detail page. I worked close to my co-workers, while getting feedback from the client. I designed user interface of navigation, register and information pop ups on desktop, tablet and mobile.

Product Detail Page

Product detail page has been designed by considering the amount of clicks, that''s why te accordion menu has been removed to display the  details of the product at a glance without any extra click.

The discount has been emphasized on the product. The discount badge versions has been designed by another colleague and I implemented it into the page. Color scheme has been kept limited to emphasize discount and CTA buttons.

Before

After

Navigation

Before

The type of existing menu was expandable side menu.

The problem with the expandable sidebar is; user loose the rest of the categories out of viewport when clicks on sub categories.  

After

Mega menus are the best solutions for numerous categories according to NNGroup researches. It provides user to keep the overview of each category at a glance in viewport.

I designed the navigation as like mega menu instead of expandable sidebar menu.

Please switch the slider to see the difference between the final navigation design and before the design.

Pop up modules

All Projects

Contact

Get in touch: