Design

Information Architecture

Information Motion Graphic - animated infographic

Below is a PDF and the animation itself. The PDF also has sources and an explanation of the content in the animation.

Created using Adobe Illustrator and Adobe Animate. 

infoArchProj2.pdf

Website redesign - user scenarios, wireframes, and card sorting

The goal of this project was to choose a website and redesign the navigation to be more user-friendly. Three user scenarios were created and 10 real-world users were tasked with participating in the card sorting exercise. A wireframe was created as well as a new sitemap that was more balanced. 

The below PDF presents all of this information and research.

Created using Adobe InDesign, as well as card sorting and tree testing from Optimal Workshop.

zs-downtown_alton-proj3.pdf

Book Basket - app concept and design

See the interactive mockup below, under App Design (UI)! Or click this link to see it in a new tab:

Book Basket app mockup (links to xd.adobe.com)

This presentation shows user scenarios, wireframes, and a summary of the product's use.

Created using Adobe InDesign, Illustrator, and Xd.

zs-book-basket-proj4.pdf

App Design (UI)

Book Basket - interactive app mockup

Above is the presentation for this project. Interact with the Adobe Xd embed below to experience the app, or click this link to open in a new tab: 

Book Basket app mockup (links to xd.adobe.com)

The mockup was made using Google Material elements and icons from Google Fonts.

Created using Adobe Illustrator and Xd.

Tunucleus - interactive app mockup

Much like the project above, this was done in Adobe Xd. It can be viewed in a new tab below or you can interact with it directly in the embed below.

Tunucleus app mockup (links to xd.adobe.com)

The mockup was made using Google Material elements and icons from Google Fonts.

This app is meant to be a social media app for music lovers to help streamline the announcement process and fan interaction without your feed being flooded with non-music-related content.

Novel Teams - app concept design

Below are two different PDFs with concepts for an app called "Novel Teams" - a service meant for people looking for an online or local book club.

There are many mockup graphics - banner, app icon, logo - as well as app and website interfaces.

week10.11&12_product-service-exp.pdf
week14,15&16_webdesign&socialmedia.pdf

Visual (Graphic) Design

Fun graphics - infographic and typography

The left image is a space-themed infographic with information about me - everything in it was made from scratch. The right image is a typographic recreation of the Pokemon, Pumpkaboo, using words relating to myself and autumn/Halloween.

Both made in Adobe Illustrator.

infographic_redone.pdf
pumpkaboo-typography.pdf

Coldplay Tour Stats - infographic with data visualization

This graphic visualizes tour statistics taken from setlist.fm for the band Coldplay, from 2000 to 2019. The goal was to create a visually engaging and informational graphic.

Created in Adobe Illustrator.

zs_visualization_for_visual_design_final.pdf

Peanuts Comic Strips Stats - animated GIF infographic

A Peanut's comic style was recreated with some statistics about the comics with an animated element to keep the viewer more visually engaged.

Created in Adobe Photoshop.

Color Toss - creating an educational game

The goal of this assignment was to create a concept for an educational game that could be put in a public space - like a museum. The full PDF is below.

Created in Adobe Illustrator. Flowchart created in draw.io.

week8_9_game.pdf

Interactive Digital Media (misc.)

Which streaming service should I subscribe to? - interactive decision tree

An interactive PDF meant to lead you through questions helping you decide which streaming service would best suit your needs (outdated results from 2022, but still functional!).

Created in Adobe InDesign.

zs_decision-tree-application.pdf