cat herding rogue pixels...

I was tasked with refreshing the outdated startrek.com website, which was stuck in the '90s like a Tribble in a transporter malfunction. We created a more immersive, user-friendly experience that stayed true to the Star Trek legacy while adhering to the CBS.com template. The new site featured a sleek, responsive design, improved SEO, and intuitive navigation, so easy even a Klingon could use it. Engaging, streamlined, and ready to live long and prosper!

role

senior art director
product design mgr

project type

ux - ui - product design

year

2017 - 2019

www.startrek.com

Heads up!

This page is currently under construction—which means what you’re seeing below are some vintage gems (aka older designs) in line for a much-needed glow-up.

I’m in the middle of revamping this section to match the fresh, savvy vibe of the top Web section of TheGrio work on my site. The app section? Still on the to-do list—design and development coming soon(ish).

‍Feel free to browse TheGrio in the meantime, but just remember: the designs below are more "throwback Thursday" than 2025.‍

research

We kicked off the project by exploring some of the most notable science fiction networks available online. These brands included DC Comics, Star Wars and Marvel Comics. We then created mood boards with descriptive words about these products.

We kicked off the project by exploring some of the most notable
science fiction networks available online. These brands included
DC Comics, Star Wars and Marvel Comics. We then created
mood boards with descriptive words about these products.

DC Comics.com

clean

bold

friendly

Starwars.com

dark

stylish

powerful

Marvel.com

ad heavy

outdated

high-tech

iterations

We created several iterations before we settled on a final look and feel. The difference with this project specifically, was that all of the exploration designs were shown to the client in order for us to make a final decision together. Below are a couple of variations that we produced for the client.

We created several iterations before we settled on a final look and feel.
The difference with this project specifically, was that all of the exploration
designs were shown to the client in order for us to make a final decision
together. Below are a couple of variations that we produced for the client.

iterations

White mobile device with imagery of Karl Urban acting as Doctor Bones for Star Trek the movie

White mobile device with imagery of the cast of startrek.com inside of it

wireframes

As a team we decided on a solution and created low-fidelity wireframes - pen and marker panels to map out the content. Staying within the adaptive grid of CBS.com's framework, we reorganized and designed a more immersive experience with editorial, video and photo galleries.

As a team we decided on a solution and created low-fidelity
wireframes - pen and marker panels to map out the content.
Staying within the adaptive grid of CBS.com's framework,
we reorganized and designed a more immersive experience
with editorial, video and photo galleries.

Wireframes sketches with grey and black colors for startrek.com

mouseover

visual design

During the visual design phase we applied Star Trek's branding colors and font choices. Although at this stage the site is not developed responsively, the design and experience remain consistent across devices.

During the visual design phase we applied Star Trek's branding colors
and font choices. Although at this stage the site is not developed
responsively, the design and experience remain consistent across devices.

visual design

results

The Startrek.com website redesign went live in April of 2019 while meeting the business goals and requirements of the initial proposal. It's currently live on CBS.com and Startrek.com on responsive web.

The Startrek.com website redesign went live in April of 2019 while meeting
the business goals and requirements of the initial proposal.
It's currently live on CBS.com and Startrek.com on responsive web.

home is where the heart is

thanks for scrolling