cat herding rogue pixels...

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

role

senior art director
product design manager

year

2018 - 2019

Roboto

{headlines}

ABCDEFGHIJ
KLMNOPQRS
TUVWXYZ
#1234567890

Roboto Condensed

{paragraphs}

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

#
1
2
3
4
5
6
7
8
9
0

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