Administration

This is the user settings section of the

Transcend software app.

#userprofile

#settings

#variants

Role

Heuristic design reviews

Information Architecture

Visual design

Product manager, Jesse Herlitz

Deliverables

Interactive Prototypes

Walkthrough demos

DS components

Duration

1½ month

Customer problems & Project overview

The first version of Transcend's admin dashboard was built and designed by engineers, so we had a number of usability issues that went unaddressed for some time until the product design team was built.


The administration section of Transcend is where users are managed and invited on the platform, and the experience needed a facelift.

What did I learn?

As this was my first Product design project, the process was very much of me absorbing and synthesizing existing knowledge.

  • First off, I spent some time studying the old design files. Doing this really helped, as it helped build a pattern recognition, as our design system wasn't fully matured

  • Converted low fi stakeholder decisions into functional prototypes while getting to apply Figma concepts like variants & translating them into hover states

User journey map 1 : Admin/Account manager wants to

✅ Add/invite a new user

User journey map 2 : Admin wants to

✅ Add new team

✅ Edit existing team

✅ Edit team scope

User journey map 3 : Admin needs acess to

✅ Switch organizations

✅ Account profile settings

✅ Organization profile settings and Sign-on details

Plan & Billing tab - After/Before aggregated customers feedback

Solutions & impact overview

These design patterns were reused and adopted throughout the platform. This helped us lay a very solid foundation for many subsequent designs. It was a good exercise in creating design patterns that are reusable and test them on low-stakes functionality with users.

How would I do things differently next time?

Migrate early from base component model of building design patterns to using variants. the latter prevents endless nestings, is a better alternative to the previously clunky way Figma handled states and in overall buys time

Asides this, nothing. I was off to a good start.

© November 2024