Company Growth Software - Responsive Web Design

Designed software for companies & their employees to track both professional and personal growth.

Role.png

Role

UX Strategist

-g-Process.png

Process

Foundational Knowledge

Concepts

Interaction Design

Tools.png

Tools

Whiteboard

Paper & Pencil

Omnigraffle

Keynote

GOAL

Design a simple and friendly user experience for companies & their employees to track tasks and both their professional and personal growth.

FOUNDATIONAL KNOWLEDGE

This is the first step to creating a compelling UI. It is essential to understand what the product offers, it’s roadmap, business drivers, competition, and users. Services provided for this project included: Stakeholder Interviews, Product Research, User Research and creating a User Activity Matrix

 

USER ACTIVITY MATRIX

 

CONCEPTS

Based on a products needs and a defined set of experience priorities, concepts are developed around task flow, navigation, and screen layout. The concepts cover the primary use cases so that we can see how the system will behave at a macro level. Services provided for this project included: Concept Wireframes

 
User.png

User Goals

  • Focus on the experience of the end user - especially your customers: the leaders and employees

  • Prevent users from feeling overwhelmed

  • Help users stay on task and on target

  • Tie in to the big picture to give purpose to their tasks

  • Provide feedback

  • Make the experience feel personal, yet professional

Goals.png

Design Goals

  • Make tools and information easily accessible and locatable

  • Ensure navigation is clear 

  • Prioritize important and frequently used items

  • Create a seamless, responsive design for desktop and tablet

  • Apply modern design elements and styles

  • Unify different software components together into one user friendly experience

Clipboard.png

Design Objectives

Centralized Tasks

  • Tasks/reminders for all features combined into a single list

  • Users can quickly see what’s needed of them without digging into multiple tabs

  • Each user type sees the tasks that are important to them

Modern Experience

  • Navigation suitable for web and mobile

  • Clean visual design

  • Consistency across screens

  • Provide access to additional information while focusing on current task

 

Highlight Progress

  • Personal and company goal percentages

  • Personal accomplishments

  • Graph of progress towards current plan

  • Team total and team member statistics available to leaders

 

CONCEPT WIREFRAME SAMPLES

 

Practice Owner Screens

 

SBU Screens

SBU Members.png

INTERACTION DESIGN

Interaction design is where the concepts become reality. While adhering to technical restraints, ISO and industry-specific guidelines an experience is crafted which is both usable and complaint. All features and functionality will be documented in detailed wireframes that help ease the transition from product definition to development. Services provided for this project included: Detailed Design Wireframes

 

DETAILED DESIGN WIREFRAME SAMPLES

Screen Flows

 
 

Practice Owner Screens

 

Leader Screens

 

SBU Screens

 

Mobile Screens

Previous
Previous

Surgery Equipment - Touchscreen UI

Next
Next

Audiology Software - Responsive Web Design