Skip to main content

Gucci

This was the most challenging, and therefore my favourite role by far. I was lead front end for over a year here and it was the most intense project I’d ever worked on. As Gucci is a luxury brand they were understandably very particular about the look and feel of the site. This made the work extra challenging but very rewarding in the end, which I loved.

Visit website
  • CSS (SCSS/SASS) · HTML · Responsive Design · Testing & Debugging · UI/ UX Design Principles · jQuery · JavaScript · Sublime · Bootstrap CSS · Git · CMS Content Editing & Development · Confluence · Hybris (Now SAP Hybris) · Gulp · Zeplin · Photoshop · Illustrator · Design Patterns & Principles · Tea making · Attention to detail · Communication · Diplomacy · Adaptability · Mentoring · Agile/Scrum · Time Management · Problem-solving · Client meetings · Client Relationship · Management · Designs/ Code Audits · Team Management
  • Frontend Development
  • Review the static code base (provided by a design agency), clean it up and merge it into Gucci’s new Hybris system
  • Hybris CMS Integration
  • Create new Hybris components
  • Bug fixing the current live site
  • Frontend Team Co-ordination and Workload Delegation
Gucci Project Collage Of Components Created Within Hybris
A dramatic ocean scene with lava forming a new land mass.

Key Responsibilities

Gucci were switching over to a new Hybris environment. My main role was to review the static code provided by the Gucci in-house developers. Then convert them to Hybris working code.

These are the components i focussed on: homepage hero, listing page hero, footer, global icons

Regular meetings with various teams: design, backend Hybris developers, business analysts, client, third-party design agency. The main focus was clarifications, estimates, expectations and workloads

Key Achievements

The whole site went live slightly earlier than expected

Optimized the provided code; mostly for efficiency and also for compatibility within Hybris

Spending time at the Gucci HQ in Florence, Italy

Create new Hybris components

As I was the lead on this project I wasn't very hands-on, but I did work on a few of the new components to help the team out: the homepage hero component, mega menu navigation (responsive), footer layout, header navigation icons, PDP layout and global bug fixing.

The Challenge

Gucci were understandably extremely particular on designs and how the site looked visually. Even once completed, a lot of the components had to be re-worked, based on new designs. This wasn't in any way unique to Gucci, but proved challenging after every sprint. Some of the bug fixes proved very tricky; especially one where the parallaxing product card stuttered on scroll. The fix was to make sure images were properly optimised for loading.

Proudest Of

The mega menu was especially challenging, so I was particularly pleased it worked and looked great on mobile and desktop. All in all this was my favourite project to work on, not only because of Gucci being such a well known brand, but because it was the most challenging from start to production.

Gucci Project Example of Homepage With Hero and Product Link
Gucci Project Example of Hero Carousel
Photo of Tyrona National Park - Shot By Rowley Macklin