A dedicated and diligent professional who combines extensive work & leadership experience with a strong academic background in Computing, Multimedia Communications and Electrical Music.
You should definitely hire me! I’m good! I’m really Good!! I’m really, really good!!!
Forreal, for real! I’m really good!
Based In London
Working Globally
Hello
UI/UX Designer and Front-End Developer passionate about creating inclusive digital experiences.
With strong expertise in accessibility and SEO, I design and build user-focused websites that drives traffic and delivers measurable results.
Adaptable and quick to grasp new ideas, with a proven ability to identify improvements to workflows and processes—maximizing efficiency with quality.
You’ve found a Senior Front-End Engineer and Scrum Master — by day, at least.
I have a full understanding of the digital product lifecycle, from design and development through launch and post-release iteration.
I’ve worked with a wide range of CMS platforms and have solid exposure to multiple backend technologies.
Below are the languages I work with most, along with my CMS proficiencies: HubSpot | Sitefinity | Crownpeak | WordPress | Pardot | Tridion | Shopify
Case studies
Real projects. Real constraints. Real outcomes.
A curated selection of projects showcasing real-world scenarios - examining how planning, decision-making, misplaced creative alignment and when clients and teams are fully aligned directly impact outcomes.
DesignReactJavaScriptHTMLCSS
Guinness World Records
A full redesign and CMS transition that highlights the impact of effective planning versus reactive decision-making on delivery and results.
Guinness World Records project
Brief
This project was a large-scale digital transformation involving multiple major changes delivered in parallel. It combined a full website redesign, a migration to a new CMS, a move from on-premise infrastructure to AWS, and the introduction of a modern front-end framework. Each element introduced its own technical challenges, and together they required careful coordination to manage risk and delivery.
Kids Guinness World Records old website views
The Challenge
The primary technical goal was to improve the user experience of the application process by introducing React, while ensuring it integrated cleanly with an enterprise CMS (Crownpeak) and a newly architected AWS infrastructure built on Lambda, CloudFront, and S3.
At the same time, the existing site needed to be re-implemented from C# Razor views into Crownpeak’s templating system. This was not a like-for-like migration; it required rethinking how content, layouts, and components were structured, while preserving existing functionality and data integrity.
A significant challenge was that these workstreams were not planned as a single, coordinated programme. Infrastructure migration, CMS implementation, and front-end development progressed independently, without a shared delivery roadmap or clear dependency management. This increased technical risk and made it difficult to sequence work effectively.
Guinness World Records website old website views
Problem-Solving & Delivery
From a front-end and integration perspective, much of the effort focused on adapting to moving targets. Components built in React often had to wait for CMS templates or infrastructure decisions to be finalised, leading to rework and stalled progress.
Introducing new technologies added further complexity. Teams were required to learn and implement React and AWS services while simultaneously delivering production-ready features. Without sufficient time allocated for discovery, proof-of-concepts, or technical validation, risks that could have been mitigated early instead surfaced during active development.
The project was further impacted by unavoidable changes, including staff transitions, which reduced continuity and institutional knowledge at critical points in the delivery.
Guinness World Records in the present
Outcome & Lessons Learned
The project ultimately ran more than a year beyond its original deadline. Key milestones were missed, and progress was frequently blocked by unresolved dependencies between teams and technologies.
While some delays were outside of anyone’s control, the project clearly demonstrated the importance of early risk management and technical planning when undertaking complex transformations. Large-scale changes — particularly those involving new frameworks, CMS platforms, and cloud infrastructure — require upfront architectural alignment, clear ownership, and realistic timelines that account for learning curves and integration challenges.
The experience reinforced that technical complexity alone is not the greatest risk; rather, it is the absence of coordinated planning, dependency management, and cross-disciplinary communication that most often leads to delays and inefficiencies. When these factors are addressed early, teams are far better positioned to manage complexity and deliver successfully.
Guinness World Records Kids before and after
Guinness World Records mobile views
WordPressPHPJavaScriptHTMLCSS
THE B-SIDE
A rebrand and website redesign that demonstrates what’s possible when clients trust the team they’ve hired to deliver on brief.
THE B-SIDE
Brief
The project involved a full rebrand and website redesign, with the aim of translating a refreshed brand identity into a clear, effective digital experience. The challenge was to deliver a high-quality result that balanced creative ambition with practical development constraints.
THE B-SIDE original website
The Challenge
Initial discovery and requirements gathering were carried out by the design agency AOK London, who worked closely with the client to define the brand direction and communication goals. When the project moved into development, it was essential to fully understand not only the design output, but also the relationship and expectations already established between the client and the agency.
A key challenge was navigating a relatively limited budget for a rebrand and website build of this scale. This meant design decisions needed to be carefully assessed to ensure they could be delivered efficiently, without compromising the intent of the new brand or the overall user experience.
THE B-SIDE filtered clients page
The Approach & Solution
By building on the groundwork laid by AOK London, I approached the project with a strong understanding of the design rationale and the client’s priorities. This made it possible to confidently interpret the designs, while also knowing when to validate assumptions directly with the client before implementing more complex elements.
Close, ongoing communication played a critical role throughout the project. Design ideas were discussed early in terms of development effort, allowing adjustments to be made before finalisation. This collaborative approach helped align expectations across all parties and ensured the design remained achievable within budget.
Clear milestones were set and followed, with the client actively involved in testing and feedback at each stage. Decision-makers were clearly identified, which streamlined approvals and prevented delays.
THE B-SIDE Production pages
The Outcome
The project was delivered on time and within scope, resulting in a website that successfully reflected the new brand identity while remaining technically sound and maintainable.
The client’s willingness to trust the expertise of the agency and development team proved to be a key factor in the project’s success. Timely feedback, open communication, and clear ownership of decisions allowed the project to move forward efficiently and with confidence.
Ultimately, the collaboration demonstrated how alignment between client, agency, and developer — even under budget constraints — can lead to a strong, well-executed digital outcome.
A case study showing how full client control within a CMS affects consistency, usability, and long-term maintainability.
Kunterbunte Inklusion e.V
Brief
The project involved the design and development of a charity website with a strong focus on inclusivity and accessibility. The goal was to create a platform that could be easily updated by non-technical users, while ensuring the site remained accessible, performant, and aligned with the charity’s mission.
Kunterbunte Inklusion e.V old website
The Challenge
From the outset, the project faced significant communication challenges. All client communication was funnelled through a single project manager, who acted as the sole point of contact between the client and the wider design and development team. This created gaps in understanding, with key requirements either being misinterpreted or not fully articulated.
As a result, there was a growing disconnect between what the client expected, what the designers recommended, and what was technically feasible. Designs were signed off without full client alignment, leading to missed requirements that only became apparent once development was already underway.
The absence of direct technical input during the early stages made it difficult to translate the client’s needs into practical, accessible solutions. This highlighted how challenging it can be to deliver complex, inclusive digital products without clear and accurate communication between all stakeholders.
Screenshot of the Kunterbunte Inklusion e.V present with errors
The Approach & Solution
As development progressed, it became clear that significant clarification and rework were required to bring the site closer to the client’s expectations. Additional effort was spent adapting layouts, restructuring content, and addressing issues that could have been identified earlier with stronger technical involvement during the design phase.
The project also revealed the risks of granting full design control without accessibility or performance oversight. Design changes introduced late in the process had knock-on effects, particularly around image usage, colour contrast, and page loading times — all critical factors for an accessibility-focused charity website.
While solutions were implemented to resolve these issues, they came at a considerable cost in time and effort, reinforcing the importance of involving experienced professionals across design, development, and accessibility from the very beginning.
Kunterbunte Inklusion e.V in new website
The Outcome
The project ultimately required extensive redevelopment while already in motion, resulting in timelines that exceeded the original estimates by more than double. Many of the challenges encountered could be traced back to early communication breakdowns and a lack of technical guidance during decision-making.
The experience clearly demonstrated that inclusive and accessible websites demand specialist knowledge and close collaboration. Without professional oversight at every stage — from requirements gathering to design sign-off — even well-intentioned projects can suffer from avoidable delays, accessibility issues, and increased costs.
In the end, the project served as a strong reminder that accessibility is not an afterthought, and that successful delivery relies on clear communication, shared understanding, and the involvement of experienced professionals throughout the entire process.
Design and development of a custom HubSpot CMS theme based on provided Figma design files, with a focus on flexibility, performance, and ease of content management.
Role
Led the development of a fully custom HubSpot CMS theme using the latest HubSpot development tools and best practices available at the time.
Translated Figma designs into responsive, production-ready templates, ensuring design fidelity across breakpoints.
Built a library of reusable, drag-and-drop modules to enable flexible page composition for non-technical content editors.
Implemented HubSpot workflows to process and automate form submissions, supporting lead capture and internal notifications.
Ensured the theme was scalable, maintainable, and aligned with HubSpot CMS standards.
Design and development of a new website based on established brand guidelines, translating the client’s design direction into a cohesive, modern digital experience.
Role
Designed the website in alignment with the provided brand guidelines and client input, ensuring visual consistency and usability.
Developed the site using WordPress, delivering a scalable and maintainable solution.
Implemented custom front-end views for the PropertyHive plugin, tailoring layouts and user interactions to meet the project’s functional requirements.
Ensured responsive behavior and cross-browser compatibility across all key templates.