Web Design & Development

Exploring Web Experiences

In 2016 I had the opportunity to pursue a post-baccalaureate certificate in Interactive Design and Marketing from the Minneapolis College of Art & Design. When I was in high school, I had taken a basic web design course but found that the technology of the late 90's was incapable of creating the designs and interactions I envisioned. Now, I'm up-to-date on some of the web's coding and scripting languages, and I have been practicing and experimenting with them in various web design and development projects. In each one I challenged myself to learn a new technique or technology in order to implement a feature unique to the site.

Yoroiden Samurai Troopers 30th Anniversary FanzineYoroiden Samurai Troopers 30th Anniversary FanzineYoroiden Samurai Troopers 30th Anniversary FanzineYoroiden Samurai Troopers 30th Anniversary FanzineYoroiden Samurai Troopers 30th Anniversary Fanzine

click image to see more

Yoroiden Samurai Troopers 30th Anniversary Fanzine

A volunteer project where I organized, managed, and designed a fanzine celebrating the 30th Anniversary of the Yoroiden Samurai Troopers anime. I used a variety of technologies to support and promote the project, and I worked with fans from around the world.

Project Parameters

  • coded a responsive, single-page project website,
  • illustrated and delivered 19 weekly custom email newsletters,
  • used social media (tumblr, twitter, deviantart, and discord) to correspond with fans,
  • illustrated and designed project assets,
  • collected the fan-created work into both a physical and digital product.

The site features a fixed navigation that, on a mobile device, will automatically close when the user makes a selection. The fanzine is 92 pages of art, prose, and cosplay photos generously donated by fans.

Pokédex Wordpress ThemePokédex Wordpress ThemePokédex Wordpress ThemePokédex Wordpress ThemePokédex Wordpress Theme

click image to see more

Pokédex Wordpress Theme

Final project for my Wordpress and PHP Web Development course. I was inspired by the Pokémon video games' Pokédex interface and wanted to mimic it in a custom Wordpress theme that could be used for a catalogue or encyclopedia.

Project Parameters

  • create a custom wordpress theme and design a site to showcase it,
  • develop custom posts and pages and enable corresponing functions in admin controls,
  • leverage CSS Grids, Flexbox, and feature supports for graceful degredation,
  • provide site-visitors a friendly interface to filter posts,
  • responsive and mobile-ready.

The final site consists of a static landing page with an animated background, two custom pages, and a custom post.

China Star Dim Sum and Lounge WebsiteChina Star Dim Sum and Lounge WebsiteChina Star Dim Sum and Lounge WebsiteChina Star Dim Sum and Lounge WebsiteChina Star Dim Sum and Lounge Website

click image to see more

China Star Dim Sum & Lounge Website

Final project for my Responsive Web Design course. I chose to independently explore redesigning the website of one of my favorite restaurants to improve its branding, readability, and appeal.

See the original site.

Project Parameters

  • code a responsive site and design its assets,
  • distinguish its branding from competitors by highlighting its dim sum menu,
  • design the navigation and contact information to be readily available on mobile devices.

The final site consists of five mobile-friendly pages that leverage CSS Flexbox to manage the layout of the meal choices.