• πŸ”¬ UX & UI
  • 🌠 Motion & UI
  • πŸ‘©πŸ» about
Menu

madebytori

  • πŸ”¬ UX & UI
  • 🌠 Motion & UI
  • πŸ‘©πŸ» about

I'm Tori, As a senior product designer @ Zoom chat team. With experience leading an international design team and serving as Senior Design Manager @ Transsnet music, I am passionate about creating beautiful UI/UX designs and aligning business goals with user needs. I believe Great design simplifies a very complicated world.

SAP Ariba Work

I have been working for SAP Ariba team (the leader in spend management. We began with a mission to help companies control spending and cut costs by making it easier for buyers and suppliers to work together) for 3 years as a product designer, from Jun. 2016 to Apr. 2019
Looking back it now, I have done a great job by designing a Diversity Matter Demo, one of the features of Guided Buying (the World’s Largest Supplier Networking allows the user to purchase goods and services from preferred suppliers from the procurement team), which was showcasing at Ariba Live in Las Vegas in March 2018. It was the highlight of the Ariba Live, influencing a total of $25b in Spend.

__

I also led the Procurement Desk's product Design and helped for multiple projects in Sap Ariba from Jun 2017 to Jun 2018. I'm the designer who responsible for designing additional pixel-perfect Ariba icon fonts consistently in Oct 2018.

__

Here I will focus on introducing

Guided Buying Redesign and Diversity Matters (Ariba Live in Las Vegas).

RELATED

Website Sap Ariba, Guided Buying, Ariba Live Events

presentation-Ariba2020.png
About 24.png
About 25.png
About 26-01.png
About 26-01-22222.png
About 26-02-01.png
About 26-02-02.png
About 26-03.png
About 26-02.png
About 28.png
About 29.png
diverse_new2.png
diversity_Movie 1.gif
diversity_Movie 2.gif
About 33.png
About 34.png
About 32.png

Boostinsider Android App

Boostinsider, the company built a platform for brands and influencers. 

I drove the end-to-end design for iOS, Android apps, and websites in

Jan. 2015 – Jan. 2016

Download iOS, Download Android

After the case study, you can watch a video I made for the company's introduction.

|

presentation-boostinsider.png
Boostinsider - We are influencers!

Google UX Design Exercise

google_shop_tori11_2.png
google_shop_tori.png
google_shop_tori2.png
google_shop_tori3.png
google_shop_tori4.png
google_shop_tori5.png
google_shop_tori6.png
google_shop_tori7.png
google_shop_tori8.png
google_shop_tori9.png
google_shop_tori10.png
google_shop_tori11.png
google_shop_tori12.png
google_shop_tori13.png
google_shop_tori14.png
google_shop_tori15.png
google_shop_tori16.png

Widgets UI Design

β€œIt doesn’t matter how good you are today. What really matters is how fast you progress and what steps you take every day to improve your design skills.” 
I wish the designers who got hired by a new company, 
they could have the organizational things they need for getting started their happy careers at the new company. 
The desktop widgets can be pretty dynamic, the users can edit it by the setting (at the right corner) or by the β€œ+” at each piece of the widget.

cover2.png
Please watch how it works
Please watch how it works
Infosys-Widgets-Animate.gif
infosys_widgets.001.jpeg
infosys_widgets.002.jpeg
infosys_widgets.003.jpeg
infosys_widgets.004.jpeg
infosys_widgets.005.jpeg
infosys_widgets.006.jpeg
infosys_widgets.007.jpeg
infosys_widgets.008.jpeg
infosys_widgets.010.jpeg
infosys_widgets.011.jpeg
infosys_widgets.012.jpeg

Quick Exercise for Creating a Pogs Website

In this project, I built a platform for Pog enthusiasts to display and exchange their pogs. 

Challenge

Imagine a community for pog owners to display, manage, and trade their collections. For this challenge, please design a way for pog owners to trade pogs online.

Consider the following:

βž” What are the characteristics of people who participate in this community?

βž” When would someone initiate a trade? Why is he/she initiating a trade?

βž” How can a user request a trade?

βž” How will a user know if the trade is accepted or denied?

