---
title: Signature | Web Dev Magic
description: UX Case Study for Signature Prototype.
image: https://webdevmagic.com/hubfs/Signature_Prototype.png
---

[![Web Dev Magic Logo](https://webdevmagic.com/hs-fs/hubfs/Web_Dev_Magic_Logo.png?width=90&height=530&name=Web_Dev_Magic_Logo.png "Web Dev Magic Logo")](https://webdevmagic.com/?hsLang=en)

- [Home](https://webdevmagic.com?hsLang=en)
- [Products](https://webdevmagic.com/#binge) 
    - [Binge](https://webdevmagic.com/binge?hsLang=en)
- [My Work](https://webdevmagic.com/#my-work) 
    - [Websites](https://webdevmagic.com/katzcy?hsLang=en) 
          - [Katzcy](https://webdevmagic.com/katzcy?hsLang=en)
          - [Princeton Internet Marketing](https://webdevmagic.com/pimnj?hsLang=en)
          - [1SEO.com Digital Agency](https://webdevmagic.com/1seo?hsLang=en)
    - [Coding Projects](https://webdevmagic.com/astrology-birth-chart?hsLang=en) 
          - [Astrology Birth Chart](https://webdevmagic.com/astrology-birth-chart?hsLang=en)
    - [UX Case Studies](https://webdevmagic.com/nexus-maximus?hsLang=en) 
          - [Nexus Maximus](https://webdevmagic.com/nexus-maximus?hsLang=en)
          - [Signature](https://webdevmagic.com/signature)
          - [Papa Johns](https://webdevmagic.com/papa-johns?hsLang=en)
          - [Firkin Tavern](https://webdevmagic.com/firkin-tavern?hsLang=en)
- [Services](https://webdevmagic.com/services?hsLang=en) 
    - [Get Quote](https://webdevmagic.com/quote?hsLang=en)
- [Contact](https://webdevmagic.com/#contact) 
    - [About Me](https://webdevmagic.com/#about-me)

# Signature

- [Home](https://webdevmagic.com/#my-work)
- [Signature](https://webdevmagic.com/signature)

OVERVIEW

**Autodesk** is a software company that created a suite of tools that are used by a large range of professionals. It is impossible to simultaneously work on the project without overriding other changes.

Ranging from **January to May in 2016**, my five teammates and myself (from the **User Experience & Industrial Design Programs** at **Philadelphia University**) designed a collaboration platform that could ideally be used with Autodesk tools.

[Demo](http://z89gdv.axshare.com/)

###### DEFINE

#### Each step of the process was split among the total teammates. The goal of this project was to: - design a collaboration platform that would integrate with Autodesk tools - help revolutionize collaborative work among teammates

###### DISCOVER

#### Our research comprised of: - **Conducting a Design Critique Cycle** - utilized two current platforms, BamBam and Basecamp - **Creating a User Flow** - traced our steps, troubles, and insights on both platforms - **Assembling our Findings** - created a mission statement that outlined our goals with the collaboration platform - **Designing a Future State Flow** - determined the user flows for the manager, designers, and clients

![Signature\_Prototype\_Flow](https://webdevmagic.com/hubfs/Signature_Prototype_Flow.png)

##### **User Flow Diagram**

###### DESIGN

#### 1. Once the future state flow was figured out, our navigation system was laid out in structural designs. 2. The structural designs led to each individual submitting visual designs for the correct feel for Signature. 3. We voted and created the final look for Signature. The wireframes, visual designs, and final prototype of the platform were created on Axure.

![Signature\_Prototype\_Wireframe](https://webdevmagic.com/hubfs/Signature_Prototype_Wireframe.png)

##### **Wireframe**

![Signature\_Prototype\_First\_Visual](https://webdevmagic.com/hubfs/Signature_Prototype_First_Visual.png)

##### **First Visual Design**

![Signature\_Prototype\_Final\_Visual](https://webdevmagic.com/hubfs/Signature_Prototype_Final_Visual.png)

##### **Final Visual Design**

 NEW

## Skills Acquired

 The teamwork alone in this platform gave me a taste of working on multi- profession projects in practice, seeing it from beginning to end.

###### SKILL 01

#### Opinions

 To work with many differing opinions

###### SKILL 02

#### Recycle

 Using current projects to create new and improved ones

###### SKILL 03

#### Prototyping

 Learning the prototyping tool, Axure

## Let's Create Something

To reach directly out to me or get a quote on a project

- [Hire Me](mailto:info@webdevmagic.com)
- [Get a Quote](https://webdevmagic.com/quote?hsLang=en)

- [Home](https://webdevmagic.com/?hsLang=en)
- [Products](https://webdevmagic.com/#binge)
- [My Work](https://webdevmagic.com/#my-work)
- [Services](https://webdevmagic.com/services?hsLang=en)
- [Contact](https://webdevmagic.com/#contact)

[mailto:info@webdevmagic.com](mailto:info@webdevmagic.com) [tel:5184075934](tel:5184075934) <https://www.linkedin.com/in/kari-gilbertson> <https://www.github.com/gilberk1> <https://www.linkedin.com/company/web-dev-magic>

© 2026 Web Dev Magic, LLC. All Rights Reserved.