UX/UI

User Experience and User Interface Design

landing low-fidelity.jpg
landing low-fidelity.jpg

press to zoom
landing page mockup.jpg
landing page mockup.jpg

press to zoom
homepage final.jpg
homepage final.jpg

press to zoom
landing low-fidelity.jpg
landing low-fidelity.jpg

press to zoom

I was contacted by the Family Wellness Alliance, a community outreach program based in Frederick County, Maryland, to design their website. 

IMG_1986_edited_edited.jpg
IMG_1986_edited_edited.jpg

Alter Arms table setup

press to zoom
IMG_1960_edited.jpg
IMG_1960_edited.jpg

Alter Arms playtest

press to zoom
AA 86  character sheet blank.jpg
AA 86 character sheet blank.jpg

Alter Arms Character Sheet Design

press to zoom
IMG_1986_edited_edited.jpg
IMG_1986_edited_edited.jpg

Alter Arms table setup

press to zoom

A case study of the mechanics and character sheet for the Alter Arms tabletop role playing game.

landing page.jpg
landing page.jpg

Mockup of the landing page for the SafeRide app, a ride-sharing app for iPhone and Android. Users could apply to become drivers, signup for membership or log into their accounts. Created in InDesign.

press to zoom
schedule a ride.jpg
schedule a ride.jpg

Mockup of the ride scheduling page. Users could select the time to be picked up, their desired pickup and dropoff locations, and number of passengers and luggage they have. Created in InDesign.

press to zoom
your location.jpg
your location.jpg

Mockup of the pickup and dropoff selection screen. Created in InDesign

press to zoom
landing page.jpg
landing page.jpg

Mockup of the landing page for the SafeRide app, a ride-sharing app for iPhone and Android. Users could apply to become drivers, signup for membership or log into their accounts. Created in InDesign.

press to zoom

App Design

High-Fidelity Mockups

High-fidelity mockups of the SafeRide app, a proposed ride-sharing app I helped design. Click the above image to see the mockup gallery.

 
 
 

Motion Graphics

For a project in motion graphics, I created the fictional title credits for a film based off of the comic book Scud The Disposable Assassin by Rob Schrab.


To capture the kinetic imagery of the book and reflect the title character's nature as a robot purchased from a vending machine, I designed the credits to look like the inside of one of those vending machines. After a coin is inserted, circuitry comes to life and creates imagery from the story.

Music Video

This music video mixes footage taken from Metropolis (1927) and Battleship Potemkin (1925) with Flash animation to create a surreal scene that goes with the chosen song, "The Fall" by The Protomen.

The song - part of a rock opera based on the Mega Man video game series - tells the story of a rebel's attempt to destroy a machine that was oppressing the populace, only to fail as the dictator was expecting them and set a trap.

Kinetic Typography

This is an example of kinetic typography illustrating the "Questions Game" from Rosencrantz & Guildenstern are Dead (1990). 

Matching with the theme of a tennis match, I kept the dialogue of each character separated by color and location of the screen the words appeared from. The score for each is kept in the lower corners and changes with the character's lines.

CONTACT

Thanks for checking out my portfolio. If you're interested in using my services, or have a question, don't hesitate to reach out to me!

Thanks for submitting!

  • LinkedIn
  • Instagram