Terry Biddle dot com
The site you are viewing is not a template, nor is it built using Squarespace or any other site building tool. It is built from scratch using HTML, CSS, and JavaScript.
It is fully responsive and meant to be a dead simple UI design system using only typographic elements and icons. Please feel free to view this site on other devices or inspect the CSS structure.
I created all interactive prototypes below, most using Figma .
By the numbers—a year at a glance (2019)
- International Design staff members managed: 7
- All Design staff members managed: 13
- Course modules completed: 57
- JIRA tickets with time logged: 789
- Screens reviewed and completed: 1,140+
Information about and samples of specific projects can be found below.
Achieve
53 module financial education micro-course experience (5-7 minute completion time per topic).
Achieve promotional video (where I am also featured) can be found here .
Contribution
- Product Design Director
- Product strategy
- Project management
- Visual and UX design
Clickable Prototype
Additional Wireframes (PDFs)
Videos
- 50-30-20 Rule
- Compound Interest
- Credit Audit
- Pre-Tax Delivery
- Interest Rates
- Debt Management
- Post-Tax Deductions
Optional Deep Dive
Adlon
6 module health and wellness micro-course experience covering proper use of ADHD medication. Content was then segmented to “patient” and “caregiver” audiences.
Contribution
- Product Design Director
- Visual and UX design
- UI library/design system
All courses (includes video embeds)
Videos
ESOP Association Rebrand
I was asked to modernize and rebrand the print and digital standards for The ESOP Association . Links to the full brand standards (for web and print) can be found below.
Contribution
- Creative Director
- Brand and identity design
- Copywriting
- Front-end development
Web standards
Brand standards manual
The Knell
I founded, designed and developed social video startup The Knell using Vue.js (SPA), Webpack, Ruby on Rails and AWS (EC2, S3, CloudFront, Amplify).
The site never officially went live due to unforeseen circumstances shortly before launch, but the click-through prototype showing the original product vision can be found below.
Contribution
- Founder and CEO
- Ideation
- Product strategy
- Visual design and illustration
- UI library/design system (including CSS)
- Front-end development
Prototype (HTML)
Optional Deep Dive
Modern Woodmen
15 module K–12 financial education micro-course experience. Includes 5 animated cartoon only modules for the 3rd to 5th grade learner group.
Contribution
- Product Design Director
- Visual and UX design
- UI library/design system
Design Library
Wireframes (PDFs)
Videos (3rd–5th grade)
These are a lot of fun. Feel free to watch them in order.
Money Moves (Zelle)
4 module financial education macro-course experience (15 minutes+) geared towards a teen audience.
Contribution
- Product Design Director
- Ideation
- Game/course mechanics
- Visual and UX design
- UI library/design system