Skip to main content

Dr Martens

I really enjoyed this role as I joined from the start of Discovery Phase 1 all the way to Production, and beyond. As well as writing the code, I created the base designs to work from for the client. Being my first delve into the Hybris world, I had to learn extremely quickly. Hybris documentation being notoriously scarce, I had to learn the hard way. This proved extremely challenging, but very rewarding.

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
  • Frontend Development
  • Wireframe Designs
  • Actual Designs
  • Create semantic components based on the designs within Hybris
Dr Martens Collage of Various Components and Design

Create new wireframe designs, convert to actual designs and Create components within Hybris

Dr Martens were creating their new site within Hybris. It was my task to make flat designs (based on the provided wireframes). Then after client approval I'd convert this to clean, semantic code within Hybris. This was a kind of hybrid role: designer/ front end developer, as there were no designers on our team. As I was the sole front end developer on this project I was responsible for all bug fixing and content changes from discovery phase 1 to production. One of my regular tasks was to liaise with the Dr Martens management team, our project manager, QA team, BA team and backend Hybris developers.

The Challenge

Balancing designing vs front end development. The client was very supportive of the designs, but there were still numerous updates and bugs which meant plenty of code changes.

Proudest Of

The whole project was one of my favourites as I was hands-on throughout the process, from creating the designs to go-live code.

Dr Martens Example of New Homepage Showing New Product Listing Page
Dr Martens Example of New Homepage Showing New Hero Product Carousel
Photo of Tyrona National Park - Shot By Rowley Macklin