Explore IUX Mockups
Mockup File Directory - Boilerplate
- Mockup File Directory Link (Note: Directory will only show when "local".
Date: MM/DD/YYYY
Team:
User Experience (IUX)
Application:
Mockup File Directory
Framework:
Bootstrap 5
Type:
Boilerplate
PPD Demographics Questionnaire
IDEM/ASM (PMI) Login Screen Mockups
Date: 12/03/2024
Team:
IDEM, ASM (PMI)
Application:
ASM (PMI)
Framework:
Bootstrap 5
Type:
HTML
IDEM 5-Free CE Credits (CE Corner Enroll) redesign
IDEM Lookup Account Screen Mockups
Date: 09/12/2024
Team:
IDEM
Framework:
Bootstrap 5
Type:
HTML
Fellows Application
Date: 07/02/2024
Team:
Line of Business (LOB)
Application:
Fellows Application
Framework:
Bootstrap 5
Type:
HTML
PsycNet Search Results Page
Date: 05/23/2024
Team:
PsycNet (PSN)
Application:
PsycNet
Framework:
Bootstrap 5
Type:
HTML
PsycNet 4 POCs
- Mockups Landing Page - Includes Semantic Search ideas, Search Results page, etc.
Date: 02/10/2025
Team:
PsycNet (PSN)
Application:
PsycNet
Framework:
Bootstrap 5
Type:
HTML
PsycNet Epub Button Placement
PsycInfo (Polaris)
Older Polaris Email Designs
Polaris Email Templates - Initial Designs (2020)
- Consumer v1 Email
- Consumer v2 Email
- Consumer v3 Email Delivered
- Professional v1 Email
- Professional v2 Email
- Professional v3 Email
- Professional v4 Email Delivered
Polaris Email Templates - Notification Email Redesigns (10-2021)
- Professional v5 - Light Notification Theme Email
- Professional v6 - Purple Notification Theme Email
- Professional v7 - Purple Ads Theme Email
- Professional v8 - Gray Alternating Sections Email
- Professional v9 - Branded Color Sections with White Text Containers - v1 Email
- Professional v10 - Branded Color Sections with White Text Containers - v2 Email
- Professional v11 - Branded Color Sections with White Text Containers - v3 Email
- Professional v12 - White Theme - Older Header and Footer Design Email
- Professional v13 - White Theme - Newer Header and Footer Design Email
- Professional v14 - White Theme - Newer Header and Footer, Smaller Hero Email
- Professional v15 - White Theme - Newer Header and Footer, Smaller Hero, Ad Up Top Email
Polaris Email Templates - Ads Email Redesigns (10-2021)
- Ads v1 - Light Theme Email
- Ads v2 - Branded Colors Theme Email
- Ads v3 - Simple with New Footer Design - Larger Top Section Email
Polaris Email Templates - Integrating in PubMed Content (6-2022)
Date: 2021+
Team:
PsycInfo/PSN (Polaris)
Application:
PsycInfo
Framework:
Bootstrap 4
Type:
HTML
Print Journal Subscription Address Changes
Date: 8/29/2024
Team:
Salesforce (ISS), Membership (MBS)
Application:
MyAPA
Framework:
Bootstrap 5
Type:
HTML
Fellows Database
Date: 8/29/2024
Team:
Line of Business (LOB), Salesforce (ISS)
Application:
Fellows Database
Framework:
Bootstrap 5
Type:
HTML
NMA Thank You pages and email
Date: 11/03/2023
Team:
Membership (MBS)
Application:
NMA
Framework:
Bootstrap 5
Type:
HTML, Email
Pre-Order E-commerce Messaging Improvements
- Cart with Pre-Order item
- Checkout with Pre-Order item
- Thank You page with Pre-Order item
- Email after purchase with Pre-Order item
Date: 06/04/2025
Team:
IDEM, Finance
Application:
E-commerce
Framework:
Bootstrap 5
Type:
HTML
Continuing Education E-commerce Checkout Updates
- Cart Scenario 1 - User adds item and then bundle
- Cart Scenario 2 - Not Logged In User adds items, logs in and has entitlement to all items in cart
- Cart Scenario 3 - User adds items and then the Unlimited Plan
- Cart Scenario 6 Option 1 - User had a Live event in their cart but it is after the event start time, so we remove the item
- Cart Scenario 6 Option 2 - User had a Live event in their cart but it is after the event start time, so we replace the Live item with the On-Demand version
- Checkout Scenario 1 - Not Logged In User adds items, logs in and has entitlement to some items in cart but not all (includes additional On-Demand/Webinar questions)
- Checkout Scenario 2 - User who has previously purchased a CE product and answered the required questions
- Thank You Scenario 1 - Include required questions and answers
- Email Scenario 1 - Include required questions and answers
- Messages to send back to Tridion
- Additional Potential Scenarios:
Date: 05/01/2025 to
???
Team:
IDEM, Continuing Education (CE)
Application:
E-commerce
Framework:
Bootstrap 5
Type:
HTML
E-commerce Checkout Process Redesign
- Base Screens:
- Cart page Current
- Checkout page Current
- Thank You page Current
- Scenarios:
Date: 04/18/2024 to
08/15/2024
Team:
IDEM, Marketing (MKT)
Application:
E-commerce
Framework:
Bootstrap 5
Type:
HTML
Edit Profile Address Verification
- MyAPA Edit Profile - Note that this mockup is also showing the link to Salesforce "Manage Print Subscription Addresses"
- ACW Edit Profile
Date: TBD
Team:
Academic Writer (ACW), IDEM
Application:
Academic Writer, MyAPA
Framework:
Bootstrap 3
Type:
HTML
IDEM Registration Screen Mockups
Date: 08/16/2024
Team:
Academic Writer (ACW), IDEM, PsycNet
Framework:
Bootstrap 5
Type:
HTML
IDEM Outage Mockups
- Outage - Generic
- Outage - Planned Maintenance
- COA Portal Outage - Note that the CSS file here is all internal to the page
Date: TBD 2023
Team:
IDEM
Framework:
Bootstrap 5
Type:
HTML
GradStudy Phase 1 Mockups
Date: TBD 2023
Team:
Line of Business (LOB)
Application:
GradStudy
Framework:
Bootstrap 4
Type:
HTML
Email Verification Phase 1 Mockups
Date: TBD 2023
Team:
Academic Writer (ACW), IDEM, PsycNet (PSN)
Framework:
Bootstrap 3, Bootstrap 5
Type:
HTML, Email
E-commerce Promo Code redesign
Date: TBD 2023
Team:
IDEM, Marketing (MKT)
Type:
Email, Figma
One-time code Login Mockups
Date: TBD 2023
Team:
Academic Writer (ACW), IDEM, PsycNet (PSN)
Framework:
Bootstrap 5
Type:
HTML, Email
PsycNet Login & Janus
- PsycNet Individual Login - V2
- PsycNet Individual Login - V1
- PsycNet Institutional Login - Top Alert
- PsycNet Institutional Login - Within Card Alert
- Email with PDF Download Link for Article
Date: 08/05/2021
Team:
IDEM, PsycNet (PSN)
Framework:
Bootstrap 3
Type:
HTML, Email
PsycNet Survey Alert
Date: 10/24/2019
Team:
PsycNet (PSN)
Application:
PsycNet
Framework:
Bootstrap 3
Type:
HTML
PsycNet Landing Page
Date: 04/02/2020
Team:
PsycNet (PSN)
Application:
PsycNet
Framework:
Bootstrap 3
Type:
HTML
PsycNet Journal Admin
Hivebrite Landing Page
Date: 11/03/2023
Team:
Membership (MBS)
Application:
Hivebrite
Framework:
Bootstrap 5
Type:
HTML
Awards
Date: 07/12/2022
Team:
Line of Business (LOB)
Framework:
Bootstrap 5
Type:
HTML
Commenting System Portal
Date: 07/12/2022
Team:
Line of Business (LOB)
Framework:
Bootstrap 4
Type:
HTML
Auto-Renew POCs
Date: 03/01/2025
Team:
Salesforce (ISS), Membership (MBS)
Application:
Salesforce
Framework:
Bootstrap 5, PL 2.0
Type:
HTML
Elections Portal Redesign
Date: 07/01/2025
Team:
Line of Business (LOB)
Application:
Angular
Framework:
Bootstrap 5, PL 2.0
Type:
HTML
Elected & Appointed Leaders (EAL) Database Redesign (aka, "Governance Database")
Date: 07/01/2025
Team:
Line of Business (LOB)
Application:
Angular
Framework:
Bootstrap 5, PL 2.0
Type:
HTML
Commenting System Admin
Date: 11/30/2022
Team:
Line of Business (LOB)
Framework:
Bootstrap 5
Type:
HTML
Commenting System Welcome
Date: 11/06/2023
Team:
Line of Business (LOB)
Framework:
Bootstrap 5
Type:
HTML
Salesforce Preference Center
- Salesforce Preference Center Mockups - Round 7
- Salesforce Preference Center Mockups - Round 6
- Salesforce Preference Center Mockups - Round 5
- Salesforce Preference Center Mockups - Round 4
- Salesforce Preference Center Mockups - Round 3
- Salesforce Preference Center Mockups - Round 2
- Salesforce Preference Center Mockups - Round 1
Date: 11/07/2022
Team:
Salesforce (SF)
Framework:
Bootstrap 4
Type:
HTML
Course Adoption System (CAS) Redesign
Date: 08/26/2019
Team:
Line of Business (LOB)
Application:
Course Adoption System (CAS)
Framework:
Bootstrap 4
Type:
HTML
CAS Redesign Phase 2
Date: 09/04/2019
Team:
Line of Business (LOB)
Application:
Course Adoption System (CAS)
Framework:
Bootstrap 4
Type:
HTML
CAS Tests
Date: 08/26/2019
Team:
Line of Business (LOB)
Application:
Course Adoption System (CAS)
Framework:
Bootstrap 4
Type:
HTML
CAS Accessibility & Address Verification POCs
Date: 09/30/2020
Team:
Line of Business (LOB)
Application:
Course Adoption System (CAS)
Framework:
Bootstrap 4
Type:
HTML
CAS Mastering APA Style Digital Product
- Mixed Cart
- Digital Added First
- Digital Added First - Request + Edit Modal
- Print Added First
- Landing Page - Featured Book
Date: 08/17/2021
Team:
Line of Business (LOB)
Application:
Course Adoption System (CAS)
Framework:
Bootstrap 4
Type:
HTML
CAS E-book Redesign
Date: 06/10/2022
Team:
Line of Business (LOB)
Application:
Course Adoption System (CAS)
Framework:
Bootstrap 4
Type:
HTML
Password Reset (previously SSPR)
Date: 05/28/2020
Team:
ITS Engineering & Networking Team (IEN)
Application:
Course Adoption System (CAS)
Framework:
Bootstrap 4
Type:
HTML
Additional Information
IUX Links
IUX Team Calendar
Mockup Directory (old directory.html)
Beadams Labs Bucket files (old mockups) - Note: Directory will only show when "local"
Mockup Directory (old directory.html)
Beadams Labs Bucket files (old mockups) - Note: Directory will only show when "local"