Patrick Brennan's User Experience

Figma Prototype Examples

• My Website

  

  • The menu works.
  • The graphics on the graphics page opens up to a larger version.
  • The web examples opens up to a larger version.
  Run Demo

• Pattern Examples

  Run Demo

  Here is an example of patterns I have created in Figma. These examples showcase my skills as a prototype designer.

  This is a work in-progress.

Reading Challenge Module

My manager asked me to come up with ideas for a new module he would like to add to our app called the Reading Challenge. Here are the requirements he gave me for it.

• Add a new module so parents can register their children to reading programs.
• Allow parents the ability to set challenges and goals of their readers.
• Allow parents the ability to monitor the progress of the challenges/goals of their readers.

• Use Case: Splash and Homepage Menu Workflows
  Run Demo

  Use Case Overview

  • User opens the app and the Splash screen appears.
  • If user previously logged out, they will need to log back into the app.
  • After logging in, the user goes to the homepage of the app.
• Use Case: View, Add or Remove Readers
  Run Demo

  Use Case Overview

  • User clicks menu icon to view navigation and clicks Readers link.
  • Readers page flys in to show the users list of readers.
  • User clicks the search icon to find and add more readers.
  • User can also click the three dots icon to click the options of either "Removing" the reader or reviewing the readers "Reading Details".

• Use Case: Challenge a Reader
  Run Demo

  Use Case Overview

  • To challenge a reader user clicks on any jacket and goes to the details page.
  • User can now click the Challenge button to challenge one of their readers or search for other readers to add to their list and challenge.
  • User is sent back to the details page with a toast message confirming challenge.
  • User has the option of setting goals for the reader or they can set goals at a later date.
• Use Case: Set/View Goals to Challenges
  Run Demo

  Use Case Overview

  • On the Reading Challenges page, user can review the progress of any readers challenges by clicking the three dots icon or remove reader from the challenge.
  • On the Challenges Details page, the user can see when the reader accepted the challenge.
  • User can also set/update goals for the reader.

• Use Case: View Reader Challenges
  Run Demo

  Use Case Overview

  • User can view any reading challenges they have by clicking the Challenges link in the menu or footer.
  • Reader Challenges page flys in to show active challenges and archived challenges.
• Use Case: Reading Programs
  Run Demo

  Use Case Overview

  • User clicks menu icon to view navigation and clicks Programs link.
  • Programs page flys in showing various programs which the user can register their readers to attend.
  • User can also click the "Info" link to review the program.
  • Programs page also shows any of the users readers who are attending any programs .
  • User can remove any Reader from a program.

Collections

This is a teaching aid app to help students learn from different resources the teacher puts together.

• Collections App
  Run Demo

  Use Case Overview

  • Create an app to hold resources.
  • There will be three views. A Featured view, Public view and a Private view.
  • Allow users to add/edit and delete resources.
  • Users can view the details in a Grid, List or Swaggered view.

Dashboard Example

Here's an admin dashboard that was started before I was released from Baker & Taylor. Even though I'm not with them anymore, I'm still working on this to show my skills at designing a dashboard.

• Admin Dashboard
  Run Demo

  This is a work in-progress.

• Cigna
  • Interactive Buttons
  • Interactive Components
  • Form Controls
  • Alerts & Messages
• Corporate Brokers
  • Colors/Text Styles
  • Icons
  • Components
  • Alerts & Messages

• Follett
  • Colors/Text Styles
  • Icons
  • Components
• Baker & Taylor
  • Colors/Text Styles
  • Icons
  • Components