https://www.nicholaswchin.com/new-gallery daily 0.75 2019-07-07 https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1552274081873-DKG3R7A7U8IL3L0UYYME/LMT+Thumbnail.png New Gallery - GE Salesforce License Management Application An application built on the Salesforce Platform for increasing Salesforce License utilization at GE https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1552274081873-DKG3R7A7U8IL3L0UYYME/LMT+Thumbnail.png New Gallery - GE Salesforce License Management Application An application built on the Salesforce Platform for increasing Salesforce License utilization at GE https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553702317653-GANFOYXFK8KYJHABO4S8/ipadHomeMock.png New Gallery - Vaultd Storage Redesign Website redesign and usability study for Valultd Student Storage Start-up https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1552274105075-8P86L9UXMZCCE3V05M5T/image-asset.jpeg New Gallery - Be My Eyes Usability and Systems Evaluation Usability evulation on the Be My Eyes mobile application completed as part of a Usability and Evaluations Course at the University of Michigan https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1552274144168-LB6UP9SF7CIM0GIRL2QM/Reddit-redesign-Thumbnail-Image.png New Gallery - Reddit Redesign A website redesign prototype created as part of my Agile Web Development Course https://www.nicholaswchin.com/graphics-portfolio daily 0.75 2019-07-11 https://static1.squarespace.com/static/55f24c3ce4b055df02a10e11/t/5d27550f399bab0001c31c82/1562533171716/ Graphics Portfolio https://static1.squarespace.com/static/55f24c3ce4b055df02a10e11/5d225d14363b210001adf1b6/5d225d33e96bd20001155811/1562533171716/ Graphics Portfolio https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1562815992278-LGGW6KP2L3WJJ3C9PHN8/Girls+Who+Code+Spread.png Graphics Portfolio https://www.nicholaswchin.com/new-cover-page daily 1.0 2024-11-10 https://www.nicholaswchin.com/ge-scalr daily 0.75 2015-11-05 https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1446688236116-8J5QAP9DWT5EVAWT44CR/image-asset.png GE SCALR Project A sample of the final working prototype. Styling was achieved through implementation of Twitter Bootstrap CSS Framework https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1446666175491-ECDMG9AMG8F68PZN8LNI/image-asset.png GE SCALR Project SCALR is a cloud server management tool. At GE the platform is used as a unified dashboard for all of GE's EC2 servers https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1446687280888-EXUHAFS0CYOIESNKXLVX/image-asset.png GE SCALR Project Initial layouts were quickly protoptyped on paper https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1446688124205-ZLYO2YDL04T1TKMNINJY/image-asset.png GE SCALR Project High-fidelity mock-ups created in Adobe Illustrator https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1446687081481-F4H86XMHQ8C7WYVSQ1Z1/GE+SCALR+Portal+Conceptualization.PNG GE SCALR Project Here is a conceptual diagram which maps the flow of information and how the application communicates with external services https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1446666417963-009NH5YGZOGT1NZFQ9YO/image-asset.png GE SCALR Project At GE my team uploaded and ran many of their IT integrations on Amazon EC2 Public Cloud Servers https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1446612492612-COWFUGEO6JBUYHVODWOM/GE-Project-Thumbnail-Image.png GE SCALR Project https://www.nicholaswchin.com/aboutnc daily 0.75 2019-03-11 https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1552272681890-0ECK8TSHUYDEOXEX34OO/BioPicwithPebble.jpg About https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1446537431680-P976KCLA6RTRD1GDL8PD/IMG_0033.JPG About https://www.nicholaswchin.com/portfolio daily 0.75 2019-07-11 https://www.nicholaswchin.com/be-my-eyes daily 0.75 2015-11-05 https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1446703777240-CTNRK5F79ZBB5LETCNQM/image-asset.png Be My Eyes Usability Evalutation The Be My Eyes app has several high performing competitors https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1446705245017-HX5792PZ9PE4TH273V0W/image-asset.png Be My Eyes Usability Evalutation Two Screenshots from the Be My Eyes app with highlight some usability problems. Left: language deletion mimics the process of adding a language which can be confusing. Right: The landing page for blind users. iOS voiceover doesn't work on the bottom banner so this information is useless for a blind user. https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1446706772192-FZZ8P9MXCQU1KWB14MDT/be-my-eyes-persona-collage.png Be My Eyes Usability Evalutation Click to view full personas and scenarios https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1446664070944-7YT688NKXTA2NV4Y6VD7/Be-my-Eyes-Thumbnail-Image-2.png Be My Eyes Usability Evalutation https://www.nicholaswchin.com/reddit-redesign daily 0.75 2019-02-28 https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1446787262807-LCD9BMUNV6NHI10EGSJ0/image-asset.png Reddit Redesign https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1446787609759-1FD8KLUMRGG6A8WX8M0Q/final.png Reddit Redesign Click here to see the final site in action https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1446785797388-18SY6J9L0AF7SXXVVEKM/image-asset.png Reddit Redesign Initial designs were prototyped on paper for both a desktop and mobile view https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1446786252057-939EBZ33RNI39CGAKRB3/image-asset.jpeg Reddit Redesign Hi-fideilty mock-ups created in Adobe Illustrator. This concept shows the mobile homepage with the hamburger navigation menu fully expanded. https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1446742251037-SLVNGEL8MOYC6PTLZYUO/reddit-current-mobile.png Reddit Redesign The current mobile view of the Reddit home page. Non-scalability of content and small buttons make for a poor user experience. https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1446785994628-WWWFX7OKZ495FERQQER1/image-asset.jpeg Reddit Redesign Hi-fideilty mock-ups created in Adobe Illustrator. This layout represents our concept of the new Reddit homepage with a 3 column layout to maximize salient and space https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1446786153657-N1C5V769LH8GSGWB5T9D/image-asset.jpeg Reddit Redesign Hi-fideilty mock-ups created in Adobe Illustrator. This shows our concept for the mobile home page with full-width articles and a hamburger menu to store navigation links and reduce clutter https://www.nicholaswchin.com/sfdc-license-control daily 0.75 2019-03-21 https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553189674072-083GAIGIU7QFIGNPH1SF/Einstein+Report+Below.png SFDC License Management Analytics Report was initial positioned below data fields. Doing so occupied a significant amount of vertical space. https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553189467835-PNF3J9C4ZUWYWWUTI9F7/Prototype+Transfer+Request+2.JPG SFDC License Management Wireframe showing source record breakdown. https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553033836722-IST6QBNQMURG53ZKRFT3/LMT%2BRecord%2BPage.jpg SFDC License Management https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553189722353-GWAJ987EQBO6FQ0B0Q8W/Einstein+Tab.gif SFDC License Management Through testing we found users were scrolling excessively to see the Analytics report chart. We relocated the chart to a separate tab. Doing so, save vertical real estate and hid the chart when it wasn’t needed in later stages of the record life-cycle. https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553188941367-FL47870JQ7AVT9TYC7XL/License+Request+Record+Page+Final.gif SFDC License Management Shipped License Request Record Page - Lets the user perform source allocation workflow while easily maintaining the record through out its lifecycle. https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553192132704-V49HW1GEUXE4GHQMKO3C/LS+Modal.png SFDC License Management Initial out of the box modal was inefficient for creating multiple License Source records https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553188722080-UNL6K0Q77ABNC99ATLCX/Home+Page+Final.gif SFDC License Management Shipped MVP 1 Homepage - Puts analytics for remaining licenses across the company at the forefront for the user. Also shows any open/pending license requests that require action. https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553136277394-9930P4ILU6F3BT5JNI7I/Prototype+Gif2.gif SFDC License Management Early stage interactive prototype created with elements from the Salesforce Lightning Design System https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553189935854-DAOC1D9YDEQ4UOM3BFNM/LMT+Account+Record.png SFDC License Management - Account Page Shipped Account Record Page - Shows license usage for a particular org and surfaces insights on user login information. https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553122210655-G4SZKGLHP40OUDZGJ35N/Sandbox+Path+Guidance.gif SFDC License Management Enabling Path Guidance - User testing indicated that it was not intuitive what fields needed to be filled in on a record page. The path component let us create a guided journey for the user. https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553189325089-6FD0O6GMWHMFHAE7KH1P/LM+Request+Sketch+2.png SFDC License Management Second iteration sketch proposing that remaining licenses be displayed as an interactive dashboard with filters for business units and license type. https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553123332728-RTKGFN4ILV3S1VRZI62L/Screen+Shot+2019-03-20+at+19.08.02.png SFDC License Management Creating multiple source records was a time consuming process that involved users having to go through multiple modal screens. With the bulk creator, users can immediately allocate the number of source records they want to create with only the key fields visible. https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553189309953-RAUX6L3OV2859WH6W9ID/LM+Request+Sketch+1.png SFDC License Management Early stage sketch with user needs, constraints and key fields highlighted. Proposal recommended that remaining licenses be displayed as roll-up summary text fields. https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553189452452-RKW78JFQ8QAUFOSCNL8G/Prototype+Transfer+Request+1.JPG SFDC License Management Early stage wireframe of License Request record page. https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1551396365187-6Y7U3K6KGIFJXG2KJ4QL/Screen+Shot+2019-02-28+at+16.30.35.png SFDC License Management https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1551392961942-OTA5ZRLZKRSOUDX1MXW6/Screen+Shot+2019-02-28+at+16.32.15.png SFDC License Management https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1551392962090-Q2U1Y6AIXBTSAEBB5JA9/Screen+Shot+2019-02-28+at+16.34.44.png SFDC License Management https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553122643299-QK6YGY7UY9S4EKHT3566/Sandbox+Einstein+Multiselector.gif SFDC License Management Reducing steps for users - We utilized dynamic filters to automatically pre-filter our Analytics Report for just the relevant License Type. Instead of having to go through multiple modal screens when creating multiple license sources, we designed and built a custom component to bulk create license source records. https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553131183518-G8RHZL42FMRGB1G9T2AB/license_request_workflow_v5_swimlane+%281%29.jpg SFDC License Management Dividing the transfer process into a swim lane diagram where personas are kept separate helped us determine what to build into our application and at what point people and technology would be interacting with each other https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553184433449-9BF4TZDENPXSJJM2LPLT/Screen+Shot+2019-02-28+at+16.52.43.png SFDC License Management An example of the complicated Excel sheets being used to track license quantities and transfers https://www.nicholaswchin.com/vaultd-storage daily 0.75 2019-03-27 https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553700651161-0NWN793EDNG4CX9T806I/paper+site+map.jpg Vaultd Storage Paper site interaction map that shows the screens involved to build the features we proposed https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553701533326-5M2K7XCVJ41SUDI0BOG7/home_sidebar.png Vaultd Storage Side Bar Expanded - New Customer oriented features are stored on a slide out hamburger menu. Allows access to features such a pricing estimation and account overview. https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553701907856-AFNYZII3GWR4JXB6UC2S/my+Box.jpg Vaultd Storage Box Edit State - Allows users to add or subtract contents and add images to each box https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553698377879-B3RUTE4AK3JKFBE09NJ8/vaultd%2Bicons.jpg Vaultd Storage https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553685331025-L910EF0QK3597C97WSWH/ipadHomeMock.jpg Vaultd Storage https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553701452955-WJNWMUK6Y7A49ETUYLGL/home_update_order.png Vaultd Storage Primary Landing Page - Contact form sits beneath main contents of page and is condensed from 11 fields to 3 fields. https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553701186035-5BWGGMXDFE25BHNRW5RM/usability+test+results.png Vaultd Storage We gave each subject four key tasks to complete on our prototype and documented time to complete, along with success or failure to complete details https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553701918468-8AVW5J4JV3BJAFQ6YI57/my+box+hover.jpg Vaultd Storage Overview Hover State - Hovering over each box would show image and list of contents https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553700696485-WVHB3D5PGEHS28W4ULWY/get+an+estimate.gif Vaultd Storage Early interactive prototype showing the price estimation features. https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553701900445-73U4AJZFUN2XCMYJO97K/my+box+overview.jpg Vaultd Storage Overview State - Shows all content stored with Vaultd Storage https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553695276110-N4RSSZDTEYO1JKBFPZBC/beforeLandingPage.png Vaultd Storage https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553697508927-91V0DC64AN8JUJWJHTNX/InternationalPersona.jpg Vaultd Storage https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553698143179-3G35LQIARRGRUY658EKE/Vaultd%2BStorage%2BStyle%2B1.jpg Vaultd Storage https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553695285462-GKQ1MIURQ598ZBL5GXN6/beforesignupform.png Vaultd Storage Sign-up form consisting of a total of 11 fields and 3 actions on a single page. https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553697501521-JNO20JRMKTZL118ZKK2O/DavidPersona.jpg Vaultd Storage https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553697396662-7QNGIMU8GC16989587FP/JenTranPersona.jpg Vaultd Storage https://images.squarespace-cdn.com/content/v1/55f24c3ce4b055df02a10e11/1553696006564-FLFQIC5Y8RG0T6HVDV92/Vaultd%2BCompetitve%2BAnalysis.jpg Vaultd Storage This matrix illustrates how well Vaultd’s website and service compared to the company’s local competition and competitors in other cities. Key metrics to measure kept the level of consumer trust in mind and evaluated factors like clarity of pricing and business model transparency.