Wireframing Work Examples


Mobile-First Call List Component Thumbnail

Mobile-First Call List Component


A mobile and touch optimized responsive call tree component wireframe featuring drawer, accordion and asynchronous JavaScript interface functionality.

Role(s):
UX DESIGNER, INTERACTION DESIGNER
Tool(s):
Adobe Illustrator Adobe Photoshop Adobe Bridge
Media Yum Yum Video Interface Thumbnail

Media Yum Yum Video Interface


A fixed header and fixed footer responsive web application wireframe with video playback optimizations and a modular page design.

Role(s):
BRANDING STRATEGIST, UX DESIGNER, FULL STACK DEVELOPER
Tool(s):
Adobe Illustrator Adobe Photoshop Adobe Bridge InVision
Barkcode Pet Profile Interface Thumbnail

Barkcode Pet Profile Interface


A wireframe set depicting the way responsive content blocks will shift for different viewport widths, as well as hover/tap states.

Role(s):
BRANDING STRATEGIST, UX DESIGNER
Tool(s):
Adobe Illustrator Adobe Photoshop Adobe Bridge
XCast Content Block Interactions Thumbnail

XCast Content Block Interactions


A wireframe depicting the stages of interaction found in each user-assigned content block from a customized CMS project.

Role(s):
BRANDING STRATEGIST, UX DESIGNER, FULL STACK DEVELOPER
Tool(s):
Adobe Illustrator Adobe Photoshop Adobe Bridge Adobe XD
XCast Dashboard Thumbnail

XCast Dashboard


A dashboard wireframe for a modular data and content management system. Each block can be arranged by the end user, so each is full responsive in all views.

Role(s):
BRANDING STRATEGIST, UX DESIGNER, FULL STACK DEVELOPER
Tool(s):
Adobe Illustrator Adobe Photoshop Adobe Bridge Adobe XD
XCast Form Element States Thumbnail

XCast Form Element States


A wireframe styled example of each of the CSS/JavaScript driven states that each HTML form element will go through as a web application is used.

Role(s):
BRANDING STRATEGIST, UX DESIGNER, FULL STACK DEVELOPER
Tool(s):
Adobe Illustrator Adobe Photoshop Adobe Bridge Adobe XD
XCast Agreement Form Interface Thumbnail

XCast Agreement Form Interface


A wireframe example of a previously paper-driven on-boarding process translated into a fully responsive web application.

Role(s):
BRANDING STRATEGIST, UX DESIGNER, FULL STACK DEVELOPER
Tool(s):
Adobe Illustrator Adobe Photoshop Adobe Bridge Adobe XD
NuvoTV Content Block Schemas Thumbnail

NuvoTV Content Block Schemas


An assortment of wireframes of different modular media content block sections used in a custom CMS website project.

Role(s):
UX DESIGNER, FRONT END DEVELOPER
Tool(s):
Adobe Illustrator Adobe Photoshop Adobe Bridge Adobe Fireworks
Media Yum Yum Profile Page Thumbnail

Media Yum Yum Profile Page


A profile/dashboard wireframe for a custom media collection project. Features real-time data and functionality interactions driven by asynchronous JavaScript.

Role(s):
BRAND STRATEGIST, UX DESIGNER, FULL STACK DEVELOPER
Tool(s):
Adobe Illustrator Adobe Photoshop Adobe Bridge InVision
Media Yum Yum Search Page Thumbnail

Media Yum Yum Search Page


A wireframe of a search results page featuring API driven results from services like Rotten Tomatoes, YouTube and IMBd.

Role(s):
BRAND STRATEGIST, UX DESIGNER, FULL STACK DEVELOPER
Tool(s):
Adobe Illustrator Adobe Photoshop Adobe Bridge InVision
Media Yum Yum Add Content Page Thumbnail

Media Yum Yum Add Content Page


A encyclopedia-like list wireframe allowing users to browse through entire catalogs of content from various API sources and delivered through asynchronous JavaScript.

Role(s):
BRAND STRATEGIST, UX DESIGNER, FULL STACK DEVELOPER
Tool(s):
Adobe Illustrator Adobe Photoshop Adobe Bridge InVision
Media Yum Yum Edit Item Page Thumbnail

Media Yum Yum Edit Item Page


A rich media content library ingest wireframe for users to add new media to their collection. Metadata for media entries are driven by API services.

Role(s):
BRAND STRATEGIST, UX DESIGNER, FULL STACK DEVELOPER
Tool(s):
Adobe Illustrator Adobe Photoshop Adobe Bridge InVision
NuvoTV Model Latina South Beach Page Thumbnail

NuvoTV Model Latina South Beach Page


A wireframe for a landing page to launch a user participation game for the television show Model Latina South Beach.

Role(s):
UX DESIGNER, FRONT END DEVELOPER
Tool(s):
Adobe Illustrator Adobe Photoshop Adobe Bridge Adobe Fireworks
NuvoTV We Decide Video Wall Page Thumbnail

NuvoTV We Decide Video Wall Page


A wireframe for a video wall page displaying user submitted video content from the 2012: We Decide election special television program.

Role(s):
UX DESIGNER, FRONT END DEVELOPER
Tool(s):
Adobe Illustrator Adobe Photoshop Adobe Bridge Adobe Fireworks
NuvoTV We Decide Home Page Thumbnail

NuvoTV We Decide Home Page


A wireframe for the landing page for the 2012: We Decide election special television program.

Role(s):
UX DESIGNER, FRONT END DEVELOPER
Tool(s):
Adobe Illustrator Adobe Photoshop Adobe Bridge Adobe Fireworks

Send a Message

Please enter your name.
Please enter your email.
Please enter your message.