Challenge
Important products, quotes, and category pathways were competing for space in layouts that either stretched too long or only allowed one piece of content at a time.
Work
Component system
CONMED Custom Components
Custom components helped the site hold more strategic content in less space while keeping the experience modern, accessible, and easier to maintain.
UI componentsHomepage refreshTabbed contentTwo-up layoutsSitecore CMSADA complianceSEO structure
Role
Design and develop reusable Sitecore components: tabbed product grids, quote modules, and two-up content layouts. Apply these patterns to the homepage and specialty family pages, with SEO, accessibility, and ongoing CMS maintenance in mind.
Impact
The component work improved visual consistency, limited scrolling, created more room for product pathways, and gave teams more flexible patterns for future pages.
Interactive Figma Prototypes
Tabbed 4-up product grid
A compact product-category component made it possible to feature more solutions on the homepage while keeping the section easy to scan.
Tabbed 4-up component for switching between product categories without adding more page length.
Tabbed quote component
The quote area evolved from one long edge-to-edge quote into a tabbed module that can support multiple voices in the same footprint.
Tabbed quote component designed to carry more testimonial content in less space.
Two-up content container
The two-up pattern pairs related content, calls to action, and promotional pathways without forcing users through long single-column sections.
Two-up layout pattern used to pair related content and calls to action without extending the page.
Together, these new components reduced scrolling by replacing the older long homepage on the left with the current, more compact homepage on the right.
Old Design
My Redesign
Left: homepage before the component refresh. Right: finished homepage with a more modern visual system, shorter scroll, and stronger product pathways.
- Homepage refresh made room for more product pathways while keeping the first page scannable
- Tabbed quote and product modules placed more content in less vertical space
- Two-up format allowed call-outs to share blocks
Evidence gallery.
By adding a two-up redesign, I was able to showcase more products that should be grouped together, including forefoot and midfoot content that previously lived in a narrower page path.
Old Design
My Redesign
Left: forefoot-only page. Right: combining categories like forefoot and midfoot allows more information without excessive scrolling.