/projects

Our work spans digital products that millions of people use daily, from web applications and e-commerce platforms to interactive retail experiences. We take a flexible approach to design: sometimes handling it in-house, other times partnering with design agencies. Development stays with us completely. We maintain full control to ensure every project is built to exacting standards.

Each project presents its own unique challenges. Whether it's creating an intuitive interface for a fitness app, building a custom e-commerce experience, or designing an interactive retail installation, we adapt our technical approach to what makes sense. Sometimes that's a React-based web application, other times it's a Webflow site or a custom touchscreen interface. What stays consistent is our focus on creating experiences that feel natural to use.

Peloton

Peter Jones Wellness Pop-Up

shade* built an interactive iPad web app for Peloton's wellness pop-up at Peter Jones in London. The touchscreen kiosk let shoppers explore Peloton's product range, book practice rides, and sign up for more info. Simple, fast, built for a high-traffic retail environment.

Peloton UK pop-up touchscreen kiosk in retail environmentPeloton UK pop-up app interface showing member testimonials and interactive features

Dawnbreaker

Shopify Rebrand & Redesign

Our previous client Misery & Mayhem came back for a full rebrand as Dawnbreaker Oats. The design system we'd built for their original site was flexible enough to handle the transformation. We redesigned and updated their Shopify site with a fresh look while keeping the foundation solid. New brand, same smart infrastructure.
https://dawnbreakeroats.com

Dawnbreaker - A sneak peek of the Dawnbreaker website, showcasing its unique design and user-friendly interface.Dawnbreaker - Another view of the Dawnbreaker website, highlighting its modern design and functionality.

EPIC

WordPress Development & Site Monitoring

EPIC People brought us on to add new features across their WordPress sites and provide ongoing monthly monitoring. We've built custom functionality tailored to their needs and stay on top of site health and security. When potential attacks came through, we locked things down fast using Cloudflare and other protective measures to keep their sites running smoothly.
https://epicpeople.org/

EPIC People Site - Showing the hero area of the siteEPIC People Site - Showing the mobile view of the site

Misery & Mayhem

Digital Design Direction and Shopify Site

Leading creative direction and e-commerce development for Misery & Mayhem, our team worked hand-in-hand with their product team and illustrators. Our comprehensive approach unified custom illustrations with thoughtful user experience design, bringing their brand to life through a custom Shopify implementation. The close collaboration with their team ensured the platform authentically represented their vision.
https://miseryandmayhem.com/

Misery & Mayhem - A sneak peek of the Misery & Mayhem website, showcasing its unique design and user-friendly interface.Misery & Mayhem - Another view of the Misery & Mayhem website, highlighting its modern design and functionality.

Cognitiv

Webflow Site Redesign

shade* collaborated with MLTI design agency and the client's marketing team to reimagine and rebuild their digital presence. Built in Webflow, the redesigned site features extensive custom JavaScript functionality and a sophisticated content management system that gives their team full editorial control. Through seamless integration of custom animations and interactive elements, Shade created a dynamic, modern platform that elevates their brand story. The site combines advanced technical capabilities with an intuitive user experience, ensuring both visual impact and efficient content management for their marketing team.
https://cognitiv.ai/

Cognitiv Site - Showing the hero area of the siteCognitiv Site - Showing the mobile view of the site

Peloton

Holiday Ad Banners

shade* developed a series of animated HTML banners for Peloton's holiday campaign, showcasing their product lineup and mobile app. Working within a tight timeline, the team delivered a comprehensive set of banners featuring intricate animations that highlighted both Peloton's hardware offerings and digital experience. The campaign required precise attention to detail and optimization to maintain smooth performance across multiple banner formats. Examples below are .gif exports.

Peloton ad banner examplePeloton ad banner examplePeloton ad banner example

Newlab

Newlab 2.0

For Newlab 2.0, we partnered with their in-house creative team to design and develop their digital platform, focusing on showcasing their climate tech innovators and startup ecosystem. Built in Webflow, the site features custom CMS integration that gives their team full control over content, from member profiles to events. We created a magazine-style layout with distinctive animations and interactions, making complex content feel accessible and engaging.
https://newlab.com

