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
Project by Anjana Murthy
Virtual scavenger hunt for 10–12 players, scalable to large audience via UX theme (Small Group vs Large Audience).
Compose email screen for Naviance staff – AI-first experience 2026
Admin UI for managing attendance codes and assigning them to multiple schools with override support.
eDocs Bulk Manager: V2 Action Plan + V1 AI Insights (Figma 9313-86426) — React + Neon. Entry dist/index.html; V1 at dist/index-v1.html.
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.
Project by Claudia Powell
A generic presentation on working with UX writers — roles, process, collaboration tips, and common challenges.
Project by Claudia Powell
Interactive onboarding experience for Course Planner setup, including guided steps, worksheets, and decision flows.
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
Project by Damon Tribble
Description coming soon...
Project by Damon Tribble
Project by Drew Kimrey
Prototype for merging duplicate student records with side-by-side data review.
Project by Drew Kimrey
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
Neon 3.2 demo prototype
PowerSchool login page design implementation from Figma
Interactive presentation demonstrating PowerSchool's git branching and workflow strategies
Interactive presentation guiding teams through migrating from Cursor to VS Code with GitHub Copilot
An interactive presentation explaining how our Git process works — submodules, branches, pull requests, and the automated deployment pipeline. Built for designers with no prior Git experience.
Cursor Showcase — Executive UX pitch deck (Vibe Designing) for Product VPs and Engineering Leaders
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
Project by Drew Kimrey
Prototype exploring natural language search interface for student roster with Common App tracking
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.
Simplified Broadcast Creation - Content-First Flow
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
Project by James O'Byrne
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
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 — bulk term extensions without timeline visualization
MyPowerHub setup personalized overview with drag and drop and card locking
Theme/Logo wizard prototype built with Neon Design System
Comprehensive font pairing analysis comparing Nunito vs Plus Jakarta Sans (paired with Roboto body text) for educational platform design with persona-based recommendations
Two-path evidence intake and rubric analysis prototype
Version 2 of the data analysis prototype
Project by Karina Lee
A classic Tic Tac Toe game with neon styling
Slides recommending Rubik as the product header font. Deployment smoke test PR (2026-07-07).
Project by Karina Lee
Student ordering interaction prototype with four comparison variants
Project by Karina Lee
Interactive drag-and-drop sentence completion prototype
PowerSchool PDS login screen with email authentication
Project by Karina Lee
Simple test prototype to verify deployment pipeline
A clean, minimal scorecard for evaluating the design of anything across six core factors.
Digital compass tool for drawing and editing arcs and circles on screen.
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.
Low-fidelity interactive wireframe prototype for Unified Provisioning Admin tools (M3), focused on the current admin flow with a populated default state.
Executive demo prototype for agentic orchestration of K-12 master scheduling. Dashboard shell with scheduling readiness score, unresolved conflicts, scenarios, pending approvals, and top scheduling risks. Phase 1 — main shell and dashboard only.
Executive demo prototype for agentic orchestration of K-12 master scheduling. Dashboard shell with scheduling readiness score, unresolved conflicts, scenarios, pending approvals, and top scheduling risks. Phase 1 — main shell and dashboard only.
High-fidelity concept prototype demonstrating AI-powered workflow configuration (agentic orchestration) for district admins. Features hybrid workflow creation combining natural language intent with structured UI refinement.
Neon Design System demonstration with app navigation and switcher components
Flutter prototype exploring future ideas for the Parent Support Hub experience.
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.
Low-fidelity interactive wireframe prototype for Data management admin tools (M3), focused on the current admin flow with a populated default state.
Parent Portal Attendance page with AI-powered insights and conversational data capture. This is the completed version with AI features implemented.
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
Executive demo prototype for agentic orchestration of K-12 master scheduling. Dashboard shell with scheduling readiness score, unresolved conflicts, scenarios, pending approvals, and top scheduling risks. Phase 1 — main shell and dashboard only.
Flutter mobile app for teachers based on PowerSchool design system
Project by Madison Lyon
Project by Madison Lyon
Grade setup prototype with grading categories workflow - React source requires local dev server
New UX prototype using Neon Design System
Community portal prototype for PowerSchool users to access resources, support, and community features
Project by Mahesh Karki
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.
Project by Melissa Garland
PowerSchool ACR Dashboard
Tool for creating or updating an ACR based on the WCAG 2.2 VPAT
Project by Melissa Garland
Project by Melissa Garland
Project by Melissa Garland
Prototype demonstrating a video and audio recording interaction
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 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.
Project by Nancy Kopf
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.
Neon prototype demonstrating quick content generation
A React TypeScript prototype for visualizing the PowerSchool product suite architecture and relationships.
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.
Neon prototype demonstrating quick content generation
Minimal shell prototype for debugging homepage publishing and listing behavior.
Project by Nancy Kopf
Code Connect test prototype for the Schoology Crosslisting project
Low-fidelity interactive wireframe prototype for Unified Provisioning Admin tools (M3), focused on the 5A admin flow with a populated default state.
Actual Vite React concept prototype for a designer-friendly VS Code Neon composer with live Neon blocks, canvas, inspector, and generated React handoff.
Customer needs presentation: How we become an advisor, trusted partner, and thought leader for our customers.
Directional concept: a unified AI morning briefing that synthesizes data across all 6 PowerSchool products — no product boundaries, only the work that matters. Designed for the cross-product data flow & agentic AI vision discussion.
Multi-feature AI playground showcasing Chat, Content Writer, and Image Generator — Pink Theme
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.
Login page prototype.
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.
Drawing tool prototype.
Coaching and mentoring workflow prototype.
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.
Animation library and motion design prototype.
Naviance student view for exploring career sub-clusters and pathways. Includes favorites, ONET-deprecated pathway migration modals with closest-match recommendations, and an updated cluster/pathway card layout.
Project by Ryan Krail
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.
AI-powered Neon Design System advisor for designers, engineers, and product teams
Design Systems & Consistency (NEON Evolution) — UX Connect 2026 presentation by Pod 6.
Project by Ryan Krail
PowerPoint-style heuristic evaluation presentation for middle and high school students. Covers Nielsen Norman Group's 10 usability principles with strengths, opportunities, and suggestions.
Discovery presentation for integrating prototype comments with Cursor IDE
Project by Ryan Krail
Career discovery home page with AI-powered recommendations, O*NET career data integration, and student-focused career exploration for Naviance.
Manage course plans for students — create, view, and track plan status with specialization support.
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.
Content navigation prototype with Neon components—tabs, sidebar nav, and page layout.
A complete end-to-end Content Navigation prototype featuring card view, playlist management, list view, and multi-select functionality with preview modals.
Item Creation Prototype — assessment item builder with Properties, Build/Editor, and Interactions panels. Neon design system compliant.
Edulastic prototype.
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.
Presentation for updated illustration style in the design system
A prototype for data mapping and validation functionality
Data mapping and validation with inline vertical stepper (no drawer)
Project by Yettela Suneel Reddy
Project by Yettela Suneel Reddy
Project by Yettela Suneel Reddy
PBDA New approach – React prototype.
Project by Yettela Suneel Reddy
Prototype using PowerSchool UX Neon Components library (ux-neon-components-lite).
Dedicated workspace for MTSS Intervention Plan detail page using Neon components.
Student login page — sign in with email/student ID and password, remember me, forgot password link.
Project by Yettela Suneel Reddy
Pre-meeting preparation, resource generation, post-meeting, mentor support, and continuous growth workflows for mentoring.
Enrollment Self Service – React prototype. Data Delivery module.
Dedicated workspace for Intervention Detail Page redesign using Neon components.
Applicant Tracking Neonification — Neon React prototype