The Gilt technology organization. We make gilt.com work.

Designing a Responsive Navigation

image

As part of our efforts to make the entire Gilt website responsive, the first major component our team decided to focus on was navigation. Gilt.com’s existing navigation was already starting to feel overcrowded with user account links, so we knew that we wanted to minimize the number of elements, reduce its height as much as possible and bring more content above the fold. We also wanted to do a better job of letting users know when they are eligible for discounts or offers. Below you can see what changes we made, as well as what the responsive states look like.

image

Overall, we’ve managed to save 33px of space, align with our mobile app’s look and feel, and highlight what’s truly important to our customers–discounts!

If you have any feedback regarding the navigation or anything else Gilt product/UX-related, drop us a line at productfeedback@gilt.com!

image

product 6 ux 3 responsive 2 navigation 2 Gilt 340 Gilt Groupe 282 Gilt Tech 287 gilttech 332 Gilt Product 17 David Park 3 responsive web design 5 responsive design 7 user experience 23