Truleo Homepage Redesign


Truleo’s website had grown confusing and hard to follow, and it didn’t show the platform’s newest features. I restructured and redesigned the homepage around those features, and created its illustrations and animations.

In its first week live, the new homepage is already bringing in more demo requests. See it live at truleo.co

Truleo homepage redesign on laptop and phone


Before: the story was spread across separate pages for officers, departments, technology and resources, with dense text and stock photography.

Truleo website before the redesign


New Truleo homepage, full length

After: one homepage that walks a visitor through the product in order.

It opens with a clear promise and a product illustration, explains how Truleo works in three steps, then sets the problem against the solution with real numbers.

From there it shows the core features, proof from law enforcement leaders and agency badges, simple per-user pricing, and a final call to start a free trial.


Truleo hero illustration: jail call linked to case cards


The illustrations show the product at work instead of stock photos: a jail call linked to an open case, data sources connecting through Truleo, and small product cards for each feature. I also animated them, so each step plays out on the page.

How Truleo works: data sources connecting through Truleo
Problem and solution section with statistics
Feature cards with product illustrations


On a phone, the headline, stats and feature cards reflow into a single, easy-to-scan column.

Truleo homepage on three phones

Teladoc Primary360 launch



Teladoc Primary360 landing page


Teladoc Primary360 landing page


Teladoc Primary360 landing page

Teladoc Primary360 is a new innovative service that provides a team that helps the member get a Primary Care physician through telehealth.

I was tasked with designing and coding the landing page to introduce Primary360 from planning stages to launch.

Developed the animations and look to showcase the advantages of the new service by simplifying the content and how it's showcased both on desktop and mobile.

Teladoc Primary360 landing page

Teladoc Brand Guidelines Website



Teladoc brand guidelines website


Teladoc brand guidelines website


Teladoc brand guidelines website

Teladoc is changing rapidly, and I was tasked with building an online experience for designers and developers to have an online spot to find the guidelines and resources they need to keep the brand current.

For a brand that's constantly changing, it's important to have a platform that can showcase those changes in real-time, since the company has grown so rapidly it's not feasible to have documents constantly updated, but having an online resource has helped tremendously.

Teladoc brand guidelines website

Franco BluePrint Website


Franco Blueprint works nationwide helping clients in a range of industries prosper their businesses.
They came to me as they were preparing to re-think their user interface and experience on their current website, as well as improving their design and brand identity that positioned them as innovative and trusted leaders in the CFO business.

Franco BluePrint website


Franco BluePrint website
Franco BluePrint website
Franco BluePrint website

It was important to bring a distinct visual system to the website and define the sections and visual elements that were more important for the company to convey to the user.

Franco BluePrint website
Franco BluePrint website
Franco BluePrint iconography and color

Iconography was created to reinforce the brand and convey simplicity and sophistication throughout the experience.

The color palette creates a rich contrast with the gradient library. Combined they add energy and sophistication to the brand.

Franco BluePrint website
Franco BluePrint website
Franco BluePrint website

Through a consistent use of icons, color palette and fonts, it was easy to navigate and the sections were easy to differentiate, allowing the brand to have consistency and creating a clear path for the user.

Franco BluePrint website
Franco BluePrint website