Newlab Project - A captivating view of the Newlab application interface showcasing its innovative features.Newlab Project - Another perspective of the Newlab application, highlighting its modern design and functionality.

Peloton

The Cooldown

shade* developed Peloton's year-in-review web application, Cooldown, working closely with their design and engineering teams. Built in React, the platform featured an interactive video experience unique to each member's journey, powered by our custom API. Rich animations using GSAP brought user achievements to life throughout the experience. Members across five international markets could securely access their personalized stats through OAuth authentication and share their custom videos and graphics on social media. Our implementation supported multiple languages and regional content variations while maintaining consistent performance across all markets.

Peloton Cooldown Project - A snapshot of the Peloton Cooldown web app, providing a glimpse of its user interface and features.Peloton Cooldown Project - An engaging image displaying the Peloton Cooldown app with personalized achievements and highlights.Peloton Cooldown Project - A visual representation of Peloton Cooldown's interactive features and user-centric design.Peloton Cooldown Project - Capturing the essence of Peloton Cooldown with a focus on social media sharing and personalized videos.

Peloton

All For One Microsite

Peloton's 'All For One' music festival came to life through an interactive microsite featuring a custom poster generator. Built in React and powered by AWS Lambda, the web app invited members to create personalized festival artwork featuring their favorite artists. The intuitive interface offered various layout options and customization features, letting users design unique concert posters for social sharing. Despite a tight deadline aligned with the festival launch, our team delivered a seamless experience from design through development.
https://afo22.com/

All For One Project - Home ScreenAll For One Project - Example of user generated poster

Peloton

Concept Store Touch Screens

shade* developed and maintained the touchscreen application powering product displays at Peloton's Concept Stores across the US and Canada. The React-based interface pulls real-time pricing and product data directly from Peloton's backend, ensuring accurate, up-to-date information for shoppers. A Contentful integration empowers the design team to update visuals and content instantly across store locations. The application, deployed through Netlify and distributed via AppSpace, runs in Peloton's North American retail presence.

Peloton Concept Store Touch Screens - A large touch screen displaying product information and pricing in a Peloton Concept Store.Peloton Concept Store Touch Screens - Another view of the in-store touch screen application, providing an interactive shopping experience.

Nike

Nike NYC Internal Blog Site

shade* partnered with STEADY's talented design team to develop an internal blog site for Nike NYC. The project involved creating a WordPress site and CMS to meet the unique needs of Nike's internal communications.

Nike NYC Internal Blog Site - A snapshot of the Nike NYC Internal Blog Site, highlighting its layout and visual appeal.Nike NYC Internal Blog Site - Another view of the Nike NYC Internal Blog Site, showcasing its dynamic content and imagery.Nike NYC Internal Blog Site - An illustrative element from the Nike NYC Internal Blog Site, adding a creative touch to the content.

Nike

Nike Social Wall CMS

shade* spearheaded the development of a CMS using AngularJS for Nike's 23rd Street store's interactive social wall. This innovative feature showcased a dynamic collage of curated social media posts, adding an engaging and interactive element to the Nike retail experience.

Nike Social Wall CMS - A representation of the Nike Social Wall CMS, demonstrating its use in-store for product displays.Nike Social Wall CMS - Another perspective of the Nike Social Wall CMS, emphasizing its role in showcasing dynamic content.

Samsung

Samsung 837 site and CMS

We developed and delivered the AngularJS website and CMS for Samsung's NYC flagship store, known as Samsung 837. This dynamic space offered in-store purchasing, an immersive SmartThings Home experience, and the chance to explore all the latest Samsung technology. Our team's technological expertise contributed to creating a seamless and engaging digital presence for Samsung's flagship location.
https://www.samsung.com/us/explore/837/

Samsung 837 Site and CMS - A glimpse of the Samsung 837 Site and CMS, showcasing its immersive design and content.

Yoube

Yoube Booking Application

Our engineering team implemented a sophisticated React-based platform facilitating the booking of co-working spaces. The application featured intricate functionalities, including floor maps for seamless navigation, ensuring a highly usable site experience.

Yoube Booking Application - An image representing the Yoube Booking Application, emphasizing its user-friendly interface for booking services.Yoube Booking Application - Another view of the Yoube Booking Application, highlighting its features and functionality.