wireframe-header

Wireframe Collection

A Collection of UX/UI Wireframe Designs

appa-wire

Company: Unleashed Technologies

Client: APPA &emdash; American Public Power Association

What: Live Wireframes

Why: APPA was looking for a revamp to their website with a cleaner layout, and a focus on their role as a community resource. Needing to move to a responsive site, APPA was also interested in seeing a working prototype of the site, to understand how content would cascade at mobile sizes. Using live wireframing we were able to simultaneously present a layout concept and mobile example for review.

Role: Live Wireframe Development, Layout, UX

Click Here For Live Wireframe & UX Concept >(Live Pages: Home, Events and Education + 1st Event, News and Updates + 1st Article, and Select Topic Dropdown)

lto-wire

Company: Unleashed Technologies

Client: LabTestsOnline.org

What: UX Audit, Review, & Wireframe Concept

Why: LabTestsOnline.org required a full UX audit & heuristic review, as well as wireframe development as a suggested improvement over the current design. The key UX goals in this layout was to make search more prominent, consistent navigation for test listings, improved featured news visibility, and easier access to information. This was accomplished by refocusing the content layout, creating segmented content groups in less pages to reduce clicks, and refocusing the navigation on search & testing categories, to narrow the user’s focus.

Role: Concept Development, Wireframe Layout, UX Audit & Review

Click Here For Wireframe Concept >

Accutrition Store Phone Comp

Company: Unleashed Technologies

Client: Accutrition

What: Website Design & Wireframing

Why: The goal of this site redesign was to build a responsive structure, refreshing look and more user friendly experience to the current site. Some of the key UX/company goals revolved around helping the user find key items as quickly as possible, highlighting the newly introduced blog, gain rewards members, and create a pleasing purchasing experience for new & longtime customers (many of whom prefer to call-in to with a rep). The design solved these issues by adding featured products which identifies the top purchased items, prominently featuring the rewards program on the home page (and checkout page), and optimizing the product page in a number of ways to make adding items to cart, browsing the item info, or contacting customer service equally as easy.

Role: Concept Development, Live Wireframe Development, UX, & Design

Click Here To See Full Design Concept >
Click Here For Live Wireframe & UX Concept >(Live Pages: Home, Shop Brand Dropdown, Shop Category Dropdown, and View Cart)

Accutrition Wireframe and Design Concept
Accutrition Header

Accutrition

Online Supplements Website

Accutrition Store Phone Comp

Company: Unleashed Technologies

Client: Accutrition

What: Website Design & Wireframing

Why: The goal of this site redesign was to build a responsive structure, refreshing look and more user friendly experience to the current site. Some of the key UX/company goals revolved around helping the user find key items as quickly as possible, highlighting the newly introduced blog, gain rewards members, and create a pleasing purchasing experience for new & longtime customers (many of whom prefer to call-in to with a rep). The design solved these issues by adding featured products which identifies the top purchased items, prominently featuring the rewards program on the home page (and checkout page), and optimizing the product page in a number of ways to make adding items to cart, browsing the item info, or contacting customer service equally as easy.

Role: Concept Development, Live Wireframe Development, UX, & Design

Click Here To See Full Design Concept >
Click Here For Live Wireframe & UX Concept >(Live Pages: Home, Shop Brand Dropdown, Shop Category Dropdown, and View Cart)

Accutrition Comp Desktop Design
Accutrition Phone Comps 3up
Evapco Website Concept
evapco-header

Evapco

Website Redesign Concept

Company: Unleashed Technologies

Client: Evapco

What: Website Design

Why: Designed website composition, at 3 separate breakpoints (phone, tablet, desktop), for consideration in the website redesign process of Evapco Inc. The goals for this redesign were to give Evapco a modern look, while providing visitors with easy access to finding a representative, and/or product information.

Role: Concept Development, Front End Development, & Design

Click Here To See Full Design Concept >

evap-home
evap-product-list
evap-detail-menu
Walking With Poster, Get Out The Vote.
alt=

Don’t Like It? Vote.

Get Out the Vote Poster

Design on Tap Instagram

Who: AIGA

What: Get Out The Vote Poster Campaign

Why: No matter where you fall on the discussion, the most effective way to get your voice heard is by voting and getting involved in the political process. Instead of complaining about what you don’t like, show it and vote. Change doesn’t come simply due to a hashtag, or even a march; it comes when we step up, do our civic duty, and let those accountable know that we are watching, listening, and expecting improved outcomes for all of our communities.

Role: Concept Development & Design

AIGA Design: Get Out The Vote Gallery Site >

