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
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
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
Rogue Squirrel Feature
Rogue Squirrel Header

Rogue Squirrel

Branding, Web & Apparel Design

Rogue Squirrel Logos

Who: Rogue Squirrel, Inc.

What: Branding, Web & Apparel Design

Why: A graphic apparel brand & screen printing company specializing in designs that often featured anything from tongue-in-cheek humor to comic book references to hip-hop appreciation etc. Rogue Squirrel’s varied designs related to a broad demographic both stylistically and personally. In managing the brand’s image, design needs ranged from t-shirt designs, to website creation & maintenance, email newsletter designs, promo postcards, custom tags for shirts, web ads etc.

Role: Concept Development, Art Direction, Copywriting & Design

Rogue Squirrel Biz Card
Rogue Squirrel Postcard
Rogue Squirrel Email Ad
Rogue Squirrel Newsletter
Rogue Squirrel Sean Taylor Splash Page
Rogue Squirrel Sean Taylor Collection
Sean Taylor Wings Front
alt="Sean Taylor Wings Back"
Rogue Squirrel Home Page
Rogue Squirrel Store
Rogue Squirrel Inside Page
Rogue Squirrel Site Ads 4up
Rogue Squirrel Site Ads 3up
Rogue Squirrel Ads 2up
Rogue Squirrel Fill Ad & Custom Tags
gingerHeader

Ginger Beauty

Identity Development, Collateral, Website

gbLogoType

Who: Ginger Beauty, LLC.

What: Identity Design, Website & Bus. Card

Why: Ginger Beauty is cosmetics and lifestyle brand that specializes in eyelash extensions, custom makeups and one-to-one consultations. The brand identity and website needed to bring an edgy appeal, with a personal touch that could simultaneously reflect the professional, smart, chic and fun clientele that Ginger Beauty serves.

Role: Concept Development & Design

gbCards
GBbottle
gingerSqueezebotle
ginger-site-mockup
gingerSite
gingerSite
GBsketches

Check out this sketch & others:
In My Sketchbook >