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 custom Sitecore-friendly UI/UX components, update homepage and family-page patterns, and maintain the site with SEO, ADA, and CMS reuse 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.
Approach.
I created more compact reusable components, including tabbed product/category areas, tabbed quote content, and two-up layouts that make dense information easier to browse.
Refresh the homepage
Update the homepage structure so more products and special call-out features could appear without turning the page into a long undifferentiated list.
Build compact components
Create tabbed product/category patterns and quote components that allow multiple pieces of content to share one focused page area.
Use two-up layouts
Lay out content in two-up sections across the site so related messages, products, and calls to action can sit together without overwhelming the page.
Extend family pages
Apply the same component thinking to specialty family pages so related categories can be presented together without creating excessive scrolling.
Component examples.
Each component demonstrates how I strategically condensed space while creating more opportunities to showcase more content.
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.