Protected Project

This case study is password-protected. Please enter the password to continue.

← Back to home

Edtech | Responsive Design

T2P Responsive Design

Client

Teacher2Parents (Community Brands)

Role

Senior UX Designer

Sector

Edtech / SaaS

Desktop messaging UI Desktop compose message Desktop conversation view
Tablet compose message Tablet conversation view Tablet incoming replies

Bringing T2P to every screen

The legacy Teacher2Parents platform was built as a desktop-only application, leaving tablet and mobile users with broken layouts and inaccessible controls. The goal was to create a fully responsive web experience — including tablet views and a new sidebar navigation — then validate the approach through usability testing with real users.

Desktop-only layout Navigation complexity Touch interaction gaps

See the design adapt.

Drag the right edge to resize the viewport and watch the layout respond.

t2p.app/compose
Desktop — 1200px
Desktop compose view Tablet compose view Mobile compose view

← Drag to resize →

Tested with real users

4.28/5

Experience rating

100%

Task completion

3

Participants tested

"Big improvement on classic — the step-by-step flow makes sense and the responsive layout works well across devices."

  • Responsive layout validated across all tested devices
  • Step-by-step messaging flow rated intuitive by all participants
  • Touch target and keyboard improvements identified for next iteration

Measurable outcomes

+30%

Platform engagement

Teacher engagement increased as staff could now access the platform from tablets and mobile devices, not just desktop.

3+

Cross-platform patterns

Validated responsive design decisions — including the collapsible sidebar and step-by-step compose flow — were migrated to other products in the portfolio.

Get in touch

Interested in working together?

Let's talk → Next project →
Get in Touch

Let's work together.

Always open to new conversations, collaborations, and interesting projects.