Web Design - Joseph Toschlog Online Portfolio

The Hearth of Britannia

The Hearth of Britannia started as a cookbook project for the Ultima series of video games and has since grown into a virtual inn, the auspices under which I run online meets for fans and full on LARP (live action role play) events with budgets exceeding $10,000. The Hearth site is built using SSH, PHP, and jQuery and the event specific portals use AJAX and MySQL. The skeuomorphic interface and logo design are my original visual design.

For examples of my holistic approach to UX through event design, please visit the Hearth of Britannia Event Archives.

Shroud of the Avatar Landing Page

A modern landing and Wordpress login page for the Shroud of the Avatar website. Due to technical and budget restraints, a full redesign of the main, but lacklustre, website was not possible. The stylized landing page was implemented to provide the desired visual pop without the overhead of a full overhaul.

Used with permission from Portalarium.

Current website layout and content may be different from my original design.

Aleks to Hogwarts

In November 2012, my girlfriend was involved in a severe car accident while crossing the street in Chicago. Unable to simply sit and wait in the hospital, I put this website together, emulating the popular Kickstarter theme. I was ultimately able to raise over $5,000 for Aleks to replace the items she lost in the accident and to visit the Wizarding World of Harry Potter once she recovers. A great deal of time was spent not just on the website, but on the deliverables for this project. All of which was kept a secret from Aleks while she was in the hospital.

Exploring the Aleks to Hogwarts website in its entirety will give you a largely complete portrayal of me as a person: Fiercely loyal and incredibly attentive to detail.

B-Dawg Cargo Carriers

Website for a new line of imported hitch-mounted cargo carriers. Uses graphical JavaScript drop-down menus for navigation and PHP for content modularity and mail functions.

Used with permission from Ezra Distributing.
Current website layout and content may be different from my original design.

Hitch Carriers Redesign

Concept for a redesign of the Hitch Carriers website. Features graphics JavaScript drop-down menus for navigation, PHP and MySQL driven for content delivery, and designed specifically with SEO in mind. Graphics and twelve page design document created to be outsourced to overseas programmers. Click the image for a static mockup.

Used with permission from Ezra Distributing.

Ceramics Retail Site Concept

A concept site for a ceramics student looking to sell products. CSS based with JavaScript rollover code for image browsing. Photography is also my work. Click the image for a demo site with limited functionality.

Celebrating Sammy

An awareness site created pro-bono for a young woman in need of an expensive multiple organ transplant. Site uses a graphically modified WordPress theme to manage content. Click the image to visit the website.

Current website layout and content may be different from my original design.

Recipe Resolution

A custom WordPress theme created for a food blog. Features a widgetized side bar and JavaScript rollover highlighting for navigation. Click the image to visit the website.

Current website layout and content may be different from my original design.

Woodwind Wednesday

Website to promote a local artist performing regularly on Purdue's campus. Click the image to visit the website.

Christmas Dinner Invitation

A small and simple graphics-based website to promote a Christmas party. Click the image to visit the website.

Wedding Photosharing

A small and simple graphics-based site constructed to allow wedding guests to access photos taken by other guests. Click the image to visit the website.

Cystic Designs

A mock web-design company created for a university project. This is a small corporate portfolio site. Click the image to visit the demo website with limited functionality.

Salon Invitation

An invitation website for an 80's themed tongue-in-cheek event. This site uses the Google Maps API to assist guests in locating the venue as well as a PHP and MySQL registration system. This system allows guests to RSVP and account for guests. Click the image to visit the website.