Transforming a legacy website into a scalable growth platform

As Transnetyx expanded its portfolio of services, the website struggled to keep pace.
We redesigned the platform to better showcase offerings, simplify content management, and support future growth.

ROLE
Product Designer
TIMELINE:
6 months (Q3 2025 - Q1 2026)
RESPONSIBILITIES:
UX Strategy, Information Architecuture, Design Systems, CMS Planning
Prototype GIF of feature

15x

Faster Page Launch

90%

Lower Development Cost

A Website Built for a Different Company

Transnetyx had outgrown its original website. What started as a site focused on a single service no longer reflected the company's expanding portfolio of services and solutions. As the business grew, it became harder for customers to understand everything Transnetyx offered.

The website also created challenges for internal teams. Simple updates often required engineering support, new pages took weeks to launch, and the platform wasn't flexible enough to keep up with marketing needs.

I helped lead the UX strategy for TCOM 2.0, a complete redesign of Transnetyx.com. Working closely with marketing and engineering, we created a more flexible website that made it easier to showcase services, launch new content, and scale as the business continued to grow.

Website homepage showing automated genotyping services with options to get started and schedule presentations.

The old website was difficult to scale as the business grew

Webpage from Transnetyx with info on automated genotyping, sample processing, and shipping services.

The new website provided a flexible foundation for future growth

Designing for Growth

What began as a company known for a single service had expanded into a diverse portfolio of offerings spanning diagnostics, products, software, and hardware. The website, however, was not structured to reflect that growth.

Mapping the service ecosystem helped us identify relationships between offerings and create a foundation for a more scalable website experience. This work informed both the information architecture and the content strategy that guided the redesign.

Service ecosystem map of Transnetyx listing out the services and products under each category

Designing for Flexibility

A major goal of the redesign was reducing reliance on engineering for routine website updates. Marketing needed a faster way to create pages, launch campaigns, and update content without requiring custom development work.

Rather than creating a unique solution for every page, we identified common patterns across service offerings and developed reusable page structures that could be adapted as needed. This approach allowed us to maintain a consistent experience while supporting the unique requirements of different business areas.

For example, Automated Genotyping required a relatively straightforward content structure, while Colony + AMI needed additional sections and more complex storytelling. By designing flexible templates around these use cases, we created a foundation that could support future services without starting from scratch each time.

Automated Genotyping

Colony + AMI

Website header with Transnetyx logo and text about effortless genotyping with 99.97% accuracy in 24 or 72 hours.
Transnetyx website header with slogan More Science in Every Cage and call to action buttons.
Blue background with DNA strand and text highlighting key features of precision and scalable genetic testing benefits.
Green background with DNA strand and text listing scientific service key features and benefits.
Blue digital brain with magnified neurons and background DNA strands, illustrating Huntington's genotyping.
Two pricing plans for colony management: Standard includes breeding records; Premium adds predictive insights.
Page with scalable accuracy header and two boxes: Try Colony with enrollment key or request a personalized key.

Showcasing the Full Portfolio

The original website was heavily focused on Automated Genotyping, Transnetyx's flagship service. As the company expanded its portfolio, the website struggled to showcase the growing range of services and solutions available. Many offerings were buried within the navigation, making it difficult for customers to discover and understand what Transnetyx offered.

We introduced a dedicated Suite of Services experience that brought the company's offerings together in one place. Services were organized into clear categories, helping users explore related solutions, understand how they connected, and gain a broader view of Transnetyx's capabilities.

By making the full portfolio more visible and easier to navigate, the redesigned experience better reflected the company's evolution into a multi-service biotechnology partner.

Transnetyx webpage showing services from sample submission to data analysis and management for research stages.

Results

By rethinking how content was structured and managed, the redesign transformed the way teams worked behind the scenes. What once required significant engineering effort could now be launched and maintained far more efficiently.

The new platform created a foundation that could scale alongside the business, making it easier to support future growth and evolving customer needs.

15x

Faster Page Launch

We reduced launch timelines from 30 days to 2 days by enabling modular page creation and reducing engineering dependency.

90%

Lower Development Cost

We reduced average page development costs from $10K to $1K through reusable templates and streamlined workflows.

Building for What's Next

While the project improved the experience for customers today, it was also designed with the future in mind. The new structure makes it easier to introduce services, support acquisitions, and adapt the platform as business needs evolve.

More importantly, it shifted the website from a marketing bottleneck to a scalable platform that can grow alongside the company.