Work Play About Contact

UX Design · Website Redesign · Climate Tech

Nexstera
Tech

Designed the investor and education site for a lithium-ion battery AI startup, reframing a confusing pitch into a clear, investor-ready story and shipping the design system the team now builds on.

My Role
UX Designer
Team
Iter8 studio team · Nexstera founders
Timeline
Jan – Mar 2024 (8 weeks)
Tools
Figma · FigJam · Webflow
Live Figma prototype · tap the in-app tabs to move through the flow
At a glance
01
The challenge
A climate-tech startup's site did not explain what the company did, so investors bounced before they understood the product.
02
What I did
Working alongside the Iter8 studio team and Nexstera’s founders, I owned the design end to end, from founder interviews and journey mapping to the shipped design system, rebuilding the wireframe after the CEO said an early version recreated the problem.
03
The outcome
A story investors could finally follow. The redesign reframed 'what does this company do?' into a clear, fundable pitch, backed by a reusable design system.

Problem Identification

A brilliant product
nobody could explain.

The technology worked. The website made sure no investor understood why it mattered.

Every year, lithium-ion batteries hidden in waste streams cause hundreds of facility fires costing millions. Nexstera Tech built Pyrotack, an AI system that detects these batteries before they ignite. The technology worked, but nobody outside the founding team understood why it mattered. The site read like an engineering spec sheet: dense, jargon-heavy, no investor pathway, and no reason for a first-time visitor to care.

My role: UX designer. Owned the Investor and Education pages end-to-end: competitive analysis, journey mapping, wireframing, visual design, prototyping, and usability testing.

I asked one question: "If I were an investor landing here for the first time, would I understand what this company does within 30 seconds?" The answer was no. Three critical gaps stood out:

01
No Investor Resources
The site had no dedicated investor page, making it difficult to showcase traction, business value, and funding potential to prospective backers.
02
Missing Educational Content
Lithium-ion battery technology is widely misunderstood, yet the site offered little educational material to inform users and build credibility.
03
Weak Design Foundation
Inconsistent design, poor hierarchy, and limited polish reduced brand credibility and user confidence in the platform.

User Research

I assumed investors wanted data.
They actually wanted a story.

My hypothesis was that investors want metrics, traction data, and technical proof. Journey mapping and think-aloud sessions proved otherwise: investors dropped off not because they lacked information, but because they couldn't find a reason to care. That shifted my approach from presenting data clearly to telling a story that makes the data matter.

How I researched Journey mapping (investor + visitor) Competitive analysis (6 companies) UX & content audit Think-aloud sessions
Journey map: dual-track mapping of the investor and curious visitor experience across five stages · scroll across to see all five →
Stage 1Awareness
Actions
Lands on homepageInvestor
Lands on homepageVisitor
Pain Points
No investor details, only general product infoInvestor
Shallow overview, few visuals, no directionVisitor
Opportunities
Dedicated investor pageInvestor
Educational landing page with step-by-step visualsVisitor
Stage 2Consideration
Actions
Clicks "get in touch" to ask questionsInvestor
Clicks "get in touch" or joins email listVisitor
Pain Points
Info gated behind a contact form, no reply assuranceInvestor
Little on why it matters or what to do with old batteriesVisitor
Opportunities
Direct contact with reply assurance and a visible investor tabInvestor
Explain battery types and drop-off instructionsVisitor
Stage 3Acquisition
Actions
Makes contact to begin investingInvestor
Reaches out or joins the mailing listVisitor
Pain Points
Setting up a meeting feels like guessworkInvestor
No clear path to individual actionVisitor
Opportunities
Direct CTAs like "set up meeting" with investor infoInvestor
Visual guide to lithium devices and drop-off pointsVisitor
Stage 4Service
Actions
Invests in the productInvestor
Gets more educated on batteriesVisitor
Pain Points
Hard to share or market, limited assetsInvestor
Unclear what comes nextVisitor
Opportunities
Lead with product features and statsInvestor
Shareable infographics to spread the wordVisitor
Stage 5Loyalty
Actions
Continues investingInvestor
Keeps acting and sharing progressVisitor
Pain Points
No mechanism for long-term loyaltyInvestor
No reason to return after learningVisitor
Opportunities
Regular stat and progress updatesInvestor
Progress tracker plus fresh educational contentVisitor
Actions
Pain Points
Opportunities

