Design + Code + Identity

World of X.

An uncanny guide to the X-Men.

Growing up, the mutant outcast heroes of Marvel Comics known as the X-Men struck a personal chord with me, leading to immense collections of trading cards, action figures, and comic books (not to mention a probably unhealthy Saturday morning cartoon addiction just to catch up with the latest adventures of Professor X, Wolverine, Cyclops, and friends). When Marvel announced an API with references to their entire history of publishing, it was time to turn that childhood obsession into something amazing.

Initially conceived as a quick experiment to combine the Marvel API, the Google Maps API, and the Meteor JavaScript platform, World Of X quickly became an expansive and comprehensive guide to almost every location in which the X-Men have lived and battled. A fully interactive map, the site allows visitors to explore these locations with large comic book imagery, a full description of the location and its relevance to the X-Men, and a link to every comic series in which the location has played a part.

All work was designed with Sketch and Photoshop. The fully responsive site (including a full-screen big picture mode) was built using JavaScript and Sass on the Meteor.js platform with Marvel API and Google Maps API integrations.

The World Of X site displayed on a computer
Interactive world map view on the World Of X site
Cape Citadel location view on the World Of X site
Detail view on the World Of X site showing Marvel comic series related to each location
Menu view on the World Of X site
About

I fell in love with design and code in 7th grade when I built a webpage in Microsoft Word.

Hosted on GeoCities, it was a middle schooler’s dream of Star Wars: lightsabers, starfields, hyperspace, character profiles, and, of course, the Mos Eisley cantina band song playing in a MIDI loop in the background. Since then, I’ve grown up alongside the web — the introduction of CSS, the explosion of JavaScript, the death of animated GIFs, the birth of Flash, the death of Flash, the rebirth of animated GIFs, Web 2.0, and too many search engines to mention (along the way, I taught myself how to make websites a little bit better than that first one). Now I'm a designer for Taco Bell — your favorite place to grab a delicious taco at 3AM on the way home from an unforgettable night out with friends.

I live in Richmond, Virginia. I have a border collie named Logan (yes, after the X-Man). I’m a sneakerhead and font nerd. I organize my closet by color. I was born on a Friday. I’ve been to the emergency room in every place I’ve ever lived.

Do you have an awesome project that needs design, code, or identity? I’m available for very limited freelance work, so reach out.

Additional Clients: African Wildlife Foundation, AOL, Audi Financial Services, Clyde's Restaurant Group, Comcast, Custom Ink, Doubletree by Hilton, EVERFI, Habitat for Humanity, jQuery Foundation, Neustar, RAINN, Renaissance Hotels by Marriott, Sweetgreen, Volkswagen Financial Services.