.
.
.
.
.
.
.
.
WebInspect
A self-directed project to showcase wireframing, portfolio, and simple interface design mockup skills
This is not a real project, simply one that I used to showcase my abilities in the UX and Interface design areas since most of my portfolio displays graphic arts work. You can click on an image for a larger version.
1The first part of the design process after research and interviews is wireframing and putting the gathered design intelligence to use. Below is the initial wireframing of the WebInspect application
Wireframe - Home screen (click to enlarge)
Wireframe - Quick Scan Step 1 (click to enlarge)
Wireframe - Quick Scan Allowed Hosts dialog
Wireframe - Quick Scan Step 2 (click to enlarge)
Wireframe - Quick Scan Step 3 (click to enlarge)
Wireframe - Quick Scan Step 4 (click to enlarge)
Wireframe - Quick Scan Step 5 (click to enlarge)
Wireframe - Quick Scan Step 6 (click to enlarge)
Wireframe - Quick Scan Scan Now
2The next step is prototyping an application or interface. To view a web-based prototype of the above wireframe, click here.
3Another part of the process at times is a graphical redesign of the interface in addition to a UX design or re-design. Below are several examples of WebInspect redesigns including flow intended to ease the complexity of configuration for the user in a logical, intuitive manner.
Mockup: Home screen Layout:accordion, no tabs (click to enlarge)
Mockup: Scan Policy settings screen Layout:accordion, no tabs (click to enlarge)
Mockup: Home screen Layout:accordion, with tabs (click to enlarge)
Mockup: Scan Requestor Perf screen Layout:accordion, with tabs (click to enlarge)
Mockup: Scan Plicy settings screen Layout:accordion, with tabs (click to enlarge)
Mockup: Scan Policy settings screen Layout:horizontal nav, no tabs (click to enlarge)
Mockup: Scan Policy settings screen Layout:horizontal nav, no tabs (click to enlarge)
Mockup: Scan Requestor Perf screen Layout:horizontal nav, only tabs (click to enlarge)
Mockup: Scan Requestor Perf screen Layout:horizontal nav, only tabs (click to enlarge)
.
.
.
.
Connoisseur Equestrian Collection
And e-commerce website, with logo design, print ad design, and textile pattern design.
Connoisseur Equestrian Home page - 2006 (click to enlarge)
Connoisseur Equestrian home page - 2007 (click to enlarge)
Connoisseur Equestrian magazine ad - 2007 (click to enlarge)
Connoisseur Equestrian Logo
Perfect Pony girls clothes line logo (click to enlarge)