Katriona's Logo Katriona's Logo

<Portfolio/>

<Web Development/>

Title & Topic:

Coily Companions

[Toy Builder]

An image of the Coily Companions website Launch it here!

Showcasing Talent in Web Front-End, Back-End Development and Graphic Design

Objective:

Sell personalized toys

Target Audience:

Children and Teens

Highlights:

  • ◆ This project uses JavaScript and local storage to store a user's choices as they create their own product.
  • ◆ It gamifies the product-building process with a UI centered around big, fun buttons and overlaid layers of colorful hand-made svg graphics.
  • ◆ Coily Companions ends with a checkout process that displays the user's customized product and presents an order form that uses PHP to store the user's input.

Title & Topic:

Jack-O-Vision

[Monitor Ecommerce Website]

An image of the Jack-O-Vision website Launch it here!

Showcasing Talent in Web Front-End and Back-End Development

Objective:

Sell computer monitors

Target Audience:

Teenage Computer Owners

Highlights:

  • ◆ This is a website that uses PHP to pull product information from a MySQL database.
  • ◆ The content of the Products page is arranged using CSS grid in order to give a professional, organized look at any screen size.
  • ◆ Hand-coded PHP allows the user to click on a product to view details and add that product to the cart, which stores the user's order in the database.
  • ◆ This site also has hand-made product graphic images that were created using Adobe Illustrator.

Title & Topic:

Mocktail Mashup

[Event Blog]

An image of the Mocktail website Launch it here!

Showcasing Talent in Web Front-End and Back-End Development

Objective:

Allow site owners to promote and organize an event

Target Audience:

Adolescents and Adults

Highlights:

  • ◆ This is a website that uses PHP to pull ticket admission information from a MySQL database.
  • ◆ An updates page is provided to allow users to keep updated on the latest news on the event.
  • ◆ Hand-coded PHP allows the user to click on a ticket to view details and add that product to the cart, which stores the user's order in the database. This cart also allows you to click and remove said items from your cart and the database.

<Graphic Design/>

An image of the Coily Companions website

Title & Topic:

Create a Scene - Emotions

[Graphic Design Final]

For this piece, I was tasked with creating a set of characters in a scene, both of which must be related to an emotion. The red figure is based off of the emotion "Vigor", while the figure on the right is based off of the emotion "Vim".

An image of the Coily Companions website

Title & Topic:

My Neighborhood Collaborative Logo

[SkillsUSA - Gold Medal Piece]

The Ashtabula Technical and Career Campus gave me, along with the rest of my Graphic Design class, a chance to participate in the SkillsUSA competition. This submission in particular was for the Advertising Design position. I received a gold medal for placing first in my school, which later allowed me to continue further into the competition.

An image of the Coily Companions website

Title & Topic:

Visual Design & Imaging Logo

[Brand Design]

At the Ashtabula Technical and Career Campus, our professor tasked us with creating a logo for our class in order to prepare us for advertising and brand design. This was my final result.