βž” How will an exchange be coordinated between users?

Pogs-Website-Workflow-(1).gif
pogs.001.jpeg
pogs.002.jpeg
 The user clicks the Betty Boop's pog one

The user clicks the Betty Boop's pog one

pogs02@2x.png
pog03@2x.png
pogs04@2x.png
 The user uploads her pogs by this page

The user uploads her pogs by this page

pogs06@2x.png

Boostinsider: Brand site

I contributed included concepting, wireframing, product work flow, user interface design, iterations based on group critique and user studies. Here is the iterations based on group critique and user studies. And I did four versions for it.

What's Boostinsider?

Boostinsider is an online community for social media influencers (like you!) to spread the word to your friends and followers about cool products, mobile games, and apps. My company built a platform for brands and influencers. The brands can create their campaigns by using our website to be about the trending products, and the nearly 90K influencers can get paid for talking about them. During the time I worked for Boostinsider, I drove the product development from user experience and business perspective. I designed the website, Android and iOS apps for Boostinsider. The UX and UI were brand new, mostly done by me.

First, to see here were the 3rd versions. We did the user study and then did the 4th versions.

 This was before I came to Boostinsider. It looked like this.

This was before I came to Boostinsider. It looked like this.

 After I did so many explorations then I made these.

After I did so many explorations then I made these.

Boostinsider_brand_site.003.jpg
Boostinsider_brand_site.004.jpg
browser_brand_04.png
At this point, I was designing the new UI of creation page for brand site.
At this point, I was designing the new UI of creation page for brand site.
Screenshot 2016-02-03 15.46.16.png
Screenshot 2016-02-03 15.48.03.png
Screenshot 2016-02-03 15.48.13.png
Screenshot 2016-02-03 15.48.25.png
Screenshot 2016-02-03 15.48.33.png
Screenshot 2016-02-03 15.48.43.png
 After we did the user study, I made the final versions.

After we did the user study, I made the final versions.


web_new01.png
web_new02.png
web_new03.png
web_new04.png
web_new05.png
web_new06_01.png
web_new06.png

Yelp Profile Page Redesign

profile_redesign_2018.001.jpeg
profile_redesign.002.jpeg
profile_redesign.003.jpeg
profile_redesign.004.jpeg
profile_redesign.005.jpeg
profile_redesign.006.jpeg
profile_redesign.007.jpeg
profile_redesign_2018.008.jpeg
profile_redesign.009.jpeg
profile_redesign.010.jpeg
profile_redesign.011.jpeg
profile_redesign_2018-12.jpeg
profile_redesign.018.jpeg
profile_redesign_2018-013.jpeg
profile_redesign.013.jpeg
profile_redesign.014.jpeg
profile_redesign.016.jpeg
profile_redesign.017.jpeg
profile_redesign.015.jpeg
profile_redesign_2018-014.jpeg
profile_redesign.012.jpeg
iPhone-638982.png
iPhone-Mockup222.png
prev / next
Back to πŸ”¬ UX & UI
zoom-cover-one.gif
0
Zoom - Chat team
cover-square.png
0
TikTok product design test
cover-sales nnnn.png
0
Sales Cloud Mobile App: Product Iteration
Add+to+Team+-+Request+Permission-cover.jpg
0
Microsoft Teams & SAP Sales Cloud Integration
iPhone-X-Clay-White-Perspective-Free-Mockup.gif
0
Quick Design Exercise - JOOX Music App Redesign
cover-GB.png
17
SAP Ariba Work
Screen Shot 2020-02-05 at 23.58.20.png
0
SAP Intelligent Enterprise Experience
MacBook-Pro-cpq-cover.gif
0
SAP Sales Cloud Project - CPQ
boostinsider_android.002.png
2
Boostinsider Android App
OGB-INSIDER-BLOGS-GoogleLogox2-Animated.0.gif
17
Google UX Design Exercise
workwork-Recovered2.gif
14
Widgets UI Design
Pogs-Website-Workflow-(1).gif
9
Quick Exercise for Creating a Pogs Website
20
Boostinsider: Brand site
iPhone-Mockup222.png
23
Yelp Profile Page Redesign

Powered by madebytori.me