Student Plans Task Manager
Task manager workflow for Student Plans (Analytics & Insights). List view with current task/assignee/status; detail view with full task list. Built to PowerSchool Neon design guidelines.
Try a different search term or browse all projects
Virtual crossword game with UX concepts as solutions. 30-second timer per word, highlighted clues, supports 10–12 players.
Project by Anjana Murthy
Project by Anjana Murthy
Virtual scavenger hunt for 10–12 players, scalable to large audience via UX theme (Small Group vs Large Audience).
Project by Anjana Murthy
A self-contained application that automatically captures and compares US state reporting requirements for student data. Features intelligent web crawling, multi-format file extraction (PDF, Word, Excel), change detection, and scheduled monitoring.
School uniform reminder system to help families stay aligned with the uniform calendar. Pick a date to see the uniform, add special days, and manage weekly uniform plans.
Prototype exploring versioning concepts for UX prototypes - version history, comparison, and management features
Description coming soon...
State-level interface for managing student information across districts and schools
Description coming soon...
Description coming soon...
Project by Damon Tribble
Description coming soon...
Project by Damon Tribble
OneFeed Viewer prototype
A modern, Smore-style builder with a focus on simplicity and beautiful design. Build professional newsletters without design skills! Features AI-powered content generation, 5 Neon-inspired themes, and multiple section types. (Redirects to live hosted version)
Neon Design System demonstration with app navigation and switcher components
Newark School District presentation on Figma and AI-assisted design-to-code workflows
PowerSchool login page design implementation from Figma
Cursor Showcase — Executive UX pitch deck (Vibe Designing) for Product VPs and Engineering Leaders
Interactive presentation demonstrating PowerSchool's git branching and workflow strategies
Interactive presentation showcasing the commenting and versioning features in the UX Prototypes platform
Interactive presentation about getting started with UX Prototypes using impress.js
Code Connect test prototype
Prototype exploring natural language search interface for student roster with Common App tracking
Unified HR self-service portal for school district staff to view/edit personal data, review paystubs, manage dependents, and perform typical HR tasks.
A multi-step wizard for bulk updating employee compensation including step progression, flat amount increases, percentage increases, and step & range matrix adjustments.
SchoolMessenger Broadcasts Prototype - MyPowerHub
MFA Error States prototype for SchoolMessenger login flow
PowerSchool Messenger - Full-screen messaging interface with class chats, DMs, groups, settings sidebar, Slack-style search, translation, and pin-to-top features.
Project by James O'Byrne
Natural language search interface for querying student data using everyday language. Search for students by GPA, attendance, enrollment, and more.
School Year Roll - Admin page for setting term extensions for Calendar, Newsfeed, and Messaging features
School Year Roll V2 - Interactive timeline visualization with card-based term management for Calendar/Newsfeed/Messaging and Payments extensions
Project by Jia Lee
Prototype showcasing AI features and PowerSchool UX Neon Components
Comprehensive font pairing analysis comparing Nunito vs Plus Jakarta Sans (paired with Roboto body text) for educational platform design with persona-based recommendations
Theme/Logo wizard prototype built with Neon Design System
A classic Tic Tac Toe game with neon styling
Project by Karina Lee
Project by Karina Lee
PowerSchool PDS login screen with email authentication
Project by Karina Lee
Design guidelines and documentation hub for the PowerSchool UX team
Low-fidelity (grayscale) interactive wireframe prototype for Unified Provisioning OneRoster Import Milestone 1. Validates flow: Connections → Create connection → Run sync → (Success | Needs mapping | Failed) → Mapping/Logs → Re-import → Schedule.
Neon Design System demonstration with app navigation and switcher components
Configuration pages for mobile attendance in the educator mobile application. Contains two variants: Variant A (Admin view) shows pre-populated identifiers and active swipe configuration; Variant B (Home view) shows empty/default state with all dropdowns set to 'Select'. Navigate via sidebar: Admin = Variant A, Home = Variant B.
Student-facing Mentorship Hub POC prototype (PowerSchool × BBBS concept). Starts after a student is matched with a mentor. Features: mentor dashboard, session reflections, goals tracking, messaging, and milestone celebrations. Duolingo-inspired design.
Parent Portal Attendance page starter template for the AI Tinkering Workshop. Features two AI integration points: Proactive Insights and Conversational Data Capture (Report Absence). Built with vanilla HTML/CSS/JS following PowerSchool Neon design patterns.
Mobile Attendance Setup page using Neon Design System components
Parent Portal Attendance page with AI-powered insights and conversational data capture. This is the completed version with AI features implemented.
Flutter mobile app for teachers based on PowerSchool design system
Project by Lise McMillan
Project by Madison Lyon
Grade setup prototype with grading categories workflow - React source requires local dev server
New UX prototype using Neon Design System
Multi-screen enrollment flow for enrolling students in US schools with student information, school selection, review, and confirmation screens
Live collaborative learning platform enabling friends to study together through real-time questions, fastest-finger-first answering, quiz practice, exam preparation, and assignment discussions. Features AI-powered explanations, YouTube video references, live leaderboard, and interactive chat.
Neon Design System demonstration with app navigation and switcher components
Tool for creating or updating an ACR based on the WCAG 2.2 VPAT
Parent Portal Attendance page starter template for the AI Tinkering Workshop. Features two AI integration points: Proactive Insights and Conversational Data Capture (Report Absence). Built with vanilla HTML/CSS/JS following PowerSchool Neon design patterns.
Project by Melissa Garland
Project by Melissa Garland
UX Projects Management Application - Full-stack app for managing UX projects with Jira integration, Epic creation, and AI-powered text transformation
A React TypeScript prototype for PowerSchool's scoring and grading interface, featuring assignment and quiz progress tracking, student submission viewing and grading, interactive progress bars and data tables, modal-based grading workflow, and text highlighting and annotation features.
A comprehensive web application for teachers to create and manage assessment rubrics with AI-powered tools. Features rubric creation, AI-assisted generation, document import, and standards alignment.
A React TypeScript prototype for PowerSchool's PowerBuddy AI assistant featuring an intelligent chat interface for educational content generation, tool selection overlay with favorites and search, form-based standards alignment with chip selection, conversation management with persistence (max 3 concurrent), real-time AI streaming responses, interactive feedback mechanisms (thumbs up/down), and adaptive scroll positioning for optimal message visibility across all screen sizes.
Code Connect test prototype for the Schoology Crosslisting project
Customer needs presentation: How we become an advisor, trusted partner, and thought leader for our customers.
A comprehensive web application for teachers to create and manage assessment rubrics with AI-powered tools. Features rubric creation, AI-assisted generation, document import, and standards alignment.
A modern, Smore-style builder with a focus on simplicity and beautiful design. Build professional newsletters without design skills! Features AI-powered content generation, 5 Neon-inspired themes, and multiple section types.
Interactive concept prototype for a visual version management system — allows designers to save, compare, and manage prototype versions with a simple button click
A modern, Smore-style builder with a focus on simplicity and beautiful design. Build professional newsletters without design skills! Features AI-powered content generation, 5 Neon-inspired themes, and multiple section types.
Configuration pages for mobile attendance in the educator mobile application. Contains two variants: Variant A (Admin view) shows pre-populated identifiers and active swipe configuration; Variant B (Home view) shows empty/default state with all dropdowns set to 'Select'. Navigate via sidebar: Admin = Variant A, Home = Variant B.
Multi-feature AI playground showcasing Chat, Content Writer, and Image Generator — Pink Theme
Parent Portal Attendance page with AI-powered insights and conversational data capture. This is the completed version with AI features implemented.
Executive presentation: Selling the shift from Figma-static to Cursor-functional as a strategic, de-risking multiplier. For Product VP, CPO, CTO.
Executive presentation: Selling the shift from Figma-static to Cursor-functional as a strategic, de-risking multiplier. For Product VP, CPO, CTO.
PowerSchool Messenger 2026 prototype - duplicated from James O'Byrne
A comprehensive Enrolment Self Service prototype for managing data targets, target records, and field mappings. Features include: data target creation with support for PowerSchool SIS, eSchoolPlus, CSV, and TAB target types; conditional form fields based on target type selection; data target detail page with drag-and-drop target records management; field mappings visualization; and an 'Add target record' drawer supporting 13 PowerSchool record types with conditional fields. Built with React, Vite, and PowerSchool Neon design system components.
Enrolment Self Service with AI-assisted field mapping. Same features as the original plus: suggest field mappings using the shared AI service. Built with React, Vite, and PowerSchool Neon.
ATS (Applicant Tracking System) automation prototype.
A modern admin modal with dual-pane layout for building conditional rules. Features searchable field categories, drag-and-drop rule builder with grouping support, AND/OR logic operators, and intuitive visual feedback for rule organization. Built with PowerSchool Neon design system.
Interactive tool for configuring available courses and credit requirements in student planners. Features dual-list selector with search and filtering by subject area.
Student interface for course planning with honors track management, showing completed, in-progress, and planned courses across grades 9-12 with credit tracking and requirement fulfillment.
Staff interface for course planner configuration with honors track and plans of study management.
Course planner configuration interface
Version control and management interface - based on version history homepage prototype
A natural-language search experience for school district staff to query student data using plain English questions about attendance, forms, grades, and student status.
Discovery presentation for integrating prototype comments with Cursor IDE
Project by Ryan Krail
Publish and update flow for Plans of Study - allows district admins to publish plans to schools with immediate or scheduled publishing options.
Item Creation prototype using PowerSchool Neon components.
A complete end-to-end Content Navigation prototype featuring card view, playlist management, list view, and multi-select functionality with preview modals.
Content navigation prototype with Neon components—tabs, sidebar nav, and page layout.
Edulastic prototype.
Item Creation Prototype — assessment item builder with Properties, Build/Editor, and Interactions panels. Neon design system compliant.
NEON Design System Reference Site - Documentation for components, layouts, and styles
A comprehensive web application for teachers to create and manage assessment rubrics with AI-powered tools. Features rubric creation, AI-assisted generation, document import, and standards alignment.
A comprehensive web application for teachers to create and manage assessment rubrics with AI-powered tools. Features rubric creation, AI-assisted generation, document import, and standards alignment.
A prototype for data mapping and validation functionality
Presentation for updated illustration style in the design system
PBDA New approach – React prototype.
Prototype using PowerSchool UX Neon Components library (ux-neon-components-lite).
Pre-meeting preparation, resource generation, post-meeting, mentor support, and continuous growth workflows for mentoring.
Student login page — sign in with email/student ID and password, remember me, forgot password link.
Enrollment Self Service – React prototype. Data Delivery module.