The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Project Title: Global Corporate Platform – Diageo
Role: Frontend Engineer | Team: IDX (Investis Digital)
Live Link: https://www.diageo.com/
🚀 Project Overview
Collaborated as a core member of the IDX (Investis Digital) engineering team to transform high-fidelity Figma wireframes and designs into a fully functional, global corporate platform for Diageo. My role focused on the "design-to-digital" pipeline, ensuring that the visual vision was translated into a high-performance, Sitecore-integrated reality.
🛠 Technical Stack & Tools
Design-to-Code: Figma (Asset Extraction & UI Specs)
Systems Architecture: Storybook (Component-Driven Development)
CMS Integration: Sitecore Experience Platform
Frontend Core: HTML5, CSS3 (SCSS), Modern JavaScript (ES6+)
Libraries: Bootstrap, GSAP (GreenSock) for interactive animations
Compliance: WCAG 2.1 Level AA Accessibility
🛠 My Key Contributions within the Team
Figma-to-Digital Implementation: Led the technical translation of complex Figma designs and wireframes into responsive, pixel-perfect frontend code, ensuring brand consistency across all breakpoints.
Component Development (Storybook): Built and documented modular UI components in Storybook, creating a "living" design system that served as the bridge between the design team and Sitecore developers.
Sitecore Integration: Collaborated with the engineering team to build "Sitecore-ready" modules, ensuring that the high-fidelity designs remained intact when managed by content editors.
Interactive Features: Implemented specific high-end interactions using GSAP, including scroll-triggered animations for the "Spirit of Progress" ESG sections.
Accessibility Standards: Ensured all UI components met WCAG 2.1 AA standards, focusing on inclusive design and screen reader compatibility.
📈 Team Achievement
Successfully launched a multi-region corporate platform that perfectly mirrors the original Figma design intent.
Contributed to a modular, scalable codebase that enabled the agency to manage global content updates efficiently for the client.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
dovvstudio.com is officially an Awwwards Nominee. First time I submit something there, no idea what to expect, and it got in.
Link below
Congrats! Getting nominated on your first submission is such a great achievement. Definitely something to be proud of!
ROOTED - An Interactive Hero Where Clouds Part and Roots Grow
rate this hero section?
Looks amazing!
Planora is a landing page design for a project management platform built for small and growing teams. I designed it in Figma to make a crowded product category feel simple, clear and approachable.
The goal
Project management tools often feel crowded and hard to start using. The page needed to explain the product quickly, build trust and lead visitors to one clear action: start a free trial.
My process
Structured the page so each section answers one question: what it is, what it does, who it’s for, how to start and what it costs
Alternated light, dark and gradient sections to keep a long page easy to scan
Used glossy 3D visuals and a purple accent system to make the brand feel modern and premium
Built icon cards for features, use cases and setup steps, so visitors can scan instead of read
Repeated one primary call to action in the hero, mid-page banners, pricing and the final section
The result
A complete SaaS landing page, from hero to footer, with a consistent visual system and a clear path from first impression to free trial.
Tools: Figma, Phosphor Icons
