School Comparison Report UI Redesign

Замовник: AI | Опубліковано: 15.03.2026

I’m ready to refine the heart of our parent-facing school-search platform: a 6–10-page comparison report that appears on the web and exports perfectly to PDF. The current build (React + Tailwind) already pulls live data and generates AI commentary, but the layout still feels more “spreadsheet” than “decision-making guide.” Here’s what I need from the redesign: a minimalistic, clean set of comparison tables that surface the right numbers without overwhelming the reader, seamless integration of AI-generated insights and suburb context, and a visual hierarchy that stays professional yet warm. Every element must translate effortlessly between responsive web and print, so typography, spacing, and colour use have to hold up at both screen and paper resolutions. The project also includes a results page — a filterable list of school cards grouped by fit tier (Strong fit / Good fit / Works) — that needs the same visual treatment. Deliverables • Figma (or equivalent) file with responsive web layouts for desktop and mobile • Print-ready specifications that export directly to a polished PDF (no after-the-fact tweaking) • Component and style documentation for the development team, matching our existing React/Tailwind stack You’ll have access to the working product, real data sets, and our current style tokens to keep everything consistent. Send over portfolio links that show you’ve tamed data-dense dashboards or reports before, especially anything that balances clarity with empathy toward end users. Once I see a good fit, I’ll share the full brief and samples of live data for you to dive in.