PORTFOLIO - jon ross . UX Designer / UI Developer user experience designer . user interface developer . voice app designer . design thinker

jonross@jonrossDESIGN.com . 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

Bank Account Alert Prototype | using Adobe XD:

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 jonross@jonrossDESIGN.com . 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