Smith Commerce
Built commerce experiences for two Smith clients: Marcone's headless storefront and F.W. Webb's purchasing, account, and product discovery workflows.
En esta página 4 secciones
Work notes
Active work
Two commerce projects at Smith
- Estimated reading time
- About 5 minutes
- In this project story
- 15 sections
At Smith Commerce, my work as a Senior Front End Developer has spanned two client projects: Marcone and F.W. Webb. Across both, I have worked on the frontend systems that connect product discovery, purchasing, and account workflows with commerce APIs.
Client project 01
Marcone: rebuilding for a headless future
My first project was the frontend rebuild of Marcone, a large commerce experience being moved away from a legacy monolith. The old storefront was slow, inaccessible, and hard to evolve. The goal was to replace it with a modern headless frontend that could move faster without waiting on backend readiness.
Outcomes
MarconeStorefront rebuild
- Marcone: Lighthouse score improved from 35 to 98
- Marcone: Time to Interactive dropped by 75%
- 100% accessibility score on Marcone's rebuilt storefront
- Marcone: First Contentful Paint improved by 60%
Core challenge
This was not a greenfield marketing site. It was a storefront migration with real performance debt, accessibility issues, and delivery pressure on both the frontend and backend sides. The work only mattered if the team could improve user experience immediately while still creating space for parallel delivery and longer-term maintainability.
What I owned
- Front-end architecture from monorepo setup through launch,helping shape the headless storefront foundations as the project moved into production.
- Parallel delivery against mocked OpenAPI contracts,so front-end and backend work could move independently without blocking each other.
- UI systems, forms, and state patternsusing
Next.js 15,React 19,TypeScript,Radix UI,TanStack Query, andZod. - Developer experience improvementsthrough stronger linting, automation, and team standards that made delivery faster and less noisy.
Marcone
Technical highlights
Explore the projects and case studies connected by these technologies.
Frontend
State and data
Before and after
The difference was visible in both performance and experience:
Legacy monolith
Headless storefront
Client project 02
F.W. Webb: building the purchasing experience
My second project at Smith was F.W. Webb, where I helped bring a new commerce experience to life. My work connected a modern storefront design with the complex purchasing needs of business customers, spanning product discovery, checkout, and account services.
Inside the product
F.W. Webb development preview, captured from the storefront running locally in a signed-out session. The design and content are still evolving.
A new storefront, built for discovery
The desktop experience brings search, campaigns, and industry navigation together in a shared visual language.
The same experience on mobile
Navigation, search, and promotional content adapt to a smaller screen while keeping the storefront's identity consistent.
The purchasing challenge
The challenge was to make a complex B2B platform feel straightforward to use. Customers needed a consistent experience from exploring the catalog to completing a purchase, while the business needed room to evolve its content, services, and workflows.
What I contributed
- Bringing the new storefront to life,translating the design into responsive experiences across product discovery, purchasing, and account management.
- Making complex commerce easier to navigate,building customer journeys that connect a broad product catalog with the needs of business buyers.
- Connecting design with business operations,turning purchasing rules and account services into clear, practical interfaces.
- Giving content teams more flexibility,creating reusable, CMS-driven experiences that support evolving campaigns and localized content.
- Strengthening the foundations for continued delivery,building shared components and integration patterns that help the storefront grow consistently.
F.W. Webb
Webb technical highlights
Explore the projects and case studies connected by these technologies.
Frontend
State, forms, and integration
Content and development
My approach
I approached the storefront as a connected product: the design, customer journey, and underlying services all needed to work together. My focus was on carrying that consistency across the experience while giving the team reusable foundations for future work.
What carries forward
Why this experience matters
These two projects broadened my commerce experience in complementary ways.
Marcone
Centered on modernizing a storefront and improving performance and accessibility.
F.W. Webb
Added deeper work on purchasing rules, account permissions, product discovery, and content integration.
Together, they reflect the frontend work I enjoy most: making complex systems understandable for customers and maintainable for the teams building them.
