Designs and Prototypes

The list below are mockups and interactive prototypes of features and sites I've designed that were developed.

  • Payment Options

    A user flow as part of a bigger initiative to reshape the payment options presentation of a mobile sales software. What once started as a basic PowerPoint slide from a sales associate became a full blown feature driving higher conversion rates across all sales.

    Figma File

  • Promotions

    A brainstorm to help refine the promotion user flow of a mobile sales software. This brainstorm took place mid development cycle during work refinement. My team and I also implemented this feature.

    Figma File

  • Deposit Collected

    A quick design created during the development process with no product support. I worked as the designer and developer and used quick designs to help refine and implement work vague requirements.

    Figma File

  • Contract Contacts

    A concept user flow to help refine requirements with no product support. This design was used to sell an idea for managing contacts on a contract. I was the designer and developer for this feature.

    Figma File

  • Version & Publish Flows

    An interactive protoype testing user flow through a new version control and publish feature. Users can now revert to past versions, send iterations to clients for approval, and publish with confidence.

    Figma File

  • Site Builder Validation

    Startagy for global validation throughout a site builder application. The validation strategy needed to be strict while also being able to guide users to the correct solution.

    Figma File

  • Custom Component Builder

    A mockup of a custom component builder. Internal teams can now build repeatable blocks so they can build and maintain client sites at lightning speeds.

    Figma File

  • Navigation Configuration

    A mockup of a custom navigation configuration. Teammates can now drag and drop navigation links and organize their client sites without code.

    Figma File

  • Multiplayer Editing

    A mockup of a multiplayer editing and commenting system. Users can now edit client sites simultaneously without overwriting each others work or publishing other's incomplete work.

    Figma File

  • Building a Design System

    Paired up with another design to create a design system based on the engineers preffered UI component library. This allowed the product department to stay consistent throughout each project.

    Figma File

  • Change Log Exploration

    A sample of research needed for a new feature. Exploratory research, sketches, card sorts, wireframes, usability tests, and Figma prototypes were used to tease out the core functionality for the new feature.

    Figma File