Marvel Product Detail Pages
Oct 21, 2024 - One of my last developed items went live with the Marvel collab.
Product detail pages featuring content for Wolverine, Spider-Man, and Deadpool.
Mickey Tennis Landing Page
May 20, 2024 - Part of the ongoing Disney and Fossil collab, Fossil launched a set of tennis-centric products for Mickey and Minnie Mouse.
The landing page for them was built with the bootstrap framework, animated "gifs" that were actually stationary carousels with no sliding animation, and a Greensock (gsap) driven header with a rotating carousel of the collection.
The page is located at this link: https://www.fossil.com/en-us/featured/the-edit/disney-x-fossil-mickey-tennis/
Father's Day Gifting Page
May 13, 2024 - The new gifts landing page layout for Father's Day was built with the bootstrap framework. The page utilized Greensock animations across multiple heroes, including a simulated water effect by animating in bubbles that were given a screen filter via CSS.
This page also features the 'add to cart' function that was being rolled out for the site.
The page is located at this link: https://www.fossil.com/en-us/featured/the-edit/fathers-day/
Feb 2024 Homepage Refresh
Feb 15, 2024 - First page refresh after Valentine's Day. This set featured visual nav menus between page contents that were tucked away into accordions.
Within the visual nav, you found iconography for different product types with hover effects on them.
Feb 2024 Watches Page Refresh
Feb 15, 2024
Brand Codes Landing Page
Sept 5, 2023 - As Fossil began to change its style, they decided to make a page to highlight the brand "codes" in featured products.
The page is located at this link: https://www.fossil.com/en-us/featured/our-stories/fossil-brand-codes/
"Early Cap" Homepage Refresh
July 31, 2023
The Flash x Fossil
Landing Page
Landing Page
June 6, 2023 - The landing page for the collab with DC to make watches for The Flash and Reverse Flash.
This page was built using the bootstrap framework and features an automated load-in video of the two watches for the top header. Further down on the page, you can find CSS animated images of Flash and Reverse Flash running across the page.
Additionally, this page also features 'faux' animated gifs that were made with slide-less carousels.
This page is located at this link: https://www.fossil.com/en-us/featured/the-edit/the-flash-x-fossil/
Star Wars x Fossil
May 4, 2023 - To celebrate the anniversary of Return of the Jedi, Fossil launched a collection of limited edition watches, designed after the heroes of Star Wars.
In June, the Empire collection was launched, as well.
I was the lead developer for the site refresh that featured both collabs. Assets created were for the homepage, custom landing page, integrated content, and product description page content.
"It's The Little Things"
2020 Holiday Set
2020 Holiday Set
Dec 1, 2020 - This joyful holiday set was the outcome of social distancing limitations. I was excited to turn the vision of our art teams into the website that was used during the holiday, based off of stop motion animations of tiny figures celebrating the holiday in a a Christmas village.
Unveil Content for
the Gen5 Smartwatch
the Gen5 Smartwatch
Oct 5, 2020 - When Fossil unveiled its Gen 5 (and series) smartwatches, I was involved in the 'learn more' pages that displayed the features of the new watches.
Since Fossil withdrew from the smartwatch business, these pages are no longer live on the site.
Skagen Pride Landing Page
Assorted Customer Care Features on Fossil.com
During my tenure at Fossil Group, I've frequently touched many modals and modules related to assisting with the brand's customers and userbase.
Click on the image to see more examples.
Skagen's Customer Care Page
I was the developer behind the customer care framework that is featured on www.skagen.com.
The page is built within the bootstrap framework to create a responsive experience for both desktop and mobile users. Multiple content assets are pulled in via includes, and set into a config within Salesforce Commerce Cloud's slot settings.
