Teleport Website
As a high-growth startup, Teleport’s marketing website had grown without mature brand standards or a library. The need for a scalable and malleable design system was apparent, with each new page taking hours or days of design iteration and feedback meetings to launch. The design team didn’t have visibility of the CMS to be able to match up naming conventions and structure between the CMS and Figma. Dev contractors didn’t have bandwidth or scope to take ownership over component and variable structure. Experimentation with AI tools was further changing the process.
The visual brand also needed to evolve. Other brand assets, such as booth signage, were moving in a complex, 3d direction, so I took a minimal approach with design decisions to let graphics take center stage. Brand guidelines defined only a purple and teal, so I built out semantic, mode-based color and gradient palettes suitable for web.
I created a Figma library where everything, including core foundations like fonts, was mapped to variables for easy changes down the road. I connected with dev to create a token system that lined up with the CMS and build out an MCP pipeline so any AI work would be on-brand and in-system.
web design, design system
Cybersecurity SaaS
Teleport's homepage had scaled in complexity without evolving in strategic clarity. The page over-explained foundational concepts to an audience who already understood them (such as senior security engineers and infrastructure leaders). The user journey was built around education rather than authority, which didn’t resonate with the target users.
I restructured the user journey around ICP research, competitive benchmarking, and sales insights, mapping each section to a distinct stage in how a senior security buyer evaluates a vendor: land with conviction, establish credibility through specificity, convert through confidence.
I led design for other areas of the site such as the blog, Masterclass series, web-based white papers, and the newsroom.
