https://www.johnstebbins.com/welcome daily 1.0 2025-07-18 https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1531583774241-472QLA7MUSJTWBSCS9EF/porter.jpg Welcome https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1531583783137-53ADZ0488IGBHKBXXBJW/stout.jpg Welcome https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1531583604933-9MILMFQODXCIHL7ASLGR/john.jpg Welcome https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/82dd4a75-8344-4b84-a46f-82971eac0cef/pebble_member3.png Welcome - Make it stand out View plan documents, edit personal info, contact support. https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/f2fcb822-88fa-44d3-892c-3fb4e3006cde/pebble_costs.png Welcome - Make it stand out Detail view of a selected plan set with all employee costs displayed. https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1531588883334-F4OIONWR4YBJZ422NF3P/resp_email_poster%402x.png Welcome https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1531663474035-WM2LJI2N9M7COQR3UJPZ/cricktet_screens1.png Welcome https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/d9fd8486-59ca-4097-b108-75bc3d145d9b/pebble_employer2.png Welcome - Make it stand out Employer-level Benefits Snapshot dashboard showing benefits enrollment overview, total costs and costs per benefit. Enrollment history, including benefits selection, is shown on a per-employee basis. https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/bfb2aee8-1066-41b4-807a-73ae808d7751/qt_home.png Welcome - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1c6abe0c-98f0-4363-87b6-5fa2f2c0ec22/pebble_employer.png Welcome - Make it stand out Member app dashboard https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1531678345446-ZIBWVGQGGFMAU31PCQVB/cricket_poster%402x.png Welcome https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1576016490761-26B8XW2SNSWDFNW3L9W7/n2uitive+copy+3%402x.png Welcome Various pieces of data are input to build a claim. The visualization of the audio file allows an adjuster to review time-stamped comments and interview notes. Each claim record contains all pertinent information and artifacts for a particular claim. Both the adjuster and supervisor are able to explore the claim and its various artifacts. https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/c3121850-83c8-4246-b406-a2a42ed1e3c2/pebble_employer3.png Welcome - Make it stand out Employers are able to connect directly to Stripe for transaction processing. https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1576016471419-NIW2UPR0X3Z7SF8KZRA3/n2uitive+copy%402x.png Welcome View of adjuster’s workflow showing initiation of claim from initial recording screen. The recording is an interview between the adjuster and another party. The recording is kept in the system and is the central artifact of a claim. The My Library screen shows a list of claims records for a particular adjuster. https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/b9c4e669-98b9-4171-b5f5-aa7aabe80edb/pebble_chat.png Welcome - Make it stand out AI-based chat tool for quick access to help and/or more information when comparing plan sets. https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1531663019616-JHUA47F41YRD5VLA5AKR/cricketwire1.png Welcome https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/9bb8887f-dedb-4001-af75-187b0bec36a0/pebble_member1.png Welcome - Make it stand out Home, Accounts, Plan details and support chat. https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1716139606093-KNXTDDXOZMZH7TL6WLOO/ms3.png Welcome - Make it stand out Various screens for the new Dynamics365 Agent Management Tool (AMT), an application that will onboard and configure users for Dynamics. Here, Agents (Support Engineers) can create support cases in the air-gapped environment. https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/6cbfe4e2-1fba-455a-93a2-05ca7206dda4/pebble_member2.png Welcome - Make it stand out Accounts view with transactions, edit contributions, view medical coverage at a glance and view, lock or report lost payment card. https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1531665036738-3JRL8A8VJXG4W41ALZ48/att_email2.png Welcome https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1576016445632-MASFRPOQ1D0GTNFQKA53/n2uitive+copy+2%402x.png Welcome View of adjuster and supervisor dashboard. Provides a quick visual of claim adjustment progress. https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/25a36fd7-f508-41c2-8840-300ba88f2c75/pebble_plans.png Welcome - Make it stand out The tool will generate plan set options with benefit and pricing details. Employers are able to directly compare plan sets. https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1571089101176-C94550GHTW5JWB4MZL4J/ms1.png Welcome The above screens show the package selection process where a quote is initiated. Once a service package is selected, it can be configured by adding roles, determining rates and making optional discretionary adjustments. https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1571087337751-8T8YV7SZX7DB0G5A9PED/ms4.png Welcome In the Configure Packages screens, the user can add, remove and configure roles with associated allocated hours and rates on a package level. Discretionary adjustments, that may not be a typical point of revenue can be created and configured. In addition, funding sources can be specified per package, if applicable. This UI allows the user to select each package and make adjustments on one screen. https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1531664411371-FIZFWSSQQLWJHXCUNG3Q/att_email1.png Welcome https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1531077640151-19B8OJKR2UO6K31FNQJ1/IMG_1431.jpg Welcome https://www.johnstebbins.com/the-ruse daily 0.75 2019-10-10 https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1570727264525-BVTEYIR9PODW2FA9R7KU/Screen+Shot+2019-06-10+at+7.09.49+AM.png The Ruse Book jacket design for Tadeas Cermak's The Ruse https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1570727264525-BVTEYIR9PODW2FA9R7KU/Screen+Shot+2019-06-10+at+7.09.49+AM.png The Ruse Book jacket design for Tadeas Cermak's The Ruse https://images.squarespace-cdn.com/content/v1/56f96a558a65e2431339cdaf/1472766885519-NSO7WU82MKGSCZS2NHSX/novel-front.jpg The Ruse https://images.squarespace-cdn.com/content/v1/56f96a558a65e2431339cdaf/1466020295468-QE6WKYXOJ058CF3XNCTM/novel-back.jpg The Ruse https://www.johnstebbins.com/brine-pickles daily 0.75 2019-10-08 https://images.squarespace-cdn.com/content/v1/56f96a558a65e2431339cdaf/1461274021205-581EOYQN0IGUJ69M41SW/pickles-editorial-blue.jpg Brine Pickles https://images.squarespace-cdn.com/content/v1/56f96a558a65e2431339cdaf/1460573576813-YY0P53DVV9990ZIVKQE3/pickles-editorial-yellow.jpg Brine Pickles Art direction, branding, and packaging design for a pickle shop based in L.A. https://images.squarespace-cdn.com/content/v1/56f96a558a65e2431339cdaf/1465575558361-ZQHSHT59AFG4U8RU09ME/brine-logo.jpg Brine Pickles https://images.squarespace-cdn.com/content/v1/56f96a558a65e2431339cdaf/1460572726459-5R5QQNJ6N3LX6NGL2S7V/pickles-editorial-blue.jpg Brine Pickles https://images.squarespace-cdn.com/content/v1/56f96a558a65e2431339cdaf/1465416436672-U1HOCTP3I2WSLJYLAU6P/pickles-editorial-green.jpg Brine Pickles https://images.squarespace-cdn.com/content/v1/56f96a558a65e2431339cdaf/1460572783131-6YDS3S34AQDVB18NAAKF/pickles-editorial-pink.jpg Brine Pickles https://images.squarespace-cdn.com/content/v1/56f96a558a65e2431339cdaf/1464286741154-P5R18TNAVHBM14LDKGAK/website-brine.jpg Brine Pickles Visit the site https://www.johnstebbins.com/death-by-xoko daily 0.75 2019-10-08 https://images.squarespace-cdn.com/content/v1/56f96a558a65e2431339cdaf/1465245043422-VHAQXC27X5R9B34JIFQ6/img1.jpg Death by Xoko https://images.squarespace-cdn.com/content/v1/56f96a558a65e2431339cdaf/1465409799161-A2X7XAKQLOREMRVCGUR5/img1.jpg Death by Xoko Branding and packaging design for Death by Xoko, a Peruvian Chocolatier https://images.squarespace-cdn.com/content/v1/56f96a558a65e2431339cdaf/1465409936163-PWCLDAJUTU5UVZEX50AW/img3.jpg Death by Xoko https://images.squarespace-cdn.com/content/v1/56f96a558a65e2431339cdaf/1465244718121-K8I0XR82IJ0YICCMWM8E/img2.jpg Death by Xoko https://www.johnstebbins.com/pebble-qt daily 0.75 2024-05-20 https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1716142322526-T2RGSFVO2M56BPLYV15S/qt_home.png Pebble Quoting Tool https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1715989574826-DPJZKC8JBRXJEGGWN063/qt_home.png Pebble Quoting Tool https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1716137818424-OJ0QN9Z5HW8PX0EJ3ELE/qt_home.png Pebble Quoting Tool https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1716137837515-7SSTXMWXV8M1EPYXWRNN/pebble_plans.png Pebble Quoting Tool Comparison view between plan sets. https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1715991083734-POP5E1H0R4UI0MUR4TML/pebble_costs.png Pebble Quoting Tool Detail view of a selected plan set with all employee costs displayed. https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1715991096812-KMGLTL5L74FPKHJRNARV/pebble_chat.png Pebble Quoting Tool AI-based chat tool for quick access to help and/or more information when comparing plan sets. https://www.johnstebbins.com/ms-qt daily 0.75 2024-08-19 https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1716142371569-6DV3S9DTWWOS4G6W2GP9/ms.png Microsoft https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1715990197760-RIKBQY0GLEZQTPS4HKYE/ms_home.png Microsoft https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1716138773462-VM0IMNAVDXA3GX2RG0KP/ms.png Microsoft https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1715990812409-S6Y3R0H5AOPWQV7C21D5/ms_home.png Microsoft In the Configure Packages screens, the user can add, remove and configure roles with associated allocated hours and rates on a package level. Discretionary adjustments that may not be a typical point of revenue can be created and configured. In addition, funding sources can be specified per package, if applicable. This UI allows the user to select each package and make adjustments on one screen. https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1716139606093-KNXTDDXOZMZH7TL6WLOO/ms3.png Microsoft Dynamics 365 Customer Service platform case creation, transfers or resolution. Cases are created, administered and tracked until resolution. https://www.johnstebbins.com/pebble-member daily 0.75 2024-05-20 https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1716053646194-ZAO0ZBX6P12CQB0SM2LS/pebble_member.png Pebble Member App https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1716053646194-ZAO0ZBX6P12CQB0SM2LS/pebble_member.png Pebble Member App https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1716136002966-GMWRIFVXT3286YEMG6YQ/pebble_member2.png Pebble Member App Accounts view with transactions, edit contributions, view medical coverage at a glance and view, lock or report lost payment card. https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1716136187982-SE5EILJJX5JWXE5RATTM/pebble_member3.png Pebble Member App View plan documents, edit personal info, contact support. https://www.johnstebbins.com/pebble-emp daily 0.75 2024-05-20 https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1716136521082-81HM9I10C344ATO1477F/pebble_employer.png Pebble Employer App https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1716136521082-81HM9I10C344ATO1477F/pebble_employer.png Pebble Employer App https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1716153071536-ZP2I6TIJNWN6RIQB02GQ/pebble_employer2.png Pebble Employer App Employer-level Benefits Snapshot dashboard showing benefits enrollment overview, total costs and costs per benefit. Enrollment history, including benefits selection, is shown on a per-employee basis. https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1716224030648-60KEAY4C7IEK3DEGO8TT/pebble_employer3.png Pebble Employer App Employers are able to connect directly to Stripe for transaction processing. https://www.johnstebbins.com/n2uitive daily 0.75 2024-05-19 https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1716140113916-V3NGBT2JA58QDX67LY67/n2_home.png n2uitive https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1716140113916-V3NGBT2JA58QDX67LY67/n2_home.png n2uitive https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1716141361679-WX9QS00S93WQYSENCMJP/n2-2.png n2uitive Various pieces of data are input to build a claim. The visualization of the audio file allows an adjuster to review time-stamped comments and interview notes. Each claim record contains all pertinent information and artifacts for a particular claim. Both the adjuster and supervisor are able to explore the claim and its various artifacts. https://www.johnstebbins.com/att daily 0.75 2024-05-19 https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1716141962141-SVCVCE6L778QKN9N7IH5/att_home.png AT&T Interactive Email https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1716141962141-SVCVCE6L778QKN9N7IH5/att_home.png AT&T Interactive Email https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1716142171130-IVHOM8HF4CB0P7G78SX5/image-asset.jpeg AT&T Interactive Email - AT&T Interactive Email Pioneering CSS interactivity in your mailbox. For AT&T, there was a 300% increase in click-through-rates, largely due to a significantly better user experience for mobile users. https://www.johnstebbins.com/enterprise daily 0.75 2019-10-03 https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1543787272887-U3QK7VW1H7R9IK41URSA/n2uitive-1.png John Stebbins :: UX + UI Adjuster Workflow https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1543788003641-GRYWJ2RM0QODGCJSD7N0/n2uitive-4.png John Stebbins :: UX + UI Primary Dashboard View https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1545085237450-J0D6E8BWP52Q8AW7XK3L/n2uitive-2.png John Stebbins :: UX + UI Primary Dashboard View https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1543788039909-26AMAAR9RI3HWZYOA93G/n2uitive-3.png John Stebbins :: UX + UI Sketch Libraries https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1544019117480-G5ELK8N99JZ78VKVEG0J/miscux.png John Stebbins :: UX + UI Miscellaneous UX artifacts. Left: Decision tree for interview bot. Right: Internal tool for popular cruise line (in collaboration with another UX professional.) https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/1567021916196-E7IEGABK4ZZ6HXOWL2MG/ms_screens.png John Stebbins :: UX + UI https://www.johnstebbins.com/pagehi daily 0.75 2019-10-08 https://www.johnstebbins.com/about-avenue daily 0.75 2024-05-29 https://images.squarespace-cdn.com/content/v1/5b41014850a54f7f87247503/602fb921-6588-4893-a28e-f4277be05d24/IMG_0320.jpeg About My first foray into UX