Category: UI Design

Interactive Mockup Prototypes in One

Form Management Challenge – Healthcare Document and Form List Views

Description The purpose of this screen is to allow a Solution Admin to configure one or more form list views. A form list view will have a Name property and will contain all the forms defined in the associated form query. What the Solution Admin needs is a way to arrange the forms in a …

Innovative Search and Browse for Massive Data – Gordian’s RSMeans Online

I was the sole designer on this project, managing all aspects of strategy, UX and UI. Users needed to be able to add items from the catalog to the estimate quickly. Most annotation on the prototype describes the user behaviors and the project in more detail.

Design System for Online Catalog and Estimation Tool RSMeans Data Online

Establishing a design system for more effective collaboration View In Adobe XD Project Date: 12-20-2021 The primary benefit of this design system is the ability to replicate designs quickly by utilizing pre-made  UI components and elements. My goal is to provide a single source of components, patterns, and styles and unify disjointed experiences so that …

Catalog and Estimation Tool for Gordian’s RSMeans Online

[vc_row][vc_column width=”2/3″][vc_column_text][/vc_column_text][vc_column_text] [/vc_column_text][/vc_column][vc_column width=”1/3″][vc_column_text] Estimate Creation and Management Tool for RS Means Online View Prototype View Search Prototypes Project Date: 12-6-2021 I was the sole designer on this project, managing all aspects of strategy, UX and UI. Estimation tool setup UI. Used for creating an estimate, the header is editable and the estimate is built …

Enterprise Rate Card for Orkin: UX and UI Design for Franchise Services and Pricing.

[vc_row][vc_column][vc_column_text]View full deck in Figma [/vc_column_text][vc_column_text]Click images to enlarge view. [/vc_column_text][/vc_column][/vc_row]

Wireframing in High Fidelity – Designing Functionality with Product Teams

[vc_row][vc_column width=”2/3″][vc_column_text css_animation=”fadeIn”]Click image to enlarge view [/vc_column_text][/vc_column][vc_column width=”1/3″][vc_column_text] Creating a Design One Atom at a Time: Date: October 2019 Summary: I provided wireframes and mockups using InVision, Sketch, Photoshop; and Figma for final assets library. We used Confluence/JIRA to collaborate with product teams during requirements gathering phase; workshopped userflows and personas with product teams and …

Mockups – Better Grids and Tables – Ware2Go’s Outbound Order Management

[vc_row][vc_column width=”2/3″][vc_column_text css_animation=”fadeIn”]Click images to enlarge view. [/vc_column_text][/vc_column][vc_column width=”1/3″][vc_column_text] Managing Large Tables and Grids – More Speed, Better Visual Access to Data Date: December 2019 Problem: Ware2go used a large, data heavy table to manage orders. Many cells were truncated, hiding data on initial view. Prior to the “Data-tray” solution, users had to navigate away …

UX Content and Marketing Design – Promotional Pages for Enterprise

[vc_row][vc_column width=”2/3″][vc_column_text css_animation=”fadeInDown”]Click image to enlarge view. [/vc_column_text][/vc_column][vc_column width=”1/3″][vc_column_text css_animation=”fadeIn”] DSL Services for Enterprise Customers Project: To create a landing page for AT&T DSL services for business customers. The primary navigation was the only established UI.  I received copy from marketing departments, features functions and promotional information to create this landing page. I also selected the …

Good2Grow for The Morrison Agency – Responsive Mobile UI Design

[vc_row][vc_column width=”2/3″][vc_column_text css_animation=”fadeInDown”][/vc_column_text][/vc_column][vc_column width=”1/3″][vc_column_text] Adaptive vs. Responsive UX Design for Multiple Screen Sizes: Good2Grow Skills: Graphic Design, UI Typography, CSS3, Preparing UI Assets Development Teams Project: Create a mobile version of Good2Grow’s website – The differences between responsive and adaptive design approaches spotlight important options for us as web and app designers. Choosing with insight …

Macy’s Productivity Manager Design Specifications for Development Teams

Customer Relationship Management – Managing Macy’s Customers in One Place Macy’s Productivity Manager Design Specs for Development Teams:I use spec docs to reduce layout confusion during the development process. This process details spacing, location, color, etc. of the final user interface design. The document is used internally to ensure the designer, developers and copywriters are …