https://ricardomiranda.cargo.site RicardoMiranda Fri, 15 Dec 2023 01:02:03 +0000 https://ricardomiranda.cargo.site en https://ricardomiranda.cargo.site/Home-Page Fri, 09 Feb 2018 04:56:57 +0000 RicardoMiranda https://ricardomiranda.cargo.site/Home-Page I have a passion for user experience, design, photography, air-cooled engines, and tacos. Savory, delicious tacos. https://ricardomiranda.cargo.site/GM-Financial-UX-UI-work Fri, 15 Dec 2023 01:02:03 +0000 RicardoMiranda https://ricardomiranda.cargo.site/GM-Financial-UX-UI-work GM Financial projects I currently work at&nbsp;GM Financial as a Senior UX Designer. The company is the wholly owned captive finance subsidiary of General Motors and is headquartered in Fort Worth, Texas. We are a global provider of auto finance solutions, with operations in North America, South America, and Asia. Through our long-standing relationships with auto dealers, we offer attractive retail financing and lease programs to meet the needs of each customer. We also offer commercial lending products to dealers to help them finance and grow their businesses. My initial duties were working with GMF’s Spanish and Brazilian-speaking countries (called International Operations, IO for short; Mexico, Chile, Colombia, Peru, and Brazil) to provide web design insights and UX best practices for these established and emerging markets. As priorities have shifted, I designed and researched various internal and external-facing projects.&nbsp; I am now on the Mode refinancing team to help redesign the experience for customers who are wanting a lower refinance rate and save on their monthly payments. Click the links below to see a few of the projects I worked on. ︎︎︎GMF Mexico insurance and value added products page&nbsp;︎︎︎myAccount app clip research ︎︎︎Designing Good Forms presentation︎︎︎myDealership app ︎︎︎Mode by GM Financial ---- GMF Mexico insurance and value added products pageThe IO team in Mexico was struggling to get users to connect with the content on their insurance and value added products page. My first task was to run an audit on the existing page and see where users were hung up. One if the issues was the use of a carousel on the main product feature was getting very low clicks past the first four “cards”. Most users just scrolled right past the carousel quick navigation and scrolled down to read the content. Second issue was the use of buttons instead of a tab or other component to show information. Users were confused that the buttons would take them to another page and would have to go back to see the rest of the information. See screencap below. <img width="1317" height="1966" width_o="1317" height_o="1966" data-src="https://freight.cargo.site/t/original/i/0dffc70dcdbf7afca272bcb8c7b177175e25fe96f5c74bae29309f0b8a4055d5/GMF-Mexico-insurance.png" data-mid="230372294" border="0" src="https://freight.cargo.site/w/1000/i/0dffc70dcdbf7afca272bcb8c7b177175e25fe96f5c74bae29309f0b8a4055d5/GMF-Mexico-insurance.png" /> With the help of our design system and analytics teams, we were able to design and implement a new layout to show the lengthy insurance information in chunks and give our users (and dealership sales team) a more efficient way to show and explain all its products and features. See screencap slideshow below. <img width="1440" height="3171" width_o="1440" height_o="3171" data-src="https://freight.cargo.site/t/original/i/072efe0c7602bfe72682fec77223dc59e505a5c56c81de4ac8d315d0ea9d5a9a/GMF-Plan-Details-_-Plan-info---desktop.png" data-mid="231508575" border="0" src="https://freight.cargo.site/w/1000/i/072efe0c7602bfe72682fec77223dc59e505a5c56c81de4ac8d315d0ea9d5a9a/GMF-Plan-Details-_-Plan-info---desktop.png" /> <img width="1440" height="2418" width_o="1440" height_o="2418" data-src="https://freight.cargo.site/t/original/i/d5859b040305c0c97782ee2a5c79a3f25e017f5c9b30eef0512d03651a6b1456/GMF-Plan-Details--desktop.png" data-mid="231508574" border="0" src="https://freight.cargo.site/w/1000/i/d5859b040305c0c97782ee2a5c79a3f25e017f5c9b30eef0512d03651a6b1456/GMF-Plan-Details--desktop.png" /> GMF MyAccount app clipThe digital product management team was looking for an opportunity to raise awareness and get more users to download our MyAccount app to help users easily manage their vehicle financing. They explored different options and eventually landed on app clip proposal.&nbsp; I took ownership as both researcher and designer to look into this fairly unknown digital app solution. Working in Miro, I created a huge board to identify project goals and educate the team (and myself) what an app clip can and cannot do. See screencap slideshow below. <img width="574" height="1740" width_o="574" height_o="1740" data-src="https://freight.cargo.site/t/original/i/9816e06a07c9eac834337c7a7cd25b01563d53d47ef5204f5972cd5e95e7be67/gmf-App-Clip-research-1.jpg" data-mid="231510216" border="0" src="https://freight.cargo.site/w/574/i/9816e06a07c9eac834337c7a7cd25b01563d53d47ef5204f5972cd5e95e7be67/gmf-App-Clip-research-1.jpg" /> <img width="477" height="2096" width_o="477" height_o="2096" data-src="https://freight.cargo.site/t/original/i/468367784d4e5d386cb3000f71f67e4812e734c66372546c9e467cc947c1fb63/gmf-App-Clip-research.jpg" data-mid="231510219" border="0" src="https://freight.cargo.site/w/477/i/468367784d4e5d386cb3000f71f67e4812e734c66372546c9e467cc947c1fb63/gmf-App-Clip-research.jpg" /> <img width="1332" height="750" width_o="1332" height_o="750" data-src="https://freight.cargo.site/t/original/i/652bf240ef5c9fcc9eb1bbdec242d276cacb3a995aa73ceed4309d6a77022731/gmf-App-Clip-research-3.jpg" data-mid="231510218" border="0" src="https://freight.cargo.site/w/1000/i/652bf240ef5c9fcc9eb1bbdec242d276cacb3a995aa73ceed4309d6a77022731/gmf-App-Clip-research-3.jpg" /> <img width="508" height="1967" width_o="508" height_o="1967" data-src="https://freight.cargo.site/t/original/i/0974c6ebb40c643deba32a2779dcb8fec1584e47dd67448fa93fb47d05047dd6/gmf-App-Clip-research-2.jpg" data-mid="231510217" border="0" src="https://freight.cargo.site/w/508/i/0974c6ebb40c643deba32a2779dcb8fec1584e47dd67448fa93fb47d05047dd6/gmf-App-Clip-research-2.jpg" /> I poured over different concepts, via workflows, to see which option could generate the most interest and have the least technical debt. Ultimately, the Apple Pay option was the clear winner. See screencap slideshow. Final implementation is still TBD. <img width="2961" height="1350" width_o="2961" height_o="1350" data-src="https://freight.cargo.site/t/original/i/d2daa0671a496c7abed44f08c8f71d5203f480ccf83028fc61198feab157006c/gmf-App-Clip-research2.jpg" data-mid="231523716" border="0" src="https://freight.cargo.site/w/1000/i/d2daa0671a496c7abed44f08c8f71d5203f480ccf83028fc61198feab157006c/gmf-App-Clip-research2.jpg" /> <img width="2192" height="1824" width_o="2192" height_o="1824" data-src="https://freight.cargo.site/t/original/i/0079a7e3c6a461100fe008417dc20b66791c45f26851008b0b32aaf644b6b5ce/gmf-App-Clip-research1.jpg" data-mid="231523715" border="0" src="https://freight.cargo.site/w/1000/i/0079a7e3c6a461100fe008417dc20b66791c45f26851008b0b32aaf644b6b5ce/gmf-App-Clip-research1.jpg" /> Designing Good Forms presentationOnce a month, our internal user experience team hosts a learning session where employees share a new topic or new research on a topic ux centric or adjacent. The goal is to learn for all of us to learn new concepts, knowledge, or broaden our perspectives on usability findings.&nbsp; I volunteered to help everyone understand the importance of good form design for our users. Whether a user fills out a credit application or a inquiry on a vehicle, we should only be asking for what is required and give context where its necessary. The full document can be found here.The presentation was well received from the UX leadership team and our content design team loved that I brought a closer look into what GM’s brand’s voice represents. myDealership app projectComing soon... Mode by GM FinancialComing soon... https://ricardomiranda.cargo.site/Sabre-UX-UI-work Fri, 20 Jan 2023 19:27:44 +0000 RicardoMiranda https://ricardomiranda.cargo.site/Sabre-UX-UI-work Sabre&nbsp;projects Previously, I was at Sabre as a Senior UX Designer. My job involved collaborating with different UX and product design teams in the travel and hospitality commerce sector to develop user-friendly solutions on complex applications. We design and produce scalable B2B solutions for airlines and hotels worldwide so they can be more efficient and monitor their revenue streams. Our software touches everything from mobile apps to housekeeping to airline scheduling to dynamic retailing. Together, we make travel happen. Click the links below to see a few of the projects I worked on. ︎︎︎Load Manager&nbsp; ︎︎︎Air Price IQ ︎︎︎Intelligence Exchange ︎︎︎Sabre Central ︎︎︎DW Air ---- Load Manager&nbsp;Load Manager is a database of configurations for proper weight distribution of passengers and cargo on an airline. This is a critical piece of software for all airlines to prevent overloaded planes from taking off which could have catastrophic results. As of 2021, almost all the data was entered manually by load controller or specialists with deep knowledge of airport operations. We were tasked with updating the data entry system from an early Windows 95-era interface, to our new design language and improve the overall user experience. Note: This was my first project as a Sabre employee. It was a bit overwhelming at first, but thankfully the UX team I worked with quickly brought me up to speed. <img width="781" height="668" width_o="781" height_o="668" data-src="https://freight.cargo.site/t/original/i/fe30d2bf3ae5a36f09beea475d0b2881b9214a25a157513f366b6b9149651907/image-9.png" data-mid="166268486" border="0" src="https://freight.cargo.site/w/781/i/fe30d2bf3ae5a36f09beea475d0b2881b9214a25a157513f366b6b9149651907/image-9.png" /> <img width="774" height="405" width_o="774" height_o="405" data-src="https://freight.cargo.site/t/original/i/90d7d46152b73856058b5040d4a58088ecfe2cbc5b946d33b2d4af0a6dd1131e/image-8.png" data-mid="166268485" border="0" src="https://freight.cargo.site/w/774/i/90d7d46152b73856058b5040d4a58088ecfe2cbc5b946d33b2d4af0a6dd1131e/image-8.png" /> <img width="2950" height="1883" width_o="2950" height_o="1883" data-src="https://freight.cargo.site/t/original/i/e1ab8229dd4e8e96b53141dd56248ee3fedc76bff832eb10c8e59fbb5157aae7/Brainstorm-Board.png" data-mid="166268482" border="0" src="https://freight.cargo.site/w/1000/i/e1ab8229dd4e8e96b53141dd56248ee3fedc76bff832eb10c8e59fbb5157aae7/Brainstorm-Board.png" /> <img width="774" height="602" width_o="774" height_o="602" data-src="https://freight.cargo.site/t/original/i/9ba4cfcff7610eb01c647daa23b785f1fe31b307cb26d66e91bf2b935dda8951/image-10.png" data-mid="166268487" border="0" src="https://freight.cargo.site/w/774/i/9ba4cfcff7610eb01c647daa23b785f1fe31b307cb26d66e91bf2b935dda8951/image-10.png" /> Paper docs and legacy program (carousel) <img width="3000" height="760" width_o="3000" height_o="760" data-src="https://freight.cargo.site/t/original/i/0efef42f599a60ac849ad1808e59185433b3b5ca0c9481e7f74d90d9ad3aeb19/Brainstorm-Board-lores.jpg" data-mid="166268481" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/0efef42f599a60ac849ad1808e59185433b3b5ca0c9481e7f74d90d9ad3aeb19/Brainstorm-Board-lores.jpg" />Figjam board research and workflow (click for larger view) <img width="1440" height="1867" width_o="1440" height_o="1867" data-src="https://freight.cargo.site/t/original/i/b577aa35d403e3882d18b9cddbb0a2a4f3c360a3a04cca7294a5c00b38db0cc7/Aircraft-Data_No-Selection.png" data-mid="166268480" border="0" src="https://freight.cargo.site/w/1000/i/b577aa35d403e3882d18b9cddbb0a2a4f3c360a3a04cca7294a5c00b38db0cc7/Aircraft-Data_No-Selection.png" /> <img width="1440" height="1867" width_o="1440" height_o="1867" data-src="https://freight.cargo.site/t/original/i/187492c9efb40d5db5e84527312ddeca94706dcb4cbdcbd6dfc150a06e1f7c26/Entry-Screen_No-Carrier-Selected.png" data-mid="166268484" border="0" src="https://freight.cargo.site/w/1000/i/187492c9efb40d5db5e84527312ddeca94706dcb4cbdcbd6dfc150a06e1f7c26/Entry-Screen_No-Carrier-Selected.png" /> <img width="1440" height="1867" width_o="1440" height_o="1867" data-src="https://freight.cargo.site/t/original/i/1cd6e652907e853f17c362bc33aa46df55301627f310b585585068cc15e1db76/Entry-Screen_Carrier-Selected.png" data-mid="166268483" border="0" src="https://freight.cargo.site/w/1000/i/1cd6e652907e853f17c362bc33aa46df55301627f310b585585068cc15e1db76/Entry-Screen_Carrier-Selected.png" /> Lo/med-def wireframes (carousel)Usability testing found a number of problem areas (sorted by severity levels) we quickly rectified:The original design had a long horizontal dropdown input for carriers that users ignored due to “banner blindness”. The problem was resolved by adding contrast color to primary drop-down menu. See above.Save/Enter were used interchangably in the app causing confusion. We added an Undo button to give users peace of mind so they would not have to start from beginning of form.Users liked the updated sidebar navigation but did not like how much scrolling needed to be done to find their specific airline. We added an Expand icon so users could use the full screen to search and/or sort information. See above. ---- Air Price IQ Air Price IQ is a tool used by carriers to adjust airfare pricing in real-time based on market conditions, pricing strategy, customer segment, and booking velocity. It helps airlines adjust to pricing changes more quickly to maximize revenue. Our UX team was tasked with merging the new software with an existing Ancillary Manager and updating the AM’s user interface to seamlessly work with the current software package. Usability tests were also conducted. Here is a small sampling of the work done. Note: This was the first full Sabre project that I worked on.<img width="2200" height="1396" width_o="2200" height_o="1396" data-src="https://freight.cargo.site/t/original/i/13332d388baaec242674de17ff090f903210540a3c8454dd94da25bec796cd7b/AirPriceIQ---Brainstorm-sample.png" data-mid="166377856" border="0" src="https://freight.cargo.site/w/1000/i/13332d388baaec242674de17ff090f903210540a3c8454dd94da25bec796cd7b/AirPriceIQ---Brainstorm-sample.png" /> Figjam board research and workflow (click for larger view) <img width="3617" height="2736" width_o="3617" height_o="2736" data-src="https://freight.cargo.site/t/original/i/5575bc6126a82eaf1d727a77e09e2d7a27b490207c8f71525df29265394edd26/AirPrice-Outlines.jpg" data-mid="166372625" border="0" src="https://freight.cargo.site/w/1000/i/5575bc6126a82eaf1d727a77e09e2d7a27b490207c8f71525df29265394edd26/AirPrice-Outlines.jpg" /> Our team’s first attempt to understand the user workflow <img width="2097" height="2500" width_o="2097" height_o="2500" data-src="https://freight.cargo.site/t/original/i/93f201dcd797bb7f0fc6d100849938342a016004ba1f112da766f077766ffe3e/AirPrice-Summary_-All-Interviews-cropped.jpg" data-mid="166377224" border="0" src="https://freight.cargo.site/w/1000/i/93f201dcd797bb7f0fc6d100849938342a016004ba1f112da766f077766ffe3e/AirPrice-Summary_-All-Interviews-cropped.jpg" />Key findings from four separate stakeholder interviews <img width="3228" height="3371" width_o="3228" height_o="3371" data-src="https://freight.cargo.site/t/original/i/71d2caf8f8488f5dcfe2cc245b97e1fffd096fcdff2e7a4dc54578db697cc141/AirPrice-Post-Stakeholder-workflow.jpg" data-mid="166372626" border="0" src="https://freight.cargo.site/w/1000/i/71d2caf8f8488f5dcfe2cc245b97e1fffd096fcdff2e7a4dc54578db697cc141/AirPrice-Post-Stakeholder-workflow.jpg" /> <img width="1440" height="1682" width_o="1440" height_o="1682" data-src="https://freight.cargo.site/t/original/i/908ec2be37584dfcd2c9b34899355207bbd33ddb0387a871ea5ef29a8a1f3d10/AirPrice-Dashboard-wireframe.jpg" data-mid="166378366" border="0" src="https://freight.cargo.site/w/1000/i/908ec2be37584dfcd2c9b34899355207bbd33ddb0387a871ea5ef29a8a1f3d10/AirPrice-Dashboard-wireframe.jpg" /> <img width="1440" height="2377" width_o="1440" height_o="2377" data-src="https://freight.cargo.site/t/original/i/e2fe82b1a4c56da4ee78bd3e593ff623e0ef2c01450cc5d00b5338880eb35a64/AirPrice-Dashboard---Skeleton-pre-load-1.jpg" data-mid="166378364" border="0" src="https://freight.cargo.site/w/1000/i/e2fe82b1a4c56da4ee78bd3e593ff623e0ef2c01450cc5d00b5338880eb35a64/AirPrice-Dashboard---Skeleton-pre-load-1.jpg" /> <img width="1440" height="2515" width_o="1440" height_o="2515" data-src="https://freight.cargo.site/t/original/i/e516908055e27c8ba578e155d4a3f1bb6099eafe535bb031ad539683056cd8b6/AirPrice-Dashboard---Pricing-Perf-tab-rev.jpg" data-mid="166378362" border="0" src="https://freight.cargo.site/w/1000/i/e516908055e27c8ba578e155d4a3f1bb6099eafe535bb031ad539683056cd8b6/AirPrice-Dashboard---Pricing-Perf-tab-rev.jpg" /> Updated wireframes and screens after interviews (carousel)Usability testing found a number of key takeaways we revised for future testing:Some of the market configuration widgets or snapshots should be better suited for the main dashboard.Consider a global way to create a rule that can be accessed in the same way from all areas of the application – “If I right click on a value, I can create a rule”.The dashboard should show portfolio level aggregation “with high level views for markets” - – include the market drilldown from the dashboard – to allow users to change the market pairs (origin and destination) here. ---- Intelligence Exchange Intelligence Exchange is an airline back-end booking rules engine for airline shopping and ticketing. It allows carriers to monitor search requests and allow for mark-ups (or mark-downs), content mapping, or payment options in certain markets. We were asked to improve the functionality of the software and update the existing UI to our own design language, Spark. Our research team also conducted usability tests on our prototypes.&nbsp; <img width="5238" height="1977" width_o="5238" height_o="1977" data-src="https://freight.cargo.site/t/original/i/a768a6a8cbf85e95f9bf8500b54030ed267592214fb86e05d55542449d5997a2/IX-Data-Analytics-project-brief.jpg" data-mid="166697859" border="0" src="https://freight.cargo.site/w/1000/i/a768a6a8cbf85e95f9bf8500b54030ed267592214fb86e05d55542449d5997a2/IX-Data-Analytics-project-brief.jpg" /> Figjam board project brief (click for larger) <img width="25361" height="2673" width_o="25361" height_o="2673" data-src="https://freight.cargo.site/t/original/i/843a2dc91b85d736c5edcbce3de7d6afbb5e1978ceee97ea9044ecfdb653590f/IX-Data-Analytics-Info-Arch.jpg" data-mid="166697856" border="0" src="https://freight.cargo.site/w/1000/i/843a2dc91b85d736c5edcbce3de7d6afbb5e1978ceee97ea9044ecfdb653590f/IX-Data-Analytics-Info-Arch.jpg" />Information Architecture discussions (click for larger) <img width="2200" height="1087" width_o="2200" height_o="1087" data-src="https://freight.cargo.site/t/original/i/3ba5878eb5e2a5fbc75f42d2ddce22f16a8d7a640049af24f8de404e0416a55c/IX-Data-Analytics-prev-screen-1.jpg" data-mid="166699105" border="0" src="https://freight.cargo.site/w/1000/i/3ba5878eb5e2a5fbc75f42d2ddce22f16a8d7a640049af24f8de404e0416a55c/IX-Data-Analytics-prev-screen-1.jpg" /> <img width="2200" height="1157" width_o="2200" height_o="1157" data-src="https://freight.cargo.site/t/original/i/e257605cd6a4a9c430a9fb7d6d5afab31eb31703440814f08ff6c545d6e1bd0c/IX-Data-Analytics-prev-screen-2.jpg" data-mid="166699106" border="0" src="https://freight.cargo.site/w/1000/i/e257605cd6a4a9c430a9fb7d6d5afab31eb31703440814f08ff6c545d6e1bd0c/IX-Data-Analytics-prev-screen-2.jpg" /> <img width="2200" height="1078" width_o="2200" height_o="1078" data-src="https://freight.cargo.site/t/original/i/04becf078ff9f9f292bf1bb9d20ddaeacbe174c6058342714bf457d43b462cc4/IX-Data-Analytics-prev-screen-3.jpg" data-mid="166699107" border="0" src="https://freight.cargo.site/w/1000/i/04becf078ff9f9f292bf1bb9d20ddaeacbe174c6058342714bf457d43b462cc4/IX-Data-Analytics-prev-screen-3.jpg" /> Previous screens (carousel) <img width="1440" height="1661" width_o="1440" height_o="1661" data-src="https://freight.cargo.site/t/original/i/9f0a12dc9e6e5da4e84735ec262f6e4be49e3c3697730e709453bb44cd147775/IX-Search-Result-Table-Long.jpg" data-mid="166700685" border="0" src="https://freight.cargo.site/w/1000/i/9f0a12dc9e6e5da4e84735ec262f6e4be49e3c3697730e709453bb44cd147775/IX-Search-Result-Table-Long.jpg" /> <img width="1440" height="1661" width_o="1440" height_o="1661" data-src="https://freight.cargo.site/t/original/i/0627474cd102f0c76ebd53fff5cb2c50153dacb09624d52db6f0e576b5de2652/IX-Add-New-Row.jpg" data-mid="166700683" border="0" src="https://freight.cargo.site/w/1000/i/0627474cd102f0c76ebd53fff5cb2c50153dacb09624d52db6f0e576b5de2652/IX-Add-New-Row.jpg" /> <img width="1440" height="1661" width_o="1440" height_o="1661" data-src="https://freight.cargo.site/t/original/i/92a1e22a27ead17a27505bf9847ad0ef94486c2504fa90d6d40afd3806759009/IX-New-Row-Saved.jpg" data-mid="166700684" border="0" src="https://freight.cargo.site/w/1000/i/92a1e22a27ead17a27505bf9847ad0ef94486c2504fa90d6d40afd3806759009/IX-New-Row-Saved.jpg" /> Proposed updated screens (carousel) Usability testing found a number of key takeaways we revised for future testing:When a rule is duplicated, the row is highlighted and bold. Users told us that some of their other apps indicate a duplicate field which makes it easy to locate when coming back to the rules area. See above.Combination button for Save and Check in were implemented due to users wanting to Save but not Check-in just yet. See above. ---- Sabre Central Sabre Central is a web-based help tool for online travel agencies (OTA’s) using Sabre’s native travel agent software. OTA’s can be notified of system updates, learn about the newest training videos, and get help on certain tasks if they hit roadblocks. Our main goal was to redesign the home page to make it easier for users to scan across the page and find their answers. We also needed to expose relevant content to five different personas using the software. Additionally, the new designs would be placed on the Salesforce platform to make it easier for admins to monitor the site, add/remove content, and reduce response time on urgent calls. <img width="8000" height="2309" width_o="8000" height_o="2309" data-src="https://freight.cargo.site/t/original/i/5860087e577239c370f8bae4a862b2846a2d021eae76a50a7389bd2bdf5e52c2/Sabre-Central-brainstorm-and-concept-board.jpg" data-mid="178479469" border="0" src="https://freight.cargo.site/w/1000/i/5860087e577239c370f8bae4a862b2846a2d021eae76a50a7389bd2bdf5e52c2/Sabre-Central-brainstorm-and-concept-board.jpg" />Figjam board project brief (click for larger) <img width="4000" height="2872" width_o="4000" height_o="2872" data-src="https://freight.cargo.site/t/original/i/50b69c21abae647243bd2d36e5ae4959050fd98f61312e2722642ab8e709fc18/Sabre-Central-Home-Page-Redesign---JourneyMap.jpg" data-mid="178478655" border="0" src="https://freight.cargo.site/w/1000/i/50b69c21abae647243bd2d36e5ae4959050fd98f61312e2722642ab8e709fc18/Sabre-Central-Home-Page-Redesign---JourneyMap.jpg" /> UX Research journey map (click for larger) The UX team worked in tandem with our UX Researcher who set up times to meet with stakeholders and power users. After the initial rounds of interviews, we began to prioritize and report on their biggest painpoints. That led us into the design/exploration phase where lo-def screens were first shared with our clients then their users to gain more insights. A dossier was created to share those results and catergorize our findings by severity level. We also created a list of recommended items that the product team should implement such as, improving search functionality, re-designing the secondary pages, and revising the outdated security question as an authentication solution in Sabre Central. <img width="1322" height="707" width_o="1322" height_o="707" data-src="https://freight.cargo.site/t/original/i/6e36aa51b3b1bddc987e89883773274a18d888fd8793cef7f8c45f42b4710abc/SabreCentral-design-evo.png" data-mid="178484245" border="0" src="https://freight.cargo.site/w/1000/i/6e36aa51b3b1bddc987e89883773274a18d888fd8793cef7f8c45f42b4710abc/SabreCentral-design-evo.png" />Homepage layouts (click for larger)The project is still ongoing and we’re working with our product team (and development team) to keep the project on time and on-scope.---- DW Air Digital Workspace Airport (DW Air) is a collection of programs used by flight crews to perform various passenger/crew tasks. These tasks vary ranging from adding passenger remarks outside of the normal check-in screen, to adding a crew member’s luggage into the plane’s cargo hold. All of the projects seen below were part of a larger initiative to improve functionality for gate agents and staff. As much as we wanted to reimagine the entire software package, resources and budgets required small additions to the software. However, some of the recommened changes would be brought online in the next few quarters. Passenger Remarks This feature is for DW AIR to have the ability to retrieve PNR outside the check-in window. It would create a much faster workflow for gate agents to add their remarks about a passenger (payment forms, itineraries, special needs, etc). The program also has to be responsive to allow for tablet usage away from the gate agent’s computer station. &nbsp; <img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/81fdea4332bb20e90ba43b3878bba8cc8ca0bbd5b44b3f2e1afd7a22b5ea36a8/2-Add-Passenger-Remarks-screens.png" data-mid="178586955" border="0" src="https://freight.cargo.site/w/1000/i/81fdea4332bb20e90ba43b3878bba8cc8ca0bbd5b44b3f2e1afd7a22b5ea36a8/2-Add-Passenger-Remarks-screens.png" /> <img width="1438" height="1024" width_o="1438" height_o="1024" data-src="https://freight.cargo.site/t/original/i/beccefeb7c3c3a55624b5ccc030d10473d53bd59210d3407af151de2caa791f6/1-Add-Passenger-Remarks-screens.png" data-mid="178586956" border="0" src="https://freight.cargo.site/w/1000/i/beccefeb7c3c3a55624b5ccc030d10473d53bd59210d3407af151de2caa791f6/1-Add-Passenger-Remarks-screens.png" /> <img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/17cc310229549feb0054b0252a0816b719279d6449090755ba377774f3498c9e/3-Add-Passenger-Remarks-screens.png" data-mid="178586954" border="0" src="https://freight.cargo.site/w/1000/i/17cc310229549feb0054b0252a0816b719279d6449090755ba377774f3498c9e/3-Add-Passenger-Remarks-screens.png" /> <img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/d8b75286d2d12992054d249cd7e9c18e4f1070eda377229f4adcb5b30f8c5b2c/4-Add-Passenger-Remarks-screens.png" data-mid="178586957" border="0" src="https://freight.cargo.site/w/1000/i/d8b75286d2d12992054d249cd7e9c18e4f1070eda377229f4adcb5b30f8c5b2c/4-Add-Passenger-Remarks-screens.png" /> PNR screens (carousel) Adding/Removing Crew BagsThis feature is for DW AIR to have the ability for an airport agent to add or remove a crew bag from a plane’s cargo hold. For example, if there is no space in the main cabin storage for a crew member’s bag. The current version of the software was terribly outdated and the product team needed a more reliable method of completing this task. Our timing/scope was short and limited for this project so I worked with the product team extensively on several variations. <img width="1294" height="874" width_o="1294" height_o="874" data-src="https://freight.cargo.site/t/original/i/a7bc3e9a34f81e651148b8ec8741d33352f9a49ea7efcfb9ee109f306db04045/3-DWAir-CrewBag-before.png" data-mid="178609609" border="0" src="https://freight.cargo.site/w/1000/i/a7bc3e9a34f81e651148b8ec8741d33352f9a49ea7efcfb9ee109f306db04045/3-DWAir-CrewBag-before.png" /> <img width="1366" height="922" width_o="1366" height_o="922" data-src="https://freight.cargo.site/t/original/i/6f343c93971463e96bb71fe7046855154beecc50b9113a0784590ee31e22eb40/1-DWAir-CrewBag-before.png" data-mid="178609607" border="0" src="https://freight.cargo.site/w/1000/i/6f343c93971463e96bb71fe7046855154beecc50b9113a0784590ee31e22eb40/1-DWAir-CrewBag-before.png" /> <img width="1294" height="922" width_o="1294" height_o="922" data-src="https://freight.cargo.site/t/original/i/c0e3db15ba28bf4d5d29ee4e215c25e8e74f72bad0f828f93c53fbb06923dc09/2-DWAir-CrewBag-before.png" data-mid="178609608" border="0" src="https://freight.cargo.site/w/1000/i/c0e3db15ba28bf4d5d29ee4e215c25e8e74f72bad0f828f93c53fbb06923dc09/2-DWAir-CrewBag-before.png" /> Current Add Crew Bag screens (carousel)As you can see, the current version had an outdated UI and needed to be incorporated with our classic Spark Design language. The screen had a bad workflow for selecting a primary task and gave the user extra inputs that were not necessary for amount of bags and weight. Connections were given low priority on the screen as well. <img width="1440" height="824" width_o="1440" height_o="824" data-src="https://freight.cargo.site/t/original/i/0d9622de873c88aea08e94e6bbbef0c28d40c47170d37d882e30ccd8066ebd0f/removing-crew-bags-slide-out.png" data-mid="178610235" border="0" src="https://freight.cargo.site/w/1000/i/0d9622de873c88aea08e94e6bbbef0c28d40c47170d37d882e30ccd8066ebd0f/removing-crew-bags-slide-out.png" /> <img width="1440" height="821" width_o="1440" height_o="821" data-src="https://freight.cargo.site/t/original/i/ff27b8e9fc9f4a2cea0244bf954cf40877788df6f76ef068aca07844db277dad/Flight-List---Adding-crew-bags-page.png" data-mid="178610174" border="0" src="https://freight.cargo.site/w/1000/i/ff27b8e9fc9f4a2cea0244bf954cf40877788df6f76ef068aca07844db277dad/Flight-List---Adding-crew-bags-page.png" /> <img width="1440" height="821" width_o="1440" height_o="821" data-src="https://freight.cargo.site/t/original/i/1f72eda00e0fa125dbefc3793b7023221f1a57beb092b9f103541ec895f0e068/Flight-List---Adding-crew-bags-successful-modal.png" data-mid="178610175" border="0" src="https://freight.cargo.site/w/1000/i/1f72eda00e0fa125dbefc3793b7023221f1a57beb092b9f103541ec895f0e068/Flight-List---Adding-crew-bags-successful-modal.png" /> Updated Add Crew Bag screens (carousel)The new screens have a much more easily visible UI and better workflow to complete the tasks. With a bit more research, we learned that the user wanted a tiny shortcut on the completion modal if more than one crew member needed to check a bag. <img width="1440" height="840" width_o="1440" height_o="840" data-src="https://freight.cargo.site/t/original/i/bd39c31d204ae333c5f2ad728a8d1a2c412b1d942af0bf4a071b3c1cd87763d4/Flight-List---Adding-crew-bags-page---FULL-LIST.png" data-mid="178610172" border="0" src="https://freight.cargo.site/w/1000/i/bd39c31d204ae333c5f2ad728a8d1a2c412b1d942af0bf4a071b3c1cd87763d4/Flight-List---Adding-crew-bags-page---FULL-LIST.png" /> <img width="1440" height="937" width_o="1440" height_o="937" data-src="https://freight.cargo.site/t/original/i/8482c53ddd2151aca61a53b2c9ab1c5397cb2dab969e21267942490448dbb86d/Flight-List---Adding-crew-bags-page---Error-messages.png" data-mid="178610171" border="0" src="https://freight.cargo.site/w/1000/i/8482c53ddd2151aca61a53b2c9ab1c5397cb2dab969e21267942490448dbb86d/Flight-List---Adding-crew-bags-page---Error-messages.png" /> <img width="1440" height="937" width_o="1440" height_o="937" data-src="https://freight.cargo.site/t/original/i/06c5c425c573b2e830b06cf0f989543d204f64536d5a7d074fc1c96ab42ae2c2/Flight-List---Adding-crew-bags-page---Warning-messages.png" data-mid="178610173" border="0" src="https://freight.cargo.site/w/1000/i/06c5c425c573b2e830b06cf0f989543d204f64536d5a7d074fc1c96ab42ae2c2/Flight-List---Adding-crew-bags-page---Warning-messages.png" /> Ancillary Add Crew Bag screens (carousel) Carefull consideration was also given to the amount of flights and bags that could be added per crew member. The edge case limit of flights and bags, as well as input-level error messages had to be considered. https://ricardomiranda.cargo.site/Safe-Shelter-Ukraine-UX-UI-work Thu, 19 Jan 2023 17:01:40 +0000 RicardoMiranda https://ricardomiranda.cargo.site/Safe-Shelter-Ukraine-UX-UI-work Safe Shelter: A tool used to help non-government organization volunteers find temporary or permanent housing in Poland for Ukranian refugees. In late February 2022, Russian forces invaded neighboring Ukraine, setting off the largest and fastest-growing humaniatarian crisis since World War II. Millions of Ukranians, mostly women and children, fled their homes seeking safety in the countries of Poland, Romania, Slovakia, and Hungary. These countries faced an unprecidented strain on their database systems to find accommodations within their borders. Sabre employees in Poland (all volunteers), reached out to the global UX team for help. They required three key features: Make the software easy for new volunteers to jump right in and enter family information quickly and easily. They want to take care of people, not papers.Work with the existing validation software to validate hosts accommodations.Make the long data table of guests, hosts, and accommodations searchable and filterable. Research/Discovery&nbsp; As the project lead, I partnered with another Sabre UX designer, UX researcher, as well as a Developer based in Poland, to work with a European NGO on how best to help them manage the data from huge amounts of people seeking shelter. First, we interviewed the lead volunteer staffer and looked at their exisiting input form to see what is being entered. We discovered there were large amount of open-ended text inputs on the guest forms that could not be organized or sorted. This made the volunteer’s job much more difficult to find a place for a family. Second, we put together a workflow to show the amount of information entered, or not entered, that is critical for the volunteers. During this time, we also began the exploration of family member inputs to help speed up the process of entering names of persons traveling together. Unfortunately, just as we were getting into the research and processes of the project, the entire effort was cancelled due to internal discussions within the NGO on ownership and development resources. Not the way we wanted to end the partnership, but we respected their decision and still admire their resolve to help the people of Ukraine find safe accommodations while the conflict rages on. <img width="4384" height="3452" width_o="4384" height_o="3452" data-src="https://freight.cargo.site/t/original/i/1caa4b1407434580ff0fad3b5850ef3b76aa84a4a80312301312b6c4abd0a4cf/Accommodation-form.png" data-mid="165316434" border="0" src="https://freight.cargo.site/w/1000/i/1caa4b1407434580ff0fad3b5850ef3b76aa84a4a80312301312b6c4abd0a4cf/Accommodation-form.png" /> <img width="3456" height="1826" width_o="3456" height_o="1826" data-src="https://freight.cargo.site/t/original/i/718ef71845346f8d6b32428ee4cff9481cc6ba9398fd9ace77f0848360d0baae/accomm-data-table.png" data-mid="165406030" border="0" src="https://freight.cargo.site/w/1000/i/718ef71845346f8d6b32428ee4cff9481cc6ba9398fd9ace77f0848360d0baae/accomm-data-table.png" /> <img width="1794" height="1388" width_o="1794" height_o="1388" data-src="https://freight.cargo.site/t/original/i/e38d4b0dd5520b24e8bd1ac787168175fe8e0239fe6b0dedc5a65342bc32e9fe/Host-search-results.png" data-mid="165407025" border="0" src="https://freight.cargo.site/w/1000/i/e38d4b0dd5520b24e8bd1ac787168175fe8e0239fe6b0dedc5a65342bc32e9fe/Host-search-results.png" /> Exising accommodation input form, data table, and host search results (slideshow) <img width="1102" height="785" width_o="1102" height_o="785" data-src="https://freight.cargo.site/t/original/i/51911bc8d8a2c5edbffd5a12255149920732201e9f6a60bf412fcb40e002296c/Missing-items-accomm.png" data-mid="165316435" border="0" src="https://freight.cargo.site/w/1000/i/51911bc8d8a2c5edbffd5a12255149920732201e9f6a60bf412fcb40e002296c/Missing-items-accomm.png" />Stickies of missing items/info<img width="1209" height="769" width_o="1209" height_o="769" data-src="https://freight.cargo.site/t/original/i/974c50e8a547a98f6cc70251237cb8c04dd49032bc49cf7392abd8d3de6cf2fb/SafeShelter-workflow.png" data-mid="165406343" border="0" src="https://freight.cargo.site/w/1000/i/974c50e8a547a98f6cc70251237cb8c04dd49032bc49cf7392abd8d3de6cf2fb/SafeShelter-workflow.png" /> Task/user flow https://ricardomiranda.cargo.site/HBS-Systems-UX-UI-work Mon, 12 Jul 2021 16:11:39 +0000 RicardoMiranda https://ricardomiranda.cargo.site/HBS-Systems-UX-UI-work HBS Systems&nbsp;projects As the sole UX designer at HBS Systems, I was brought on board to clean up their B2B software designs by reviewing their existing software for usability issues, establishing a solid design system, working with development team on taking a more critical approach design, and help bring a much needed browser independence to some of their older screens. Additionally, HBS Systems tasked me with the creation of a B2C app for their client’s customers in the agriculture/construction/heavy equipment rental industries. Click the links below to see a few of the projects I worked on.︎︎︎OEM telematics ︎︎︎Report Screens ︎︎︎Ecom API/portal ︎︎︎Design System ︎︎︎Dealer Now app ---- OEM Telematics&nbsp; Telematics is a method of monitoring heavy equipment (tractors, telehandlers, skid loaders, etc) by using a GPS and onboard diagnostics for keeping tabs of anything from fuel consumption to power readings and geofencing. It is extremely useful for dealerships that have equipment rental so they can for locate unit and diagnose problems remotely. When a piece of equipment is not doing its job, it’s time/money wasted for customer and dealer. <img width="1275" height="1650" width_o="1275" height_o="1650" data-src="https://freight.cargo.site/t/original/i/0d15941fa3ea262f23d0a8d9c4921e6cca277e5f2083589253761a7bd3f4091a/Telematics-project-brief-2-1.jpg" data-mid="113791759" border="0" src="https://freight.cargo.site/w/1000/i/0d15941fa3ea262f23d0a8d9c4921e6cca277e5f2083589253761a7bd3f4091a/Telematics-project-brief-2-1.jpg" /> <img width="1275" height="1650" width_o="1275" height_o="1650" data-src="https://freight.cargo.site/t/original/i/dcb1701dbd48b617fc015c3ad1a61161e735fb9ad69a9aae0cb6e767cd56d20b/Telematics-project-brief-2-2.jpg" data-mid="113791760" border="0" src="https://freight.cargo.site/w/1000/i/dcb1701dbd48b617fc015c3ad1a61161e735fb9ad69a9aae0cb6e767cd56d20b/Telematics-project-brief-2-2.jpg" /> Project brief (slideshow) <img width="2342" height="3300" width_o="2342" height_o="3300" data-src="https://freight.cargo.site/t/original/i/af943adc8f7ba06524b07f67783627ac9211d99147225333eea3ea6158b18178/Telematics-notes-1.jpg" data-mid="113791669" border="0" src="https://freight.cargo.site/w/1000/i/af943adc8f7ba06524b07f67783627ac9211d99147225333eea3ea6158b18178/Telematics-notes-1.jpg" /> <img width="2075" height="3304" width_o="2075" height_o="3304" data-src="https://freight.cargo.site/t/original/i/c3566b14763d8e6f34683c4ec8eeb56d341f1cad5489f5e07e54d7708af79333/Telematics-notes-2.jpg" data-mid="113791670" border="0" src="https://freight.cargo.site/w/1000/i/c3566b14763d8e6f34683c4ec8eeb56d341f1cad5489f5e07e54d7708af79333/Telematics-notes-2.jpg" /> <img width="2144" height="3304" width_o="2144" height_o="3304" data-src="https://freight.cargo.site/t/original/i/fd5fa0f9d8e671ca172ebc7c4ec58b6df3c514e312726f007411a6eceec9a567/Telematics-notes-3.jpg" data-mid="113791671" border="0" src="https://freight.cargo.site/w/1000/i/fd5fa0f9d8e671ca172ebc7c4ec58b6df3c514e312726f007411a6eceec9a567/Telematics-notes-3.jpg" /> Initial sketches and notes (slideshow) <img width="550" height="1000" width_o="550" height_o="1000" data-src="https://freight.cargo.site/t/original/i/a65659c69437caced7aee498ca13d05954f5e3c20db8c107589033f048ff2fc9/Telematics-workflow.png" data-mid="113924506" border="0" src="https://freight.cargo.site/w/550/i/a65659c69437caced7aee498ca13d05954f5e3c20db8c107589033f048ff2fc9/Telematics-workflow.png" /> Task/user flow <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/d3d4831b348d58e5009847bbb496d0ac5b5d5bf7a28a739ef870b42ce663f12a/Telematics-1--v2.jpg" data-mid="113793435" border="0" src="https://freight.cargo.site/w/1000/i/d3d4831b348d58e5009847bbb496d0ac5b5d5bf7a28a739ef870b42ce663f12a/Telematics-1--v2.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/e2e1eedc71251a8f9e1fef719239d3547f9dcdf8ed7c43a9a5a1fec943b9c68f/Telematics-2--v2-click.jpg" data-mid="113793436" border="0" src="https://freight.cargo.site/w/1000/i/e2e1eedc71251a8f9e1fef719239d3547f9dcdf8ed7c43a9a5a1fec943b9c68f/Telematics-2--v2-click.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/0a410a6cf299071127d04dae245a4729963dff27b52c8749d452cbcbfafc76c0/Telematics-2--v2-hover.jpg" data-mid="113793437" border="0" src="https://freight.cargo.site/w/1000/i/0a410a6cf299071127d04dae245a4729963dff27b52c8749d452cbcbfafc76c0/Telematics-2--v2-hover.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/d50e1fe2391352bbfe351b969cdc35530efdfc221677cc9e74b75672c51aab5e/Telematics-7--v2.jpg" data-mid="113793441" border="0" src="https://freight.cargo.site/w/1000/i/d50e1fe2391352bbfe351b969cdc35530efdfc221677cc9e74b75672c51aab5e/Telematics-7--v2.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/58343fd8bb507b4892e85e59587a79e5e344615fd09c38996575ec49767b4dac/Telematics-6--v2-save-filter-2.jpg" data-mid="113793440" border="0" src="https://freight.cargo.site/w/1000/i/58343fd8bb507b4892e85e59587a79e5e344615fd09c38996575ec49767b4dac/Telematics-6--v2-save-filter-2.jpg" /> Lo/med-def wireframes (slideshow) ---- Report Screens&nbsp; Some of the legacy programs for our software will be endangered by Microsoft’s decision to stop all support for Internet Explorer in the coming months. As the sole UX designer, I’ve been tasked to reimagine the 20+ year old applications into a more contemporary look and feel, but not alter the functionality unless a critical usability issue was detected. <img width="2272" height="1760" width_o="2272" height_o="1760" data-src="https://freight.cargo.site/t/original/i/d7ff619b888f6d1882121e46b0521074296d2b7bdc7d3746e3420bfcdf7d707f/IOR-Inventory-Obsol-Report.png" data-mid="114290609" border="0" src="https://freight.cargo.site/w/1000/i/d7ff619b888f6d1882121e46b0521074296d2b7bdc7d3746e3420bfcdf7d707f/IOR-Inventory-Obsol-Report.png" /> <img width="1904" height="1100" width_o="1904" height_o="1100" data-src="https://freight.cargo.site/t/original/i/50646b6b04e5b26f3a6ee2236a3ff25df90c9285cff863c86871c33c99aa717c/IOR-Inventory-Obsol-Report_NEW.png" data-mid="114290916" border="0" src="https://freight.cargo.site/w/1000/i/50646b6b04e5b26f3a6ee2236a3ff25df90c9285cff863c86871c33c99aa717c/IOR-Inventory-Obsol-Report_NEW.png" /> Inventory Obsolescense Report - before/after (slideshow) <img width="759" height="684" width_o="759" height_o="684" data-src="https://freight.cargo.site/t/original/i/c63dcf74f5d657c6e7758ebfb0f4a6592d09cbb790ecb5fd001abfd3eded76d2/ITR-Inventory-Transaction-Reports.png" data-mid="114290611" border="0" src="https://freight.cargo.site/w/759/i/c63dcf74f5d657c6e7758ebfb0f4a6592d09cbb790ecb5fd001abfd3eded76d2/ITR-Inventory-Transaction-Reports.png" /> <img width="1904" height="1100" width_o="1904" height_o="1100" data-src="https://freight.cargo.site/t/original/i/a3a586ad4e82b056ec6c04ea74954ba692801f7c7ae9756bf71fe96b9ceba890/ITR.png" data-mid="114290920" border="0" src="https://freight.cargo.site/w/1000/i/a3a586ad4e82b056ec6c04ea74954ba692801f7c7ae9756bf71fe96b9ceba890/ITR.png" /> Inventory Transaction Report - before/after&nbsp;(slideshow) <img width="1017" height="824" width_o="1017" height_o="824" data-src="https://freight.cargo.site/t/original/i/1fafc74b414cf1cff7e6b0fb40d40b8e582ccac8ce6d20fa48469690d4ee8d8b/USR-Unit-Standard-Report.png" data-mid="114290613" border="0" src="https://freight.cargo.site/w/1000/i/1fafc74b414cf1cff7e6b0fb40d40b8e582ccac8ce6d20fa48469690d4ee8d8b/USR-Unit-Standard-Report.png" /> <img width="1904" height="1100" width_o="1904" height_o="1100" data-src="https://freight.cargo.site/t/original/i/8d96ced179fa809e5523d977c64c534a4f472d5a39e00ad7c3576af174b3ac49/USR.png" data-mid="114290924" border="0" src="https://freight.cargo.site/w/1000/i/8d96ced179fa809e5523d977c64c534a4f472d5a39e00ad7c3576af174b3ac49/USR.png" /> Unit Standard Report - before/after&nbsp;(slideshow) ---- Ecom API/portal One of our strongest relationships is with a large OEM with a loyal customer base. They tasked us to help create an ecom API/portal to help ease the burden of the dealer’s parts department having to manually sort and enter all the customer orders entered from the OEM website. Definately a challenge, but our team was ready for it! <img width="1275" height="1650" width_o="1275" height_o="1650" data-src="https://freight.cargo.site/t/original/i/230467adb449eb8c7ad0d1630e1955b90b5a58e4e8d491d7d977858b67069caa/E-com-portal-API-project-brief-v2-2.jpg" data-mid="114368243" border="0" src="https://freight.cargo.site/w/1000/i/230467adb449eb8c7ad0d1630e1955b90b5a58e4e8d491d7d977858b67069caa/E-com-portal-API-project-brief-v2-2.jpg" /> <img width="1275" height="1650" width_o="1275" height_o="1650" data-src="https://freight.cargo.site/t/original/i/c5db1d3e6ae55f8485766c52d04626d344ec9338d744d2a57966f62cec2b9956/E-com-portal-API-project-brief-v2-1.jpg" data-mid="114368242" border="0" src="https://freight.cargo.site/w/1000/i/c5db1d3e6ae55f8485766c52d04626d344ec9338d744d2a57966f62cec2b9956/E-com-portal-API-project-brief-v2-1.jpg" /> Project brief (slideshow) <img width="1196" height="1650" width_o="1196" height_o="1650" data-src="https://freight.cargo.site/t/original/i/56a9c41630215b3c80253ca57fd6f291b674c8ba919a4f019604affb3c4a8e1b/Ecomm-notes-2.jpg" data-mid="114368657" border="0" src="https://freight.cargo.site/w/1000/i/56a9c41630215b3c80253ca57fd6f291b674c8ba919a4f019604affb3c4a8e1b/Ecomm-notes-2.jpg" /> <img width="1150" height="1650" width_o="1150" height_o="1650" data-src="https://freight.cargo.site/t/original/i/5b742fc7147111006a4818478a2884d3460541eef2ddd856a68136be1c051b9b/Ecomm-notes-1.jpg" data-mid="114368656" border="0" src="https://freight.cargo.site/w/1000/i/5b742fc7147111006a4818478a2884d3460541eef2ddd856a68136be1c051b9b/Ecomm-notes-1.jpg" /> <img width="1213" height="1650" width_o="1213" height_o="1650" data-src="https://freight.cargo.site/t/original/i/468768620d585f1f37e84cd259400c8f302c832434db7b63517c3056cba700e2/Ecomm-notes-3.jpg" data-mid="114368658" border="0" src="https://freight.cargo.site/w/1000/i/468768620d585f1f37e84cd259400c8f302c832434db7b63517c3056cba700e2/Ecomm-notes-3.jpg" /> Sketches and notes (slideshow) <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/0cd11460d00494a141f7b38d83ff6902fc0b7cc9dfef700a3e2f12582969e2d3/E-com-Portal-1---HOME-SCREEN-v3---Kanban-view.png" data-mid="114368236" border="0" src="https://freight.cargo.site/w/1000/i/0cd11460d00494a141f7b38d83ff6902fc0b7cc9dfef700a3e2f12582969e2d3/E-com-Portal-1---HOME-SCREEN-v3---Kanban-view.png" /> <img width="1920" height="1172" width_o="1920" height_o="1172" data-src="https://freight.cargo.site/t/original/i/f4c87af46e1cd1fb99af79765f9b23ba9a49dc4392fd4537a1c3479eca98f265/E-com-Portal-1---HOME-SCREEN-v3--list-view.png" data-mid="114368237" border="0" src="https://freight.cargo.site/w/1000/i/f4c87af46e1cd1fb99af79765f9b23ba9a49dc4392fd4537a1c3479eca98f265/E-com-Portal-1---HOME-SCREEN-v3--list-view.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/94698e292c422fd853b88bf7efadc140608c9e562ce972e2c6d5f40c6b0c99e6/E-com-Portal-1---HOME-SCREEN-v3--modal.png" data-mid="114368238" border="0" src="https://freight.cargo.site/w/1000/i/94698e292c422fd853b88bf7efadc140608c9e562ce972e2c6d5f40c6b0c99e6/E-com-Portal-1---HOME-SCREEN-v3--modal.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/d232da645fb6d20b912f1f7e60b2c5b5651097abf729d7a1c3fa78971767787f/E-com-Portal-1---HOME-SCREEN-v4--edit-order-shipping-update-w--API.png" data-mid="114368240" border="0" src="https://freight.cargo.site/w/1000/i/d232da645fb6d20b912f1f7e60b2c5b5651097abf729d7a1c3fa78971767787f/E-com-Portal-1---HOME-SCREEN-v4--edit-order-shipping-update-w--API.png" /> Med-def screens(slideshow) ---- Design System&nbsp; During the revising report screens project (seen above), I simultaneously created the company’s first EVER design system. With some of parts of the software not having been touched in a very long time, this task was long overdue. Sorting through 20 years of CTAs, text inputs, and random UI elements was challenging, but brought out my inner archeologist. <img width="2346" height="1584" width_o="2346" height_o="1584" data-src="https://freight.cargo.site/t/original/i/a1ae41ea7b70e10dd5d8827722319fda2f35ea191183e06e94fa942c9cb7e342/Screen-Shot-2021-07-20-at-10.54.24-PM.png" data-mid="114290378" border="0" src="https://freight.cargo.site/w/1000/i/a1ae41ea7b70e10dd5d8827722319fda2f35ea191183e06e94fa942c9cb7e342/Screen-Shot-2021-07-20-at-10.54.24-PM.png" /> <img width="2070" height="1520" width_o="2070" height_o="1520" data-src="https://freight.cargo.site/t/original/i/7b62ffef965759b997e60048678542ee3c2e15c097ba53f32310b05960b2760f/Screen-Shot-2021-07-20-at-10.56.20-PM.png" data-mid="114290379" border="0" src="https://freight.cargo.site/w/1000/i/7b62ffef965759b997e60048678542ee3c2e15c097ba53f32310b05960b2760f/Screen-Shot-2021-07-20-at-10.56.20-PM.png" /> <img width="2340" height="1614" width_o="2340" height_o="1614" data-src="https://freight.cargo.site/t/original/i/108064e9482b4f6f4adfcea69e649f140a1812fb0c46c6930aebc1e628e2f2ee/Screen-Shot-2021-07-20-at-10.53.55-PM.png" data-mid="114290377" border="0" src="https://freight.cargo.site/w/1000/i/108064e9482b4f6f4adfcea69e649f140a1812fb0c46c6930aebc1e628e2f2ee/Screen-Shot-2021-07-20-at-10.53.55-PM.png" /> Screencaps (slideshow) Click here to see the latest version of the system&nbsp; ----- Dealer Now app&nbsp; As one of the largest and best known B2B software companies in the equipment dealership business, HBS Systems has a large and loyal network across the US and Canada. We felt we could improve the client/dealer relationship by developing an app that could give more control to the client with paying invoices, monitoring their credit limit, shopping for parts, and reserving construction/ag heavy equipment.&nbsp; <img width="1275" height="1650" width_o="1275" height_o="1650" data-src="https://freight.cargo.site/t/original/i/6903e9a06986eecdd00b91c2ae0af0f1147cd6836ecf557a798837554ba58549/Client-Connect-App-project-brief-v1-1.jpg" data-mid="114292828" border="0" src="https://freight.cargo.site/w/1000/i/6903e9a06986eecdd00b91c2ae0af0f1147cd6836ecf557a798837554ba58549/Client-Connect-App-project-brief-v1-1.jpg" /> <img width="1275" height="1650" width_o="1275" height_o="1650" data-src="https://freight.cargo.site/t/original/i/490759aafe1c51cddd9da5a7741205dc93753fe368cb21dc0a50cbbaaf9cd105/Client-Connect-App-project-brief-v1-2.jpg" data-mid="114292830" border="0" src="https://freight.cargo.site/w/1000/i/490759aafe1c51cddd9da5a7741205dc93753fe368cb21dc0a50cbbaaf9cd105/Client-Connect-App-project-brief-v1-2.jpg" /> Project brief (slideshow) <img width="2458" height="3501" width_o="2458" height_o="3501" data-src="https://freight.cargo.site/t/original/i/54b5231e4842593f213fce3bd86e0bb6dca977272d2f911b4996a2403c134c5c/1-dealernow.JPG" data-mid="114292444" border="0" src="https://freight.cargo.site/w/1000/i/54b5231e4842593f213fce3bd86e0bb6dca977272d2f911b4996a2403c134c5c/1-dealernow.JPG" /> <img width="3501" height="2572" width_o="3501" height_o="2572" data-src="https://freight.cargo.site/t/original/i/00835c033ba68d72cab7ab54a9ef16be85465207e12fd31cc80920d64f54c7a0/3-dealernow.JPG" data-mid="114292446" border="0" src="https://freight.cargo.site/w/1000/i/00835c033ba68d72cab7ab54a9ef16be85465207e12fd31cc80920d64f54c7a0/3-dealernow.JPG" /> <img width="2475" height="3501" width_o="2475" height_o="3501" data-src="https://freight.cargo.site/t/original/i/17c31d443db776b7b593554d0545c55d400ee120c5abad82117ae9539d673652/2-dealernow.JPG" data-mid="114292445" border="0" src="https://freight.cargo.site/w/1000/i/17c31d443db776b7b593554d0545c55d400ee120c5abad82117ae9539d673652/2-dealernow.JPG" /> <img width="3501" height="2484" width_o="3501" height_o="2484" data-src="https://freight.cargo.site/t/original/i/02e7775a12f48fcb9f20e78a4252a87e678c35976d6557740dcbc3db43c3fbaa/5-dealernow.JPG" data-mid="114292448" border="0" src="https://freight.cargo.site/w/1000/i/02e7775a12f48fcb9f20e78a4252a87e678c35976d6557740dcbc3db43c3fbaa/5-dealernow.JPG" /> <img width="3501" height="2466" width_o="3501" height_o="2466" data-src="https://freight.cargo.site/t/original/i/97eb82c1afc8ea7e92414e7ae9f13ddb3d3e486a5644f422b9e360bcf053c374/8-dealernow.JPG" data-mid="114292451" border="0" src="https://freight.cargo.site/w/1000/i/97eb82c1afc8ea7e92414e7ae9f13ddb3d3e486a5644f422b9e360bcf053c374/8-dealernow.JPG" /> <img width="3501" height="2670" width_o="3501" height_o="2670" data-src="https://freight.cargo.site/t/original/i/0edcc4b031adadd26a9be368e1bc78df257fb314df0760bc7ff54db22cbd5e3a/7-dealernow.JPG" data-mid="114292450" border="0" src="https://freight.cargo.site/w/1000/i/0edcc4b031adadd26a9be368e1bc78df257fb314df0760bc7ff54db22cbd5e3a/7-dealernow.JPG" /> <img width="3501" height="2537" width_o="3501" height_o="2537" data-src="https://freight.cargo.site/t/original/i/8b15f37192855a2bbe44de7229f61d149434d3c4705f76eb2387276a9b4efa75/4-dealernow.JPG" data-mid="114292447" border="0" src="https://freight.cargo.site/w/1000/i/8b15f37192855a2bbe44de7229f61d149434d3c4705f76eb2387276a9b4efa75/4-dealernow.JPG" /> <img width="3501" height="2537" width_o="3501" height_o="2537" data-src="https://freight.cargo.site/t/original/i/2062d42dccbb83ef1a9e7618399d1bb6a9717c8a5c9bfd4834d71caf8c99996f/6-dealernow.JPG" data-mid="114292449" border="0" src="https://freight.cargo.site/w/1000/i/2062d42dccbb83ef1a9e7618399d1bb6a9717c8a5c9bfd4834d71caf8c99996f/6-dealernow.JPG" /> Initial sketches and notes (slideshow) <img width="776" height="1611" width_o="776" height_o="1611" data-src="https://freight.cargo.site/t/original/i/bc94294bcb38a891ae703aa7c09a334edfd3d296d605d2d33bba861f6a2130f2/First-time-user-single-dealer-login-wf.png" data-mid="114292455" border="0" src="https://freight.cargo.site/w/776/i/bc94294bcb38a891ae703aa7c09a334edfd3d296d605d2d33bba861f6a2130f2/First-time-user-single-dealer-login-wf.png" />Task/user flow <img width="1002" height="755" width_o="1002" height_o="755" data-src="https://freight.cargo.site/t/original/i/7d2c0380a6a5646917a1844689c6b89147552cdb407f25c9d811259f3e9d6d5f/DealerNow-lodef-1.png" data-mid="114292831" border="0" src="https://freight.cargo.site/w/1000/i/7d2c0380a6a5646917a1844689c6b89147552cdb407f25c9d811259f3e9d6d5f/DealerNow-lodef-1.png" /> <img width="1189" height="924" width_o="1189" height_o="924" data-src="https://freight.cargo.site/t/original/i/299f7a7ec6843da4820b5f6517a0b8bb34b819f407fe44db315bed69fea90b77/DealerNow-lodef-2.png" data-mid="114292832" border="0" src="https://freight.cargo.site/w/1000/i/299f7a7ec6843da4820b5f6517a0b8bb34b819f407fe44db315bed69fea90b77/DealerNow-lodef-2.png" /> <img width="1153" height="948" width_o="1153" height_o="948" data-src="https://freight.cargo.site/t/original/i/6fa9ee37a90249348106f562c152c0d83f3fef57b3684b2c65449915b9c92fc7/DealerNow-lodef-3.png" data-mid="114292834" border="0" src="https://freight.cargo.site/w/1000/i/6fa9ee37a90249348106f562c152c0d83f3fef57b3684b2c65449915b9c92fc7/DealerNow-lodef-3.png" /> Lo-def prototype (slideshow) <img width="980" height="871" width_o="980" height_o="871" data-src="https://freight.cargo.site/t/original/i/95cc38ce7be8076c04704e3043d0bb83f3291e5276519dd34499417339a84d3c/Screen-Shot-2021-07-21-at-8.02.36-AM.png" data-mid="114318362" border="0" src="https://freight.cargo.site/w/980/i/95cc38ce7be8076c04704e3043d0bb83f3291e5276519dd34499417339a84d3c/Screen-Shot-2021-07-21-at-8.02.36-AM.png" /> <img width="973" height="907" width_o="973" height_o="907" data-src="https://freight.cargo.site/t/original/i/91dcafdd74dab9b1394623160460b455cd7021db74863581819ce01a02687954/Screen-Shot-2021-07-21-at-8.02.20-AM.png" data-mid="114318361" border="0" src="https://freight.cargo.site/w/973/i/91dcafdd74dab9b1394623160460b455cd7021db74863581819ce01a02687954/Screen-Shot-2021-07-21-at-8.02.20-AM.png" /> <img width="546" height="707" width_o="546" height_o="707" data-src="https://freight.cargo.site/t/original/i/d8a8ac017c7067d5bfc581e3d1aca521df8f61aa971e622a0bee4e44efa3f47e/Screen-Shot-2021-07-21-at-8.03.11-AM.png" data-mid="114318363" border="0" src="https://freight.cargo.site/w/546/i/d8a8ac017c7067d5bfc581e3d1aca521df8f61aa971e622a0bee4e44efa3f47e/Screen-Shot-2021-07-21-at-8.03.11-AM.png" /> Hi-def prototype (slideshow) Click here to see the high-def version of the prototype in action. https://ricardomiranda.cargo.site/Asset-Panda-UX-UI-work Fri, 13 Mar 2020 16:58:26 +0000 RicardoMiranda https://ricardomiranda.cargo.site/Asset-Panda-UX-UI-work Asset Panda projects As my first real-world experience as a full-time UX/UI designer, I was tasked with two projects: create a calendar/reservation system for our clients who don’t have to rely on a spreadsheet to loan out their assets; and start working on the design system for the eventual migration to 3.0&nbsp; Calendar/Reservation System (workflow) <img width="1820" height="1228" width_o="1820" height_o="1228" data-src="https://freight.cargo.site/t/original/i/1ffa6b3142b1e85b138c1fcda889c4439490556d399f853362f3e7d7b63d79ff/Reservation-systems_Calendar-View.jpeg" data-mid="63462055" border="0" data-scale="82" src="https://freight.cargo.site/w/1000/i/1ffa6b3142b1e85b138c1fcda889c4439490556d399f853362f3e7d7b63d79ff/Reservation-systems_Calendar-View.jpeg" /> <img width="1620" height="1592" width_o="1620" height_o="1592" data-src="https://freight.cargo.site/t/original/i/64fbdf65522d0b49f42ffff966153f0e413ad002a4944794d41709ab1bc8d2bf/Reservation-systems_Availability-Calander.jpeg" data-mid="63462056" border="0" data-scale="79" src="https://freight.cargo.site/w/1000/i/64fbdf65522d0b49f42ffff966153f0e413ad002a4944794d41709ab1bc8d2bf/Reservation-systems_Availability-Calander.jpeg" /> Calendar/Reservation System (med-def wireframes) <img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/17b45b1cff198889bba6cc62eb8df01de10f0c18051d915e65719b902b39045d/Calendar-reservation---modal-DATE-FIRST-month-view.jpg" data-mid="63462476" border="0" data-scale="71" src="https://freight.cargo.site/w/1000/i/17b45b1cff198889bba6cc62eb8df01de10f0c18051d915e65719b902b39045d/Calendar-reservation---modal-DATE-FIRST-month-view.jpg" /><img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/3d35e5c61616cdc97f32ade0655c32505fbb5e692a9e4b3f261aaef049b2ebf8/Calendar-reservation---modal-ITEM-unselected.jpg" data-mid="63462474" border="0" data-scale="71" src="https://freight.cargo.site/w/1000/i/3d35e5c61616cdc97f32ade0655c32505fbb5e692a9e4b3f261aaef049b2ebf8/Calendar-reservation---modal-ITEM-unselected.jpg" /><img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/4921c2128833252a8ce1c8321b776f596a1f095159c0f60d51f8d6c2b69e5a51/Calendar-reservation---modal-ITEMS-SELECTED.jpg" data-mid="63462478" border="0" data-scale="71" src="https://freight.cargo.site/w/1000/i/4921c2128833252a8ce1c8321b776f596a1f095159c0f60d51f8d6c2b69e5a51/Calendar-reservation---modal-ITEMS-SELECTED.jpg" /> <img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/076bf23f3877715dd09b247fcdb47c85c0a0d8e55c17108a06be0aa2008a5756/Calendar-reservation---modal-CONFIRM.jpg" data-mid="63462477" border="0" data-scale="71" src="https://freight.cargo.site/w/1000/i/076bf23f3877715dd09b247fcdb47c85c0a0d8e55c17108a06be0aa2008a5756/Calendar-reservation---modal-CONFIRM.jpg" /><img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/be0338145a2b9c145edf2f77d6754830dae5a0535541022cfd047e576aa509f4/Calendar-reservation---modal-DONE.jpg" data-mid="63462475" border="0" data-scale="71" src="https://freight.cargo.site/w/1000/i/be0338145a2b9c145edf2f77d6754830dae5a0535541022cfd047e576aa509f4/Calendar-reservation---modal-DONE.jpg" /> Design Systems <img width="1273" height="1630" width_o="1273" height_o="1630" data-src="https://freight.cargo.site/t/original/i/98fcd93882a11cebfc65dcc8a1a952b1d1c77ecac3997a36961d02d001677858/Colors.jpg" data-mid="63461717" border="0" data-scale="67" src="https://freight.cargo.site/w/1000/i/98fcd93882a11cebfc65dcc8a1a952b1d1c77ecac3997a36961d02d001677858/Colors.jpg" /><img width="1273" height="1630" width_o="1273" height_o="1630" data-src="https://freight.cargo.site/t/original/i/cee4e53700a1d0853e5c01a82941ef402cb7bf2c7a4844853463dbdebdaf548f/Buttons.jpg" data-mid="63461716" border="0" data-scale="67" src="https://freight.cargo.site/w/1000/i/cee4e53700a1d0853e5c01a82941ef402cb7bf2c7a4844853463dbdebdaf548f/Buttons.jpg" /><img width="929" height="2819" width_o="929" height_o="2819" data-src="https://freight.cargo.site/t/original/i/b063011a1cfd85840263cf2a7fee3e78be6a31b9c41d84bdbf59a6f1be280a9b/Typography.jpg" data-mid="63461720" border="0" data-scale="74" src="https://freight.cargo.site/w/929/i/b063011a1cfd85840263cf2a7fee3e78be6a31b9c41d84bdbf59a6f1be280a9b/Typography.jpg" /> https://ricardomiranda.cargo.site/Chef-Me-Up-app-project Fri, 25 Jan 2019 04:41:03 +0000 RicardoMiranda https://ricardomiranda.cargo.site/Chef-Me-Up-app-project Chef Me Up app&nbsp; As part of my UX certification course, a small group of classmates and I created a chef at home service app called Chef Me Up. From our project brief during our research stage, to our lo-fi wireframes in our design stage, and finally our user feedback in our testing stage, we covered the complete UX design process. The result? Serious interest from usability testers about investing in our app as well as one of the best received presentations during the final exam. Try it for yourself here &nbsp;Project Brief <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/d9e892e8957db45e36080c0262994c8a653477260e52348f68f5d362973ae5fe/Chef-Me-Up1.jpg" data-mid="33686319" border="0" data-scale="80" src="https://freight.cargo.site/w/1000/i/d9e892e8957db45e36080c0262994c8a653477260e52348f68f5d362973ae5fe/Chef-Me-Up1.jpg" /> Personas<img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/27d1666f8467dc57e793fe2e260bd7fe949b73823b7e7e677ea907aefd708a61/Chef-Me-Up-copy.jpg" data-mid="33686315" border="0" src="https://freight.cargo.site/w/1000/i/27d1666f8467dc57e793fe2e260bd7fe949b73823b7e7e677ea907aefd708a61/Chef-Me-Up-copy.jpg" /> New/Repeat user workflow&nbsp;(click for larger image) <img width="5530" height="700" width_o="5530" height_o="700" data-src="https://freight.cargo.site/t/original/i/a37301c9cdf25290701fa95c2c9c760f1e97c6a0a8b1c0213963ee31b5fa8149/Chef-Me-Up-workflow-REV.jpg" data-mid="33686316" border="0" src="https://freight.cargo.site/w/1000/i/a37301c9cdf25290701fa95c2c9c760f1e97c6a0a8b1c0213963ee31b5fa8149/Chef-Me-Up-workflow-REV.jpg" /> Lo-def wireframes <img width="1482" height="1396" width_o="1482" height_o="1396" data-src="https://freight.cargo.site/t/original/i/33351a054eee9ea4a86def5a575c02e3a8e3d94b65ee8fb9e62c6c56be9ed360/ChefMeUp-lo-def-wires.png" data-mid="33686320" border="0" src="https://freight.cargo.site/w/1000/i/33351a054eee9ea4a86def5a575c02e3a8e3d94b65ee8fb9e62c6c56be9ed360/ChefMeUp-lo-def-wires.png" />Hi-def wireframes <img width="1908" height="1518" width_o="1908" height_o="1518" data-src="https://freight.cargo.site/t/original/i/bb3faa9045e03bc222f1f32553f73f83ed6593c27b3e4a1ad7c2e7c544ef5f0a/Screen-Shot-2019-01-24-at-11.54.11-PM.png" data-mid="33686322" border="0" src="https://freight.cargo.site/w/1000/i/bb3faa9045e03bc222f1f32553f73f83ed6593c27b3e4a1ad7c2e7c544ef5f0a/Screen-Shot-2019-01-24-at-11.54.11-PM.png" />Prototyping<img width="2352" height="1326" width_o="2352" height_o="1326" data-src="https://freight.cargo.site/t/original/i/344bdf28f984e281f42973ee2af082fe520035223628dd4a4537a9545785a958/Screen-Shot-2019-01-24-at-11.53.44-PM.png" data-mid="33686321" border="0" src="https://freight.cargo.site/w/1000/i/344bdf28f984e281f42973ee2af082fe520035223628dd4a4537a9545785a958/Screen-Shot-2019-01-24-at-11.53.44-PM.png" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/92dc2f480f3147fa4e9f76afb4ff86d7e69edc074e893ae27c84c4f5631a5553/Chef-Me-Up.jpg" data-mid="33686317" border="0" src="https://freight.cargo.site/w/1000/i/92dc2f480f3147fa4e9f76afb4ff86d7e69edc074e893ae27c84c4f5631a5553/Chef-Me-Up.jpg" /> Usability Testing <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/2027b0f6a3b312a67329f11f08e40f224b8776ee83e2e6a90e6e9e35cbd6d10c/Chef-Me-Up1-copy.jpg" data-mid="33686318" border="0" data-scale="92" src="https://freight.cargo.site/w/1000/i/2027b0f6a3b312a67329f11f08e40f224b8776ee83e2e6a90e6e9e35cbd6d10c/Chef-Me-Up1-copy.jpg" /> https://ricardomiranda.cargo.site/Aquent-Vitamin-T-app-proposal Mon, 20 Apr 2020 03:00:31 +0000 RicardoMiranda https://ricardomiranda.cargo.site/Aquent-Vitamin-T-app-proposal Aquent | Vitamin T app proposal&nbsp; With all due respect to the hard working people at Aquent | Vitamin T, the native app for their job search is terribly outdated and quite frustrating. As someone who went through the process of looking for full-time/contract employment during the COVID-19 Pandemic, I wondered if I could quickly research and mock-up a better engaging app.&nbsp; During my initial research/breakdown of the app, I found four major usability issues with the login page, the onboarding flow, check in process and searching for jobs. Let’s take a look. Login page - Minor Usability Problem <img width="562" height="1000" width_o="562" height_o="1000" data-src="https://freight.cargo.site/t/original/i/dd49bf15c123a8d6e04299e56f5b9a50480d2c66ba7a0d17b1afca4e8619faa0/IMG_5717.PNG" data-mid="68177375" border="0" src="https://freight.cargo.site/w/562/i/dd49bf15c123a8d6e04299e56f5b9a50480d2c66ba7a0d17b1afca4e8619faa0/IMG_5717.PNG" /> At first glance, the app has no disernable location on which text box is for user and which text box is for password. While I appreciate the option to stay logged in, there is no option to recover my password if I forget it, or have to reinstall the app. Onboarding Flow page -&nbsp;Minor Usability Problem <img width="562" height="1000" width_o="562" height_o="1000" data-src="https://freight.cargo.site/t/original/i/4f5b5a5aaca2405506b9d15e2de95df772fa0be765b789099468e1f9546a9edd/IMG_5718.PNG" data-mid="68177376" border="0" src="https://freight.cargo.site/w/562/i/4f5b5a5aaca2405506b9d15e2de95df772fa0be765b789099468e1f9546a9edd/IMG_5718.PNG" /> When I tapped the “Don’t have an Aquent account?” link, this is the modal that appeared. While I understand the need to connect with an agent first, sending users to a desktop browser first is unnecessary&nbsp;and time consuming. All of the functions of the desktop browser should be able do be done on the app. Check In process page -&nbsp;Major usability problem <img width="562" height="1000" width_o="562" height_o="1000" data-src="https://freight.cargo.site/t/original/i/04099e604c29b93eb02d261ff4a21f78e71fd7effa521bed3c57ac57ef71a01d/IMG_5709.PNG" data-mid="68177371" border="0" src="https://freight.cargo.site/w/562/i/04099e604c29b93eb02d261ff4a21f78e71fd7effa521bed3c57ac57ef71a01d/IMG_5709.PNG" /> <img width="562" height="1000" width_o="562" height_o="1000" data-src="https://freight.cargo.site/t/original/i/5780da932426f319c7f8eb99b81fdb884af3c8ce8f67cfa5365734357303a606/IMG_5710.PNG" data-mid="68177372" border="0" src="https://freight.cargo.site/w/562/i/5780da932426f319c7f8eb99b81fdb884af3c8ce8f67cfa5365734357303a606/IMG_5710.PNG" /> Once the user has logged in and gained access, they are automatically asked to make a major decision on their work availability before any information has been shared. This is the case every single time the user has logged in. That is frustrating and should be moved to a profile/settings section. Job Search page -&nbsp;Usability catastrophe <img width="562" height="1000" width_o="562" height_o="1000" data-src="https://freight.cargo.site/t/original/i/37e5d12754febd6aed45022058f964bc8d68c14bc499a22af5e531cf91939f5e/IMG_5711.PNG" data-mid="68177373" border="0" src="https://freight.cargo.site/w/562/i/37e5d12754febd6aed45022058f964bc8d68c14bc499a22af5e531cf91939f5e/IMG_5711.PNG" /> Now that the user has selected their work availability, another hurdle appears. Sending users away from the app to search for jobs is counter-intuative. When I tapped on the link, the job listings did appear in the app, but it disappeared after about 2 seconds. Major technical and usability issues here.&nbsp; There were a few more UX and technical issues in the app, but these four items have the highest priority to be corrected. Armed with all this information, I took it upon myself to construct a more robust and easier to use app. I gave myself a few days to produce a workflow, sketch up a few pages, and dive right in to HIGH DEF wireframes. The latter was much more challenging than I imagned and probably wouldn’t recommend to most anyone. Overall, I believe it’s a vast improvement on the current app and I’m making continuous updates. The prototype can be found here. Workflows <img width="1361" height="1767" width_o="1361" height_o="1767" data-src="https://freight.cargo.site/t/original/i/a136c11d37c8edac6ce2b96703eadc6c1390c6538e8d4dd0097eb027af1f98bb/Aquent-Vitamin-T-app.png" data-mid="67772339" border="0" data-scale="58" src="https://freight.cargo.site/w/1000/i/a136c11d37c8edac6ce2b96703eadc6c1390c6538e8d4dd0097eb027af1f98bb/Aquent-Vitamin-T-app.png" /> Sketches<img width="1000" height="750" width_o="1000" height_o="750" data-src="https://freight.cargo.site/t/original/i/f06a3d1a1c97a575348c08626db961eb901928d2b4b51ddb46820b7f647a5f2a/Sketch1.JPG" data-mid="67638545" border="0" data-scale="58" src="https://freight.cargo.site/w/1000/i/f06a3d1a1c97a575348c08626db961eb901928d2b4b51ddb46820b7f647a5f2a/Sketch1.JPG" /><img width="1000" height="750" width_o="1000" height_o="750" data-src="https://freight.cargo.site/t/original/i/c1631fbcc09e5601ddc6376915dd29ad0080d5da06b37c13758baac23012f21e/Sketch2.JPG" data-mid="67638543" border="0" data-scale="58" src="https://freight.cargo.site/w/1000/i/c1631fbcc09e5601ddc6376915dd29ad0080d5da06b37c13758baac23012f21e/Sketch2.JPG" />Hi-def wireframes<img width="1345" height="892" width_o="1345" height_o="892" data-src="https://freight.cargo.site/t/original/i/225fc42bbf78549113d742eb59049d4e6ee9746a29f1473e74d81f195e0dfb86/Screen-Shot-2020-04-23-at-2.45.29-PM.png" data-mid="68207601" border="0" data-scale="86" src="https://freight.cargo.site/w/1000/i/225fc42bbf78549113d742eb59049d4e6ee9746a29f1473e74d81f195e0dfb86/Screen-Shot-2020-04-23-at-2.45.29-PM.png" /> Prototyping<img width="1345" height="892" width_o="1345" height_o="892" data-src="https://freight.cargo.site/t/original/i/225fc42bbf78549113d742eb59049d4e6ee9746a29f1473e74d81f195e0dfb86/Screen-Shot-2020-04-23-at-2.45.29-PM.png" data-mid="68207601" border="0" data-scale="86" src="https://freight.cargo.site/w/1000/i/225fc42bbf78549113d742eb59049d4e6ee9746a29f1473e74d81f195e0dfb86/Screen-Shot-2020-04-23-at-2.45.29-PM.png" /> https://ricardomiranda.cargo.site/Design-Thinking-process Thu, 04 Apr 2019 14:26:46 +0000 RicardoMiranda https://ricardomiranda.cargo.site/Design-Thinking-process Cariloop project&nbsp; Another part of my UX certification course was a deeper dive into the Design Thinking process. Our small team was tasked to review the process of how a caregiver signs-up and engages with Cariloop (a company created from the need to mentor people who are providing at-home care for loved ones). We reviewed the entire sign-up process and discovered many pain points along the way. While we would have loved to fix the entire process, we focused on one area we felt could have an immediate impact.Final presentation can be found&nbsp;here. Cariloop engagement process <img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/e62d58963d2c920f65b81dc20eb1cde5844cf7954377607e9fe4a149b16e13ef/IMG_3263.jpg" data-mid="39292613" border="0" data-scale="88" src="https://freight.cargo.site/w/1000/i/e62d58963d2c920f65b81dc20eb1cde5844cf7954377607e9fe4a149b16e13ef/IMG_3263.jpg" /> Key pain point discovered <img width="1584" height="2112" width_o="1584" height_o="2112" data-src="https://freight.cargo.site/t/original/i/ff36db431f820cb3a490c846fd10cbec3b1c2c321e9a50f7044462f2ad8e0b0a/IMG_3266.jpg" data-mid="39293289" border="0" data-scale="76" src="https://freight.cargo.site/w/1000/i/ff36db431f820cb3a490c846fd10cbec3b1c2c321e9a50f7044462f2ad8e0b0a/IMG_3266.jpg" /> Other ideas discussed in Impact/Feasability Chart <img width="1350" height="1800" width_o="1350" height_o="1800" data-src="https://freight.cargo.site/t/original/i/a942a76cc38f597fdaf3e71c89649250eb77c9fc1b99ede6c14b332d95c899ba/IMG_3297.jpg" data-mid="39293625" border="0" src="https://freight.cargo.site/w/1000/i/a942a76cc38f597fdaf3e71c89649250eb77c9fc1b99ede6c14b332d95c899ba/IMG_3297.jpg" />We vote! https://ricardomiranda.cargo.site/Diesel-On-connected-watches-Digital-Consumer-Training Mon, 18 Nov 2019 22:41:03 +0000 RicardoMiranda https://ricardomiranda.cargo.site/Diesel-On-connected-watches-Digital-Consumer-Training Diesel On connected watches Since its inception, Diesel has used “For Successful Living” as a slogan for the brand’s DNA. Through a long and storied history of strong, ironic and playful campaigns, Diesel has become a leader in advertising as well as in fashion. Where the world zigged, Diesel zagged, and in the 35 years since its founding, the brand still embraces the same ethos. Diesel On (Diesel’s line of connected watches) needed a new informational portal to show online customers the benefits and cool shit, their new connected watches can do. Additionally, this new information had to be carried over into an in-store display system for customers in wholesale and CE channel brick &amp; mortar stores. Try the online demo here. October 2019 <img width="800" height="4255" width_o="800" height_o="4255" data-src="https://freight.cargo.site/t/original/i/2b9d0fce565fda7f5d80330c19bd462599ac46e5107fc71a2106a7177b58b460/DIESEL-ON-Learning-Page---DESKTOP.jpg" data-mid="54983570" border="0" src="https://freight.cargo.site/w/800/i/2b9d0fce565fda7f5d80330c19bd462599ac46e5107fc71a2106a7177b58b460/DIESEL-ON-Learning-Page---DESKTOP.jpg" /> Branded fixture displays - October2019 <img width="2550" height="1545" width_o="2550" height_o="1545" data-src="https://freight.cargo.site/t/original/i/613e237aab1cbfb29ba0fd2c427e65b203452ecabb8de9daf489a034189df36c/DSL3194130-HO19_Diesel-On_CE-Channel-Graphics-Update_Touchscreen_FINAL3.jpg" data-mid="54983694" border="0" src="https://freight.cargo.site/w/1000/i/613e237aab1cbfb29ba0fd2c427e65b203452ecabb8de9daf489a034189df36c/DSL3194130-HO19_Diesel-On_CE-Channel-Graphics-Update_Touchscreen_FINAL3.jpg" /> <img width="2550" height="1536" width_o="2550" height_o="1536" data-src="https://freight.cargo.site/t/original/i/006ff1914cf339d126335a4e88d41b62e6f52f139f2b2f88a88c7e0c11ad0d13/DSL3194130-HO19_Diesel-On_CE-Channel-Graphics-Update_Touchscreen_FINAL.jpg" data-mid="54983692" border="0" data-scale="76" src="https://freight.cargo.site/w/1000/i/006ff1914cf339d126335a4e88d41b62e6f52f139f2b2f88a88c7e0c11ad0d13/DSL3194130-HO19_Diesel-On_CE-Channel-Graphics-Update_Touchscreen_FINAL.jpg" /> <img width="2550" height="1518" width_o="2550" height_o="1518" data-src="https://freight.cargo.site/t/original/i/991481fde2ffad46e814634a967c403937bb631d21c5a58f93abb1c2aa9b32ab/DSL3194130-HO19_Diesel-On_CE-Channel-Graphics-Update_Touchscreen_FINAL4.jpg" data-mid="54983695" border="0" src="https://freight.cargo.site/w/1000/i/991481fde2ffad46e814634a967c403937bb631d21c5a58f93abb1c2aa9b32ab/DSL3194130-HO19_Diesel-On_CE-Channel-Graphics-Update_Touchscreen_FINAL4.jpg" />