Competitive Landscape

I analyzed 6 companies in the battery and sustainability space to understand what effective digital presence looks like in this sector. The four below stood out as reference points.

Li-ion Tamer
Off-gas monitoring to prevent thermal runaway: up to 30 minutes of early warning for battery fires.
Li-Cycle
Battery recycler collecting and processing lithium-ion batteries to recover materials and support safer disposal.
Battery Recyclers of America
North American recycler recovering 95%+ of materials from spent lithium batteries via shredding and chemical leaching.
Redwood Materials
A major lithium-ion recycling and materials-supply company; its polished, story-driven site set the credibility bar in the category.

Key Insights

Three findings that changed
the direction of this project.

Investors didn't feel the stakes, had no path to a conversation, and read polish as credibility.

01
"I get that it's important, but I don't feel it."
During think-aloud sessions, participants could summarize Pyrotack's function, but none could articulate why it mattered to them personally. The site informed without persuading. This insight drove me to lead with human stories of facility fires rather than technical specs.
02
Investors bounced in under 15 seconds
Journey mapping revealed that investors arriving at Nexstera's homepage had no clear next step: no dedicated page, no traction metrics, no pathway to a conversation. They needed a curated experience that spoke directly to their decision-making process.
03
Competitors looked more legitimate (even when they weren't)
Redwood Materials and Li-Cycle had polished, story-driven sites that projected authority; even when their technology was less advanced than Nexstera's, visual credibility was acting as a proxy for product credibility in investors' minds.

Design Process

The first version was wrong.
That's how I knew it was working.

The fix was splitting one overloaded page into focused, single-purpose ones.

My first wireframes tried to do too much, cramming investor data, education, and product detail onto one page. The sketches and mid-fidelity frames below are where I worked that out.

Initial sketches exploring layout concepts
Early concept sketch exploring layout and information hierarchy
Refined sketches iterating on page structure
Refined sketch iterations for key pages
Mid-fidelity wireframes: translating sketches into structured Figma layouts
Mid-fidelity wireframes showing page layouts in Figma
Think-aloud study: annotated markup highlighting usability issues and user confusion points
Think-aloud study markup showing annotated user feedback on the original site

Design Decisions

The trade-offs behind
the redesign.

Three moments where two defensible directions pointed opposite ways, and the choice mattered more than the polish.

01

One page for everyone, or separate journeys?

My first wireframes crammed investor metrics, education content, and product detail onto one homepage. In a workshop review, the CEO pointed out I was recreating the exact problem we'd identified: information overload, no clear path through. I split the experience into dedicated pages, each with one job, one audience, one next step.

More pages to design, build, and maintain. Accepted because consolidation is only efficient when audiences want the same things, and ours fundamentally didn't.

02

Data-first, or story-first?

My hypothesis was that investors want the receipts: traction, market sizing, technical proof. Think-aloud sessions said otherwise. Participants could explain Pyrotack but couldn't articulate why it mattered enough to write a check. The data wasn't the missing piece. The emotional hook was. I rebuilt the investor page to lead with stakes, then product, then numbers.

Investors who wanted to skim to traction had to scroll further. Mitigated with a sticky nav, but the default flow now made you feel the problem before you saw the metrics.

03

Borrow legitimacy, or build from scratch?

Redwood Materials and Li-Cycle had more polished sites than Nexstera, even though Nexstera's tech was stronger. Visual credibility was acting as a proxy for product credibility. A startup raising seed money doesn't have the budget to teach investors a new visual vocabulary. I adopted the category's established conventions (cool green palette, calm type, hero video) and let the substance do the differentiation.

Less visual originality. The right call: investors finally understood the pitch in the first meeting. Ambition can come in V2.

Scope

What I chose not to build.

Eight weeks and a seed-stage budget meant every hour spent on one feature was an hour taken from the raise. The journey maps surfaced more opportunities than the timeline could hold, so I ranked them against a single test: does this move an investor closer to a meeting? Three promising ideas failed that test, and waited for a later version.

Deferred · Retention
An investor progress dashboard with recurring stat updates. Strong for long-term loyalty, but loyalty is a later problem. What the team needed was to win the first meeting, not the tenth.
Deferred · Engagement
A public progress tracker and shareable infographics for curious visitors. A real growth lever, and a distraction from the one page that had to convert. Parked until the funnel it feeds actually exists.
Deferred · Operations
A battery drop-off location finder. Useful, but it depended on logistics data Nexstera did not have yet. Designing a map with no addresses to fill it would have shipped a dead end.

Design System & Handoff

A visual language the team could actually build.

Because the founders would maintain the site themselves, I designed for handoff from the first component.

I built a modular system of colors and typography grounded in Nexstera's sustainability mission: reusable blocks and tokens the team could recombine in Webflow without redrawing anything.

#436062
#1A461A
#EDF1FF
#253839
#AFC6A6
Heading Heading
Subheading Subheading
Body Body
🧩
Components, not one-off screens
Every page drew from one modular set of colors, type, and reusable blocks, so the founders could recombine them in Webflow without redrawing anything.
📐
A system, not a pile of screenshots
Handing over tokens and repeatable blocks kept the brand consistent as the team added pages I would never touch.

Solution

Introducing Nexstera Tech's
new website.

Each page now has one job, one audience, one next step.

The homepage builds emotional urgency, the investor page converts interest into meetings, and the education hub positions Nexstera as a thought leader. Every decision traces back to research.

💰
Dedicated Investor Page
Clearly presents traction, Pyrotack's value, and business potential: designed specifically to support funding conversations and investor outreach.
📚
Educational Content Hub
Simplifies technical concepts about lithium-ion battery risks and Pyrotack's AI detection: building public awareness and credibility.
Clear Calls to Action
Intentional engagement pathways that drive user flow from initial awareness through inquiry and conversion for both investors and the public.

"We were incredibly excited to finally have a clean, professional site that matches the company we're building. It's been a monumental step in helping Nexstera bring in investors and spark interest from around the world."

Penny Lane Case · Founder & CEO, Nexstera Tech

Impact

From "what does this company do?" to a story investors could back.

The redesign changed how people experienced Nexstera's story. Investors who previously bounced now explored the dedicated investor page and reached out for meetings, the outcomes the design could actually move. The company went on to close its first seed round, with the founders crediting the platform's new clarity as part of what helped them get there.

more investor meeting requests after the new story-led site launched
8 wks
from first founder workshop to a launched investor & education site
−34%
drop in bounce rate on the investor page

Figures shared by Nexstera's founders from their own site analytics over the first quarter after launch, directional signals rather than a controlled study.

Reflection

What I'd do differently
& what stays with me.

If I could restart this project, I'd push for direct investor interviews early on. My journey maps came from competitive analysis and think-aloud sessions with proxy users, but nothing replaces hearing an actual investor say "this is where I'd leave the page." I also underestimated how long the design system would take; front-loading that work paid off in the final sprint.

The biggest lesson: design for startups isn't just about usability; it's about survival. Every decision either moved Nexstera closer to funding or further away. The founding team described the launch as a monumental step for bringing in investors and worldwide interest. Knowing my work contributed to that remains one of the most meaningful outcomes of my career.

Next: A/B testing the investor page's CTA placement against live traffic, and extending the design system across the rest of the site.

Next Project
Foundry: Agent Builder
View case study →