Kyle

Kyle Conrad

Design—Code

I make awesome things for folks like Taco Bell, Disney, Bethesda Softworks, and NBC Sports.

Conrad

Griffith Observatory

Redesign of the Griffith Observatory homepage.
Redesign of the Griffith Observatory homepage.
A dark and light mode, including changing photography of the observatory, is based on the visitor’s location and their local sunrise and sunset times.
The Griffith Observatory website adjusts based on the visitor's local time - during daylight hours, it uses a light theme with large photos of the observatory in the sun.
The Griffith Observatory website adjusts based on the visitor's local time - during night hours, it uses a dark theme with large photos of the observatory with the city lights.
Mobile views of the redesigned Griffith Observatory site.Tablet views of the new Griffith Observatory website.
The new Visit page for Griffith Observatory, featuring a fully interactive map of the grounds and exhibits.
Redesign of the Griffith Observatory Exhibits page.
Redesign of the Griffith Observatory Events page.

Dole + Disney

The Dole websites displayed on a computer and tablet
The Cars character page design as part of the Dole/Disney partnership
The Cars recipe page design as part of the Dole/Disney partnership
The Beauty & The Beast landing page design as part of the Dole/Disney partnership
The Beauty & The Beast quiz design as part of the Dole/Disney partnership
After the Cars 3 partnership, we used the base character quiz model to develop a Beauty And The Beast themed experience with more detailed recipes and animated interactions.
The Beauty & The Beast character and recipe page design (featuring Belle) as part of the Dole/Disney partnership
The Beauty & The Beast character and recipe page design (featuring the Beast) as part of the Dole/Disney partnership
Initial and final designs for the Last Jedi themed experience — assets and content structure would change as it was reviewed and approved by Dole and Disney marketing teams.
The Star Wars Episode VIII: The Last Jedi homepage design as part of the Dole/Disney partnership
The Star Wars Episode VIII: The Last Jedi homepage design as part of the Dole/Disney partnership
The quiz for the Last Jedi themed experience was rebuilt to be a single scrolling page instead of multiple pages, allowing for better storytelling and a more compelling user experience.
The Star Wars Episode VIII: The Last Jedi quiz design as part of the Dole/Disney partnership
The Star Wars Episode VIII: The Last Jedi quiz design as part of the Dole/Disney partnership
The Last Jedi themed experience also expanded on the overall content structure — not only were recipes associated with characters, but stories were added across the site to give visitors tips and advice on how to maintain a healthy lifestyle.
The Star Wars Episode VIII: The Last Jedi stories page design as part of the Dole/Disney partnership
The Star Wars Episode VIII: The Last Jedi story page design as part of the Dole/Disney partnership
The Star Wars Episode VIII: The Last Jedi sign up page design as part of the Dole/Disney partnership

Wolfenstein II – The New Colossus

The Wolfenstein II website displayed on a phone, tablet, and television
An initial high-fidelity concept allowed visitors to pick their side on landing, with each path presenting different information about the world and game.
Initial "Resist" concept for the Wolfenstein II site
Initial "Resist" concept for the Wolfenstein II site
Another high-fidelity concept presented visitors with an interactive map highlighting levels of the world as “tourism” locations. A “restricted” area was hidden behind a password (that would be revealed via hints on social media) that highlighted the game protagonists.
Initial "Amerika" concept for the Wolfenstein II site
Initial "Amerika" concept for the Wolfenstein II site
After a final direction for the overall experience was decided, we moved back from high-fidelity prototypes to hand-drawn sketches and diagrams to quickly flesh out concepts and ideas. These sketches are early explorations into “World” and “Game” landing pages.
Early hand-drawn sketches and concepts for the Wolfenstein II site
Early hand-drawn sketches and concepts for the Wolfenstein II site
Homepage design for the Wolfenstein II site
Homepage design for the Wolfenstein II site
As part of the home landing grid, we created a comprehensive series of grid sizes and rules for content and media to ensure the site could continue to be updated and maintained across all phases of the experience.
Grid rules and content recommendations for homepage of the Wolfenstein II site
Grid rules and content recommendations for homepage of the Wolfenstein II site
The site was built to accommodate upwards of ten localizations and languages, including German-specific assets removing all Nazi symbols and languages made up of Chinese or Kanji characters.
Homepage design in German, featuring censored content and symbols, for the Wolfenstein II site
Homepage design in Japanese for the Wolfenstein II site
"Amerika" page design for the Wolfenstein II site
"Amerika" page design for the Wolfenstein II site
As part of the “Amerika” landing page (in the style of an in-world newspaper), we created content documents and rules laying out exact requirements alongside the design.
Content outline and structure for the "Amerika" page design for the Wolfenstein II site
Content outline and structure for the "Amerika" page design for the Wolfenstein II site
Pre-order page design for the Wolfenstein II site
Pre-order page design for the Wolfenstein II site
Immersive landing pages were created for each of the “in-world” trailers released for the game. These trailers used pop culture set in the game's alternate universe, mirroring real world television shows, to fully flesh out their version of “Amerika.”
Video landing page for the Wolfenstein II site
Video landing page for the Wolfenstein II site
These landing pages were linked together to tell a more cohesive story of the world and included a looping carousel interaction to dynamically load the pages when moving between them.
Video landing page for the Wolfenstein II site
Video landing page for the Wolfenstein II site