Sideshow Bloody Mary Mix

As a class we were divided into teams and tasked with designing a website to meet the client needs. I was the project manager for our team. We were provided a style sheet and selected assets. The client was available for a 15-minute meeting with the class before the project and returned fot two pitches during the project. All sites were designed using a WordPress theme of our choosing.

• Date: Fall 2015
• Client: Sideshow Bloody Mary Mix
• Skills:
• • Responsive Website Design
• • Paper and Clickable Prototyping
• • User Experience
• • Project Management

At the end of the project I designed a book for the client to have that showcased all of the documentation that was created during the process. The images on the left are of the initial sketches and the final wireframes that were used in the design. Other documentation in the book includes the issues log, timeline, decision log, final estimate, printout of design files and our own style sheet created for our design. The client was also provided all of the design files and assets that were created.

Site Documentation

Clickable Prototype

Mechanical Pencil Training

The goal of this assignment was to create a training website that teaches a user to operate a mechanical pencil. The website was to have three different training methods and a quiz to test user's knowledge. I creatd all of the content, including the training methods. I compiled all of the documentation and design process into one document.

• Date: June 2016
• Client: E-Learning
• Skills:
• • Responsive Design
• • HTML 5, CSS, PHP, JavaScript and jQuery
• • User Experience
• • Prototyping (Paper and Clickable)
• • User Testing

The images displayed are of the design process, the inital sketches and the paper prototype. In the end I went through three rounds of testing, one using the paper prototype, one using a clickable prototype (MarvelApp) and the final was live website testing.

Click here to view the live site.

Site Documentation

Cigar Blog Website

The goal of this site was to create a custom WordPress theme. We were tasked with creating a theme from scratch that played off of the WordPress database and added to a at least one new database. We also created a plugin to use on the site.

• Date: Spring 2016
• Client: Custom Build
• Skills:
• • CustomWordPress Theme
• • HTML 5, CSS, PHP, JavaScript
• • User Experience
• • Website Design
• • Paper and Clickable Prototyping
• • MySQL

I created a cigar blog website where I could review cigars and rate them. The ratings are displayed on a page using a call to the database I created. There is a custom plugin that allows the user to rate a cigar and delete old entries.

Click here to view the live site.

SSP Youth Baseball Association

I was asked by the South St. Paul Youth Baseball Association to make some changes to their current site and given access to their Google Site, pictured on left. I quickly recommended a full redesign and donated the services and hosting to this community organization. Their needs were very basic: convey information about the SSPYBA to the public.

• Date: March 2016
• Client: SSPYBA
• Skills:
• • Responsive Design
• • WordPress
• • User Experience

The image on the left is the new site, designed by me and created using WordPress and a customized theme. In the end it turned out to be a marked improvement from the original site. The new site is responsive and it links to the organization's Facebook page where most major updates are posted.

Click here to view the live site.

API Project

For this group project in the Dynamic Web Apps class, we were taked to create an API where the tasks were divided into smaller tasks and assigned to individuals. I was asked to create the login and create user functions along with a wireframe. Additionally, I created the documentation for the API. At the end of the project, we merged them all into one document.

• Date: June 2016
• Client: Dynamic Web Apps
• Skills:
• • PHP & MySQL
• • HTML 5, CSS, AJAX, JavaScript and jQuery
• • Slack
• • Git & Bitbucket

On the left are images of the code from the login.html page, which has the login and create user forms. The second image is a screenshot of the code for the login.

The code uses SQL SELECT statements to obtain the user's information. The passwords are stored using MD5, a method for hashing passwords so the original is not shown in the database. The code also creates and returns JSON.

This image is the documentation that I created and styled for the project. It is incomplete because not all of the students turned theirs in but this is complete for what I was given.

Sideshow Bloody Mary Mix

As a class we were divided into teams and tasked with designing a website to meet the client needs. I was the project manager for our team. We were provided a style sheet and selected assets. The client was available for a 15-minute meeting with the class before the project and returned fot two pitches during the project. All sites were designed using a WordPress theme of our choosing.

• Date: Fall 2015
• Client: Sideshow Bloody Mary Mix
• Skills:
• • Responsive Website Design
• • Paper and Clickable Prototyping
• • User Experience
• • Project Management

At the end of the project I designed a book for the client to have that showcased all of the documentation that was created during the process. The images on the left are of the initial sketches and the final wireframes that were used in the design. Other documentation in the book includes the issues log, timeline, decision log, final estimate, printout of design files and our own style sheet created for our design. The client was also provided all of the design files and assets that were created.

Site Documentation

Clickable Prototype

Mechanical Pencil Training

The goal of this assignment was to create a training website that teaches a user to operate a mechanical pencil. The website was to have three different training methods and a quiz to test user's knowledge. I creatd all of the content, including the training methods. I compiled all of the documentation and design process into one document.

• Date: June 2016
• Client: E-Learning
• Skills:
• • Responsive Design
• • HTML 5, CSS, PHP, JavaScript and jQuery
• • User Experience
• • Prototyping (Paper and Clickable)
• • User Testing

The images displayed are of the design process, the inital sketches and the paper prototype. In the end I went through three rounds of testing, one using the paper prototype, one using a clickable prototype (MarvelApp) and the final was live website testing.

Click here to view the live site.

Site Documentation

Cigar Blog Website

The goal of this site was to create a custom WordPress theme. We were tasked with creating a theme from scratch that played off of the WordPress database and added to a at least one new database. We also created a plugin to use on the site.

• Date: Spring 2016
• Client: Custom Build
• Skills:
• • CustomWordPress Theme
• • HTML 5, CSS, PHP, JavaScript
• • User Experience
• • Website Design
• • Paper and Clickable Prototyping
• • MySQL

I created a cigar blog website where I could review cigars and rate them. The ratings are displayed on a page using a call to the database I created. There is a custom plugin that allows the user to rate a cigar and delete old entries.

Click here to view the live site.

SSP Youth Baseball Association

I was asked by the South St. Paul Youth Baseball Association to make some changes to their current site and given access to their Google Site, pictured on left. I quickly recommended a full redesign and donated the services and hosting to this community organization. Their needs were very basic: convey information about the SSPYBA to the public.

• Date: March 2016
• Client: SSPYBA
• Skills:
• • Responsive Design
• • WordPress
• • User Experience

The image on the left is the new site, designed by me and created using WordPress and a customized theme. In the end it turned out to be a marked improvement from the original site. The new site is responsive and it links to the organization's Facebook page where most major updates are posted.

Click here to view the live site.