portfolio - jon ross . ux designer / ui developer€¦ · ux designer / ui developer user...
TRANSCRIPT
PORTFOLIO - jon ross . UX Designer / UI Developer user experience designer . user interface developer . voice app designer . design thinker
[email protected] . jon.climate-man.ross - skype ID
resume website | jonrossDESIGN.COM
215.873.0318
January 2020
PROJECTS
jonrossDESIGN
PENN XSD Program Design Project for Waste Reduction
IQVIA - Single Sign-On Login Menu
Conceptual Design - Voice-Controlled Shipping / Amazon Alexa Voice App
Brain Wave Network / conceptual e-commerce site plus Facebook page
BANK - mobile alerts / Adobe XD Prototype
Independence Blue Cross – company overview dashboard
Alvernia University - web site redesign
jonrossDESIGN | UX Design Studio – http://jonrossdesign.com
Developed with HTML5 / CSS3, Adobe Premiere Pro & Creative Cloud
Visual Story of Mobile InterfacePrototype Creation
hand drawn mockups specification development coding and testing prototype deployment
Waste Reduction Assistant | MyTrashDiary is a location-aware voice-first app for users interested in tracking and reducing their personal waste (currently under development)
MyTrashDiary is an Amazon Alexa Voice App for tracking items being discarded by the user. This voice interface and it's companion screen version synchronize with Internet-of-Things (IoT) devices in the home of the user for tracking waste.
This project was for an assignment for the PENN XSD Design Program. ( link )
A visualization of the plastic bottle pollution problem:- https://graphics.reuters.com/ENVIRONMENT-PLASTIC/0100B275155/index.html
Interaction ModelThis shows how the Echo Loop is worn, spoken and listened to by the user. (link to demo and review) (Amazon Echo Loop page)
Waste Reduction Assistant | MyTrashDiary is a location-aware voice-first app for users interested in tracking and reducing their personal waste (currently under development
User Journey– The MyTrashDiary is able to capture trash and recyclable disposal event from user input or bytrash receptacle detection and otherInternet-of-Things devices in the homeThis journey takes place when the user is away from home.
Design Goals
- To create a frictionless conversation -like user experience for someone interested in quantify -ing their waste generation and reducing the amount they throw away.
- To increase user awareness of their waste disposal events specifically disposing of plastic bottles.
Link to user research survey:- Plastic Bottles: Trashed or Recycled?
Journey Map
The User's Experience: Person feeling thirsty before boarding a departing flight at an airport
What happens? Buying bottled water after checkin screening
Drinking water in a hurry before boarding
Throwing bottle away innearest recycle bin before running to gate
The user informs Alexa of the disposal event using Echo Loop *
Alexa acknowledgesand adds to disposalcount database *
The user is pleased with the interaction *
Who is involved? User of the voice app --- --- --- --- ---
Emotions
Relieved Positive Grateful Happy
Disappointed Disappointed
Why? Prefers reusablebottles but forgot
Quenched thirst Doubts recyclingactually happens
Fulfilling a purpose Helped by Alexa MissionAccomplished
User Flow *
IQVIA Single Sign-On Menu | last prototype developed: desktop version Video of Login User Interface | link to video
Developed with Adobe XD as an interactive prototype.
Independence Blue Cross | internal data visualization site at IBX HQ in Philadelphia (video)
This company overview visualizationwas developed using a Bootstrap framework HTML5 / CSS3 and a
javaScript library amCharts.js
(link to amCharts.com)
Voice-Controlled Shipping | jonrossdesign.com/NYCDA/shipping/about3.html (live site)
Conceptual Design Project splashpagefor a STEM science curricula using
HTML5 / CSS3 / JS / jQuery, Adobe Premiere Pro & Creative Cloud
Starship Space Facts - VUIa voice interface to an immersive
learning environment forspace science education- http://amzn.to/2EbCj03
An Amazon account is required and an
Alexa device for best experience.- http://amzn.to/2CLsRU4
Brain Wave Network | news feed site: http://brainwavenetwork.com/ . e-commerce site: the store is temporarily closed.
“Your one-stop-shop for mindfulnesstechnology, brain-healthy living
and tools to achieve optimal mind-body performance.”
The store used links to items onAmazon.com.
Bank Account Alert Prototype | using Adobe XD: (link to interactive XD prototype)
Developed with Adobe XD & Adobe Fireworks
Alvernia University | Alvernia.edu / home (live site / prototype)
Developed with HTML5 / CSS3 / JSfor a CMS hosted responsive site
| Alvernia.edu / interior page (live site)
contact
jonrossDESIGN.com [email protected] . 215.873.0318
design website . resume website | LinkedIn . Facebook . resume - pdf
SKILLS: user experience research . design thinking . drawing/sketching . wireframing . prototyping . front-end development ( HTML / CSS / JS ) . breakthrough thinking