Rapid prototyping

Here are my highlights in rapid-aka-can-you-make-this-in-48-hours prototyping projects

Honey, you can find everything from low to high fidelity mockups from my many years freelancing

ERA.NFT

An NFT discovery site to collect the memories you cherish most, all built in a weekend

 

01. the brief, brief

"Okay, hear me out, what if we found a way to visualize time?"

That was the prompt we started with.

The client wanted a site where users could browse, discover, and purchase NFTs representing key moments in their lives, say
"the day I graduated from college," or "the day I got married" 

Users could also see how their special date was tied to famous events in history, in a seamless, scrollable experience
"like google maps, but for a timeline"

the original sketch

prototype
prototype
prototype

02. the inspiration sources

The backbone of launching any product is a great white-boarding inspiration session.

Here are the sources that inspired us.

Minimalist aesthetic and site color scheme from Salt & Pepper agency

Screen Shot 2021-03-20 at 9.36.53 AM.png

Layout and information hierarchy inspiration from New York Times

Screen Shot 2021-03-20 at 9.38.43 AM.png

Typography inspiration rom François Risoud portfolio 

Screen Shot 2021-03-20 at 9.38.16 AM.png

Highlight color scheme from Daesk website

Screen Shot 2021-03-20 at 9.40.17 AM.png

Timeline design from National Geographic Human Migration Patterns 

large.png
Grid

03. the interaction design

Here, we blanked out how the user would enter the experience, explore the timeline, make purchases, and collect time... all on a large Miro board

The Miro-verse

miro board.png

The landing page

Screen Shot 2021-03-20 at 5.39.44 PM.png

The decade view

Screen Shot 2021-03-20 at 5.28.24 PM.png

The daily view

Screen Shot 2021-03-20 at 5.28.05 PM.png

04. the final prototype

Play around for yourself on Figma here

Landing page: users would zoom through a whole timeline of events, from early 2000s closer and closer to today

Screen Shot 2021-06-22 at 11.11.22 PM.pn
Screen Shot 2021-06-22 at 11.12.11 PM.pn

This is the homepage of the timeline

 

Users can hover over dots on the timeline and it would show you the date, current price, and notable events.

Users can can filter for specific dates, or, when signed in, see their collection of dates highlighted.

Screen Shot 2021-06-22 at 11.12.23 PM.pn

This is the collections page

 

These are curated collections of dates around a theme, such as key environmental movement dates, for users to browse and purchase

Date & specific search: shows the full detail of a date, information on the buyer, significance in history, and ability to purchase

Screen Shot 2021-06-22 at 11.11.41 PM.pn
Screen Shot 2021-06-22 at 11.12.39 PM.pn

05. the finishing touches

Oh, and there was some visual design too!

When asked to create a representation of the NFT collectable "cards" would look like...

IMG_0015 2.PNG
IMG_0023.PNG
 

CUSTOMER SERVICE DASHBOARD

Giving service employees the insight they need to deliver a high touch customer experience

01. getting to great service

Great customer service comes from the people, no doubt.

But the people still require a deep understanding of customer needs, concerns, and a path to resolution in a timely manner—that creates great service.

This becomes drastically more important in a large enterprise technology company, where the product and service provided is integral to their customer's daily operations. Yet this technology giant only had disaggregated, manual platforms for mapping service reps to customers, accessing customer products used, clearing support tickets, or pulling additional resources in urgent projects.

 

It would be like if you walked into the Apple store to repair your phone, and they didn't have a queue, an associate assigned to you, knowledge of your support issue or product, and didn't give you an estimated resolution time.

I created a solution where service employees could see everything they needed to know about the customer, in one seamless dashboard.

Customer service.png

02. the service solution

Play around for yourself on InVision here

Here, I created an all-in-one dashboard, where service engineers could see...

Key information on the customer, such as annual spend, key products used, and when their licenses for each product would renew

Customer account managers and service representatives contacts clearly called out for easy cross-functional issue resolution

Support tickets and service details listed in one consolidated location for easy review and resolution

6_2x.png
3_2x.png

Service engineers could hover over each product the customer uses and get additional detail

Additional resources and information could be collapsed to save space

8_2x.png

When clicking "my accounts", service engineers can find reminders on when to follow up on their key customers, allowing them to stay zeroed on on support requests, renewals, and delivery the best possible customer experience

3_2x.png
9_2x.png

thank you