{{ panelTitle }}

Catalytic

Website Design AI Search
Catalytic portfolio site

Brigosha CMS

Mobile Design
Coming soon Preview

CareNest

Healthcare · AI
Coming soon Preview

{{ caseLead }}

{{ caseLinkLabel }}
{{ fact.label }} {{ fact.value }}

{{ sec.heading }}

{{ sec.body }}

Final screens

final screens

Catalytic Agency Website Redesign

Making a PR agency worth finding, by people and AI.

Catalytic News & Insights page on tablet
Catalytic PR Work page
Role
UX Design Intern
Timeline
2 weeks
Team
1 designer1 design manager1 developer
Tools
FigmaGoogle AnalyticsWordPressClaude
Constraints
Limited budgetLaunch before BIO 2026June 25, 2026

Results

0
PR hub views.
179
organic search sessions.
30.5%
engagement rate.
1,778
homepage views.

The Problem

Nearly all traffic came from paid ads, and visitors left fast. The site wasn't earning its own attention.

Google Analytics · Mar 24 – Jun 22, 2026, before launch
Paid search
63% 1,054 sessions
Organic search
11% 179 sessions
Other sources
26%
Bounce rate · before launch
Left without engaging
69.5% 7 in 10 visitors

Research

We audited every page, benchmarked competitors, and gathered client feedback, all around one question: what does a biotech prospect need to see to trust us?

Three research methods: audit, benchmark, client lens

Four real gaps

Putting the audit, competitor review and navigating by clients lens, the same four problems kept coming up. Each one gave prospects a reason to leave before they saw our work.

A positioning mismatch.
Positioning mismatch The website's balance of PR and digital work shifts to match the business. What we sell What we showed PR Digital PR Digital
Stale content.
Stale content Outdated homepage tiles refresh into new content. ?
Invisible to AI search.
Invisible to AI search An AI answer lists other sources and leaves an empty slot where Catalytic should be. Catalytic
Tangled navigation.
Tangled navigation A messy menu becomes an organized one with a clear PR item.

Solutions

A fresh front door

We replaced outdated event highlights with a sizzle reel of real work and happy clients, so the homepage reflects where Catalytic is today.

Before
Old Catalytic homepage
After
A home for PR work

A dedicated PR Work section, filterable by Corporate Milestones, Emerging Biotech, Product & Clinical Milestones, and Global BioPharma, so prospects find proof in their own sector.

PR Work page with category filter bar12
1Category filters: “Find proof by sector.”
2A milestone card: “Results up front.”
One clear path to each type of work

"Our work" and a large "studio" banner led to the same page, which cluttered the menu and confused visitors. We removed the duplicate link and gave PR and Creative Studio their own entries under Work.

Before
Old Catalytic menu
1
After
New Catalytic menu
2
1Two links, same page.
2Work splits into PR and Studio.
Built to be found

We added FAQs in a structured Q&A format that AI answer engines can read.

Catalytic FAQ page
3× more visits from AI tools 10 → 32 sessions after launch, from ChatGPT, Gemini, and Claude, with engagement up to 73%.

Testing before launch

We reviewed the Figma prototype with the internal team, then checked the staging build against it page by page for links, scrolling and layout. These were the most important issues we caught, and what we changed.

What we found What we changed
01
Hero text covered the video

The headline sat over most of the video, so the reel was barely visible.

Moved and resized the text so the video has room to play.

02
Visual polish

A heavy dark overlay made the hero text harder to read, and a few smaller visual inconsistencies showed up across pages.

Lightened the overlay and refined spacing and alignment.

03
Hard to scan projects on mobile

Wide rectangular project cards made scanning difficult on small screens.

Switched to a stacked card layout so each project reads clearly.

04
Gaps we caught on staging

Seeing the full site live showed us two things the prototype had missed: the connect form needed a clearer layout, and the site said nothing about the organizations Catalytic supports.

Reworked the form layout and added Catalytic Cares, a section below our values that shows those organizations and their logos.

What changed after launch

Before and after launch · Source: Google Analytics
PR hub views
0 → 99
Organic search sessions
179 → 261
Homepage views
1,778 → 2,241
Engagement rate
30.5% → 36.1% Bounce rate: 69.5% → 63.9%.

What I learned

Positioning isn't just messaging.

Our menu had the same mismatch built into its structure.

Constraints sharpen priorities.

A fixed deadline forced us to choose the four changes that mattered most.

What's next

Next, I'd test with real prospects, surface the desktop navigation, and track where visitors drop off, then design around what the data shows.

That's the Catalytic redesign, in short.

Curious about the audit details, the full prototype, or the rest of the analytics? Happy to walk through it.

Steffi Manhalli
Designer & doodler
Say hello Resume

Hi, I'm Steffi.

01 · Always drawing

I've always drawn. Sketches, doodles, little art projects everywhere. But there was another habit I didn't have a name for yet: I kept seeing things through other people's eyes.

02 · The instinct

Every Christmas, when we decorated outside, I'd think about the people walking past. Which way should the decorations face so someone on the street could actually enjoy them? Even arranging things on our shelves, I'd wonder what angle a guest would see them from, and whether they should face in or out. Turns out that's a design instinct: think about who's looking before you decide what to show them.

03 · Into UX

That instinct took me into graphic design, and then, at Myntra, into UX. I was making training content for customer support agents, and I kept watching them struggle with the tool they used on live calls. A customer would ask about a missing order, and the agent had to hunt through a screen where nothing had clear priority. The agents weren't the problem. The tool was. That's when I got hooked on why things are hard to use, and how to make them easier. I later came to the US for an MS in Information Systems (UX/HCI) at Northeastern to go deeper into exactly that.

04 · Today

Today I'm at Catalytic, a creative agency. I design websites for the agency and for its clients, plus the creatives that go with them, and I bring a UX process into the workflow wherever I can, starting from who the audience is and what they need. Before that, I designed for multiple EdTech products. All together, that's about five years in design: three in graphic design and two in UX.

05 · Off the clock

When I'm not designing, I'm usually drawing. Here are a few of my . I share my home with a (yes, the plants count as pets). My are stargazing, moss and mushrooms, anything quiet and a little magical. And whenever I can, I go .

Illustration of a girl sitting in a tree hollow at night with a lantern and glowing fish
Animated illustration of a girl with a backpack and a cat on her shoulder
Painting of dragonflies and white flowers on a green block
Hand-painted stone with colorful letters and characters
Illustration of smiling stones with moss, flowers and a mushroom
Grey and white cat stretched out on a TV stand
Cat curled up asleep on a white chair
Kitten looking out a window at the trees
Balcony garden with ivy, basil and potted plants
Milky Way in a dark night sky
Stargazing
Tree trunk covered in thick moss among ferns
Moss
Small red mushroom on the forest floor
Mushrooms
Camping
Campfire