Web and Graphic Design Projects

DESIGN FOR A FEDERAL GOVERNMENT SYSTEM

Design of a Case Management page for a government system

NEEDS IDENTIFIED

Minimization of clicks, intuitive controls

TECHNOLOGY USED

Balsimiq - to create wireframes

FEATURES

Drag-and-drop functionality, tabbed interface for multitasking, productivity tracking, quick search, notifications

Mockup of a case management application

Website built for a local mechanic to establish his online presence and increase business.

NEEDS IDENTIFIED

Must be maintainable by the client, have a contact form, and be easy to navigate with the business' selling points featured

TECHNOLOGY USED

WordPress (to allow client to add/change content)

FEATURES

Custom WordPress theme, mobile optimized, custom graphics and logo designed

Repair website homepage on a desktop computer

Homepage on desktop

Repair website homepage on a tablet

Homepage on tablet

Repair website homepage on a mobile phone

Homepage on mobile

Repair website testimonials on a desktop computer

Testimonials on desktop

Repair website testimonials on a tablet

Testimonials on tablet

Repair website testimonials on a mobile phone

Testimonials on mobile

Personal Project: Website built to tell the history, art, and culture of my favorite historical civilization, the Byzantine Empire.

TECHNOLOGY USED

Materialize CSS for CSS framework, bLazy.js for lazy loading images, and slick.js for carousel

FEATURES PROVIDED

Material design, interactive JavaScript timeline, mobile optimized

Byzantine leaders page on a desktop computer

Leaders on desktop

Byzantine leaders page on a tablet

Leaders on tablet

Byzantine leaders page on a mobile phone

Leaders on mobile

Art history page on a desktop computer

Art guide on desktop

Art history page on a tablet

Art guide on tablet

Art history page on a mobile phone

Art guide on mobile

ILLUSTRATIONS

Click an image to view more information

Art Nouveau

An illustration inspired by the Art Nouveau work of Alfons Mucha

Executed in Adobe Illustrator

Basilica di San Marco

A line drawing of the Basilica of San Marco in Venice, Italy

Executed in Adobe Illustrator

Rotunda at the University of Virginia

A line drawing of the Rotunda at Thomas Jefferon's University of Virginia

Executed in Adobe Illustrator

Classical Orders

A line drawing of the three major orders of classical columns

Executed in Adobe Illustrator

Classical Tempietto

llustration of a Renaissance-inspired building. A tempietto is a small temple in Italian.

Executed in Adobe Illustrator

Baseball Score Graphic

Sample infographic of a baseball score

Executed in Adobe Illustrator

Illustration of a lady in the Art Nouveau style
Illustration of San Marco basilica
Illustration of the Rotunda at the University of Virginia
Illustration of three classical-style columns
Illustration of a Renaissance-inspired building
Logo for the Herndon Regional Wind Ensemble
Infographic depicting a baseball score

WEBSITE DESIGN FOR AIRPORT COMPANY

Design of a website for a company that manages takeoff and landing fees for airports.

NEEDS IDENTIFIED

Clean, modern design with the ability for the company to update the website

TECHNOLOGY USED

Adobe Illustrator and Photoshop for graphics and logos, WordPress for website framework

FEATURES PROVIDED

Custom WordPress theme, mobile optimized, custom graphics and logo designed

Airport homepage on a desktop computer

Homepage on desktop

About page on a desktop computer

Info page on desktop

Project to construct a new website for an aspiring filmmaker.

NEEDS IDENTIFIED

Showcase previous films, display current resume, have a contact form, and optimized for mobile

TECHNOLOGY USED

Bootstrap for CSS framework, Javascript for animated modal windows

FEATURES PROVIDED

Mobile optimized, contact form, YouTube integration

Film website homepage on a desktop computer

Homepage on desktop

Film website homepage on a tablet

Homepage on tablet

Film portfolio page on a desktop computer

Portfolio on desktop

Film portfolio page on a tablet

Portfolio on tablet

Film portfolio page on a mobile phone

Portfolio on mobile

Project to construct a new website for a community band.

NEEDS IDENTIFIED

Provide greater visibility for upcoming events and concerts, photo and video sharing, contact form to sign up for the ensemble or ask questions, integration with social media

TECHNOLOGY USED

Custom WordPress installation and theme.

FEATURES PROVIDED

Social media integration, mobile optimization, photo gallery, and contact form

Homepage of the Herndon Regional Wind Ensemble

Homepage on desktop

Homepage of the Herndon Regional Wind Ensemble

Homepage on tablet

Homepage of the Herndon Regional Wind Ensemble

Homepage on mobile

Sign up page for the Herndon Regional Wind Ensemble

Events calendar on desktop

Sign up page for the Herndon Regional Wind Ensemble

Events calendar on tablet

Sign up page for the Herndon Regional Wind Ensemble

Events calendar on mobile

Sign up page for the Herndon Regional Wind Ensemble

Event Details on desktop

Sign up page for the Herndon Regional Wind Ensemble

Contact section on desktop

MOBILE WEATHER APP DESIGN

Design of an Android mobile weather application.

NEEDS IDENTIFIED

Simple, uncluttered access to current conditions, forecast, and radar

TECHNOLOGY USED

Sketch, Material Design

FEATURES PROVIDED

Home screen with current conditions and visual forecast, radar map screen, and settings screen

Mockup of an Android weather applicaton
Radar Map
Current conditions
Map controls
Add Location

MOBILE GARDEN APP DESIGN

Design of a gardening tracker application for the Android mobile platform.

NEEDS IDENTIFIED

Easy-to-use method of tracking plants, with a method of logging water and fertilizer

TECHNOLOGY USED

Sketch, Material Design

FEATURES PROVIDED

Ability to add plants, search for plants, log water and fertilizer given, and read plant care guides

Mockup of an Android weather applicaton

PHARMACEUTICAL WEBSITE DESIGN

Mockup of a design for a pharmaceutical company's website.

TECHNOLOGY USED

Sketch for mockup and logo design

Mockup of a pharmaceutical company's homepage

Homepage of the site