Skip to main content

TKMaxx

TKMaxx were refreshing their global site to a new Hybris environment. My main role was to setup the front end environment, lead the front end team and create some of the new components. As well as advise various in-house teams on integration and running Hybris. It’s always nice to start a project from Discovery phase 1, to get a full picture of requirements and to see the project grow right from the start.

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
  • Get new front end environment up and running within Hybris, using gulp and git
  • Hybris CMS Integration
  • Create new Hybris components
  • Frontend Team Co-ordination and Workload Delegation
TKMaxx Project Collage of New Components Used Within Hybris
A dramatic ocean scene with lava forming a new land mass.

Key Responsibilities

TKMaxx were refreshing their global site to a new Hybris environment. My main role was to setup the front end environment, lead the front end team and create some of the new components. As well as advise various in-house teams on integration and running Hybris.

Converted static components to work in Hybris: 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

It’s always nice to start a project from Discovery phase 1, to get a full picture of requirements and to see the project grow right from the start.

Wrote an extensive Front End Best Practice document for the team

New Frontend Environment Set Up

The Challenge

TKMaxx were switching to the Hybris system. For discovery and sprint 1, I had to set up the front end environment using Gulp as the task runner and Git as version control within Hybris Accelerator. This was my first time to set everything up myself. A daunting, But enjoyable task. It was quite challenging to get Gulp and Git to work perfectly for both macOS and Windows users. Also, quite a challenge getting server settings working for both.

Proudest Of

Learning new skills and I have to admit the server setup for running Gulp and Git within Hybris tested my patience a bit. But very pleased it all ended up running smoothly for all the front end team, as well as the backend team when they needed it.

A dramatic ocean scene with lava forming a new land mass.

Frontend Team Co-ordination and Best Practices Document

The Challenge

Every morning before our daily scrums my regular task was to check Jira and the backend team, then delegate tasks to the front end team. I then led the daily scrums. I also wrote a general front end best practices document so the code and the look would be consistent throughout. It was a team effort, so any new suggestions and edits were added regularily.

Always making sure the tasks that were delegated to the front end team matched their skillsets and answering a lot of technical questions. The important thing was not to overload any of the team. The best practices document was a team effort, and a cross-department one, so there were a lot of meetings and discussions and changes made.

Proudest Of

Sprints were completed in time for all Jira tasks. The team wasn't overloaded with work. The front end best practices was used by all departments for a visual guide to every component and piece of content.

Create New Components Within Hybris

I created various new components for the new Hybris site: the homepage hero component and the Listing page's hero component, footer layout, header icons. I also helped out with global bug fixing when the teams workload was too much.

The Challenge

The only real challenge was getting the components just right for the design and marketing team.

Proudest Of

The hero component was slightly more complex than usual, as it had multiple layers. So I was really happy with the way it turned out in the end.

TKMaxx Project New Login and Sign Up Form Component
TKMaxx Project New Product Details Page for Regatta Grren Fleece
Photo of Tyrona National Park - Shot By Rowley Macklin