Design On Tap Email Header
Design on Tap Website Banner
Marisela Ali Birth Announcement Feature
Marisela Birth Announcement Header

Marisela Ali

Birth Announcement Card

Marisela Ali Birth Announcement Close-up

Who: Marisela Ali Carter

What: Birth Announcement

Why: Postcard mailer announcing the birth of my daughter.

Role: Concept Development & Design

Marisela Ali Birth Announcement Front
Marisela Ali Birth Announcement Scattered
Marisela Ali Birth Announcement Back
Marisela Ali Birth Announcement Scattered 2
Rogue Squirrel Binary Shirt
Shirt Collection Header

Shirt Design Collection

Rogue Squirrel Binary Shirt

Who: Rogue Squrirel, et al.

What: Shirt & Apparel Design

Why: A collection of shirt designs created over the years for Rogue Squirrel, special events and a number of the company’s partners.

Role: Concept Development, Garment Selection, Screen Printing & Design

Rogue Squirrel Binary Shirt
Rogue Squirrel Typo Shirt
Rogue Squirrel The Formula Shirt
Rogue Squirrel Logo Outline Shirt
Culture Shock Ain't A Hobby Shirt
Rogue Squirrel Circles 9 Shirt
Rogue Squirrel Danger Shirt
Rogue Squirrel Danger Shirt Back
Rogue Squirrel Sean Taylor Shirt
Urban Artistry Shirt
Rogue Squirrel You People
Rogue Squirrel + Urban Artistry Soul Society Shirt
Rogue Squirrel Smart Went Crazy Shirt
Rogue Squirrel Smart Went Crazy Shirt Grey
Rogue Squirrel Spotlight Black
Rogue Squirrel Spotlight Purple
Rogue Squirrel Smart Went Crazy Shirt Yellow
Rogue Squirrel Smart Went Crazy Shirt Yellow Back
CRōME247.com Feature Image
CRōME247.com Header

Crome247

Responsive Website & Online Store

CROME247 Phone

Who: Crome LLC.

What: Website & Online Store Design

Why: Upon developing the CRoME brand, a need for an online presence was apparent to promote the brand and its apparel. The crome247.com website maintains the core ideals of the brand, keeping an elegant and clean look, while also being stylish. The responsive design allows users to access the website from any device without losing the design style. A user editable media section allows new content to be added to the site as needed, along with tie-ins to social media & a dynamic calendar crome247.com stays current with performances, videos, pictures and classes.

Role: Front-End Development, Concept Development & Design

Click Here To Visit www.crome247.com >

CRōME247.com Mockups
CROME247 Laptop
CROME247 Tablet Product Page
CROME247 Tablet
CROME247 Laptop Product Page
ROM DOM Feature Image

Motion Graphic & Advertisement

Who: ROM DOM

What: Motion Graphic & Show Promo (Concept)

Why: Designed as part of a motion graphics course, the project called for the design and execution of a commercial for a mock TV show; the concept show, in this case, was a competitive classic gaming series for the G4 network. The design of for this advertisement was meant to bring a bit of nostalgia, referencing common themes from classic games, and utilizing an 8-bit graphic style that many are familiar with.

Role: Concept Development, Motion Graphics, Audio Design & Graphic Design

ROM DOM Opening
ROM DOM 2vs2
ROM DOM Who will crush who(m)
ROM DOM Ending
Annapolis Feature Image
Annapolis Header Image

Annapolis

Rebrand Proposal

Proposal page

Who: The City of Annapolis

What: Rebrand Proposal (Concept)

Why: Designed as part of a corporate branding course, the project scope tasked students with research, conceptualizing and subsequently developing a rebranding proposal for their state capital. The proposal establishes Annapolis’ need for a more modern identity, inline with current age and tourism demographics, while maintaining the same sense of strength, American values, honor and tradition.

Role: Research, Concept Development, Copywriting, Layout & Design

Click Here To See Full Proposal PDF >

Annapolis Cover
Annapolis Opening Spread
Annapolis Spread 2
Design on Tap Feature
Chalkboard Header

AIGA: Design on Tap

Advertising & Event Branding

Design on Tap Instagram

Who: AIGA Baltimore

What: Event Branding & Promo Graphic

Why: Designed to promote a new event series offered by AIGA Baltimore, a networking happy hour for creatives. The event will be promoted mostly online via email, over social media (Instagram, Facebook & Twitter) and on the AIGA Baltimore website. The design plays off of the chalkboard art commonly seen in and outside of bars & restaurants in many cities, especially true throughout Baltimore.

Role: Concept Development & Design

Design on Tap Website Banner
Design On Tap Email Header
Design On Tap Email Header Facebook
Page 1 of 212