top of page

Admin Center

Smartsheet

Access all admin settings on a responsive grid

Frame 749 (1).png

PROBLEM:

Redesign existing Admin center, make all options easy to access and understand, future-prof for new functionality to be added in the future, and follow best practices for responsive layout

Develop a pattern using cards, similar to a shopping app, to make the admin center feel fun and approachable

SOLUTION:

alexey-ruban-73o_FzZ5x-w-unsplash 1.png

How do you build an intuitive Admin Center and future-proof it for growth?

Admin Center is a tool for Account Administrators to view and grant license requests, modify security settings, and manage the company’s Smartsheet account. The homepage displays a summary of the most relevant tasks and statuses. To allow for future content growth and seamless display on all screen sizes, I also designed a responsive grid system that was adopted by all other design teams in the org

My Role:

Collaborated with the VP of Design to define the problem

Created the experience and refined it via multiple iterations

Prototyped a detailed walk-through that was demoed in to senior stakeholders during annual planning

FUTURE-PROOF FOR GROWTH

image 1 (5).png
image 13 (3).png

Card types

image 14 (3).png
image 5 (4).png
image 6 (3).png
image 6 (3).png
image 6 (3).png
image 6 (3).png

CARD LAYOUT & REFLOW

Designing for Kindle E-Ink is very different from designing for other devices because of E-Ink display technology is limited and does not allow the same richness of interactions as regular devices. It requires understanding of unique characteristics and limitations of E-Ink Technology

image 2 (2).png
image 8 (2).png
image 9 (2).png
image 10 (1).png
image 11 (2).png

CALCULATING BREAK POINTS

image 16 (3).png
Grid Measurements (updated).png
Grid Measurements (updated).png
Grid Measurements (updated).png
Grid Measurements (updated).png
Grid Measurements (updated).png
image 12 (1).png
image 12 (1).png
bottom of page