https://ajortillo.com AJ Ortillo Works Tue, 02 Jul 2024 06:35:12 +0000 https://ajortillo.com en https://ajortillo.com/Android-Automotive-OS Mon, 28 Mar 2022 05:52:17 +0000 AJ Ortillo Works https://ajortillo.com/Android-Automotive-OS Android Automotive OS Google’s Android Automotive OS is an open platform for in-vehicle displays. It delivers a standard experience while allowing customization for automotive manufacturers and app developers. I joined AAOS at its infancy and had the opportunity to kick-off our design system with another designer. This also served as a refence for our code library, requiring deep collaboration with engineers. I also led UI for net-new features such as media player, notifications, quick settings, and widgets. I worked closely with UX researchers to establish foundational best practices for driver interaction behaviors. After going from 0 to 1, my first demo was in partnership with Ford and our first release-to-market was with Polestar. View case study&nbsp;︎︎︎ <img width="1200" height="630" width_o="1200" height_o="630" data-src="https://freight.cargo.site/t/original/i/7aff0de00b7ded55bbecc2a7007fd1c3fd3b129ece04ebe4f1bf948b78f5c3d1/1714647066-00-polestar-2-infotainment-seo.png.jpeg" data-mid="214021105" border="0" src="https://freight.cargo.site/w/1000/i/7aff0de00b7ded55bbecc2a7007fd1c3fd3b129ece04ebe4f1bf948b78f5c3d1/1714647066-00-polestar-2-infotainment-seo.png.jpeg" /><img width="2044" height="762" width_o="2044" height_o="762" data-src="https://freight.cargo.site/t/original/i/fe6a394e9fb5bc79d1de6dc94fdadb71929be4a5a501ed5192af9baecd911295/Screen-Shot-2022-03-27-at-23.03.51.png" data-mid="137755752" border="0" src="https://freight.cargo.site/w/1000/i/fe6a394e9fb5bc79d1de6dc94fdadb71929be4a5a501ed5192af9baecd911295/Screen-Shot-2022-03-27-at-23.03.51.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/4193e00b2a22f892cdc196e1fcc8541bdd70aa4b0b71f63aa8760da523575460/aaos_01.png" data-mid="214029300" border="0" src="https://freight.cargo.site/w/1000/i/4193e00b2a22f892cdc196e1fcc8541bdd70aa4b0b71f63aa8760da523575460/aaos_01.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/8279289be460b88a5f2c45f7cfdcb9adff8e3385751284c1a530be897814b610/aaos_02.png" data-mid="214029294" border="0" src="https://freight.cargo.site/w/1000/i/8279289be460b88a5f2c45f7cfdcb9adff8e3385751284c1a530be897814b610/aaos_02.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/00f373afce571ea639a5b4ab72f580a0a1cef309b70e6dd97c7db1bc806254cd/aaos_03.png" data-mid="214029297" border="0" src="https://freight.cargo.site/w/1000/i/00f373afce571ea639a5b4ab72f580a0a1cef309b70e6dd97c7db1bc806254cd/aaos_03.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/d2165b0789a1e2f2b587cd56988fbbd9707dcacdc300232bc4377b23746d04e5/aaos_07.png" data-mid="214029296" border="0" src="https://freight.cargo.site/w/1000/i/d2165b0789a1e2f2b587cd56988fbbd9707dcacdc300232bc4377b23746d04e5/aaos_07.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/550aa51f87355fded4f5ee0cfa07ebb0bb4e1f4393839f30ab546fb6c5b65831/aaos_06.png" data-mid="214029299" border="0" src="https://freight.cargo.site/w/1000/i/550aa51f87355fded4f5ee0cfa07ebb0bb4e1f4393839f30ab546fb6c5b65831/aaos_06.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/067c0eec05fd4ad9fb341d409999f829780aabe5279aa1b36627f0cfd1530635/aaos_05.png" data-mid="214029295" border="0" src="https://freight.cargo.site/w/1000/i/067c0eec05fd4ad9fb341d409999f829780aabe5279aa1b36627f0cfd1530635/aaos_05.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/f998535d02437a2be237bd101086b910c07abe415c41e45cbbcb597136a11005/aaos_04.png" data-mid="214029298" border="0" src="https://freight.cargo.site/w/1000/i/f998535d02437a2be237bd101086b910c07abe415c41e45cbbcb597136a11005/aaos_04.png" /> https://ajortillo.com/Papa-Urb-s-Grill Mon, 28 Mar 2022 05:28:15 +0000 AJ Ortillo Works https://ajortillo.com/Papa-Urb-s-Grill Papa Urb’s Grill Papa Urb's Grill is a Filipino fusion restaurant located in Stockton and Tracy, CA. The brand identity and business collateral were designed to reflect the modern yet friendly take on Filipino cuisine and culture. Logotype is custom made. <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/329954d2324f36bb38ac240daa6e319feaeac9856389051835bbdfb8ca42bb46/ajo_papaurbs.png" data-mid="213957798" border="0" src="https://freight.cargo.site/w/1000/i/329954d2324f36bb38ac240daa6e319feaeac9856389051835bbdfb8ca42bb46/ajo_papaurbs.png" /> <img width="2548" height="1766" width_o="2548" height_o="1766" data-src="https://freight.cargo.site/t/original/i/a4db0c035425edd5a350e4ceebd3f2466f8c3cb27f57dde232aa506d9f22820d/Screen-Shot-2022-03-27-at-22.09.59.png" data-mid="137754877" border="0" src="https://freight.cargo.site/w/1000/i/a4db0c035425edd5a350e4ceebd3f2466f8c3cb27f57dde232aa506d9f22820d/Screen-Shot-2022-03-27-at-22.09.59.png" /> <img width="1829" height="1509" width_o="1829" height_o="1509" data-src="https://freight.cargo.site/t/original/i/a43b5c4854e01b09f8ff99daea5479f4f73d8ae8b180ec4d91ee78ff109d81b6/8348d2ab3aeba12deddd3937.png" data-mid="137754848" border="0" src="https://freight.cargo.site/w/1000/i/a43b5c4854e01b09f8ff99daea5479f4f73d8ae8b180ec4d91ee78ff109d81b6/8348d2ab3aeba12deddd3937.png" /> <img width="1829" height="1509" width_o="1829" height_o="1509" data-src="https://freight.cargo.site/t/original/i/334697eedc180a05f05ef554fe83cdee4705d599063db3d00fa48889e4ac8455/a63117ea5082a6347c696fa7.png" data-mid="137754852" border="0" src="https://freight.cargo.site/w/1000/i/334697eedc180a05f05ef554fe83cdee4705d599063db3d00fa48889e4ac8455/a63117ea5082a6347c696fa7.png" /> <img width="1829" height="1509" width_o="1829" height_o="1509" data-src="https://freight.cargo.site/t/original/i/f088da343ebeedbe06bc1327a0af82e004d5568c962fa27e6e7f88b5d40c3f96/47740cc213285d39fdbbfa58.png" data-mid="137754849" border="0" src="https://freight.cargo.site/w/1000/i/f088da343ebeedbe06bc1327a0af82e004d5568c962fa27e6e7f88b5d40c3f96/47740cc213285d39fdbbfa58.png" /> https://ajortillo.com/Feel-The-Beat Mon, 28 Mar 2022 05:39:03 +0000 AJ Ortillo Works https://ajortillo.com/Feel-The-Beat Feel The Beat “Feel the Beat” is an infographic that explores the emotional journey one experiences throughout the course of a song. Music is deconstructed to discover what creates a mood and how listeners react on a deep, emotional level—a relationship between musical ambience and human physiology.A total of 18 people participated in the study. Once these logs were received from every participant, the results were aggregated and translated visually over an audio histogram of the song. <img width="10801" height="7202" width_o="10801" height_o="7202" data-src="https://freight.cargo.site/t/original/i/e700e02c899aebd043bbe6b17e2c32a5cc336490493eaf22a52fecdb8476a88b/a07fab877d126c75ce01dea4.png" data-mid="137755103" border="0" src="https://freight.cargo.site/w/1000/i/e700e02c899aebd043bbe6b17e2c32a5cc336490493eaf22a52fecdb8476a88b/a07fab877d126c75ce01dea4.png" /> <img width="3910" height="2607" width_o="3910" height_o="2607" data-src="https://freight.cargo.site/t/original/i/157c75bec277bd98f89b76194cc45c676027f027344f70a14690b2699cc5dc5a/4417f817-d217-4568-ac3d-5c212a6cec21.jpg" data-mid="137755102" border="0" src="https://freight.cargo.site/w/1000/i/157c75bec277bd98f89b76194cc45c676027f027344f70a14690b2699cc5dc5a/4417f817-d217-4568-ac3d-5c212a6cec21.jpg" /> <img width="3710" height="2473" width_o="3710" height_o="2473" data-src="https://freight.cargo.site/t/original/i/15c143b4beda63e3130e8474a64a4c37e4b052be05f223f714ecd5d6d49107a7/a5517929-08f1-4511-8da9-8482ef328b01.jpg" data-mid="137755104" border="0" src="https://freight.cargo.site/w/1000/i/15c143b4beda63e3130e8474a64a4c37e4b052be05f223f714ecd5d6d49107a7/a5517929-08f1-4511-8da9-8482ef328b01.jpg" /> <img width="3854" height="2569" width_o="3854" height_o="2569" data-src="https://freight.cargo.site/t/original/i/c1fbdfdf8d9e062a30402c35e37509e9f17df110ab8ad02957445a74907963cf/2f3fa85c-7876-499e-a644-c5ae3bf27843.jpg" data-mid="137755100" border="0" src="https://freight.cargo.site/w/1000/i/c1fbdfdf8d9e062a30402c35e37509e9f17df110ab8ad02957445a74907963cf/2f3fa85c-7876-499e-a644-c5ae3bf27843.jpg" /> <img width="3854" height="2569" width_o="3854" height_o="2569" data-src="https://freight.cargo.site/t/original/i/a48ad1a0c22a7ba6674bea3a6597b634fd634363838d435f81e13c655c031aab/265e3dac-bd84-4ec8-8ca5-633f2504f5f5.jpg" data-mid="137755101" border="0" src="https://freight.cargo.site/w/1000/i/a48ad1a0c22a7ba6674bea3a6597b634fd634363838d435f81e13c655c031aab/265e3dac-bd84-4ec8-8ca5-633f2504f5f5.jpg" /> https://ajortillo.com/Albertsons Tue, 02 Jul 2024 06:01:50 +0000 AJ Ortillo Works https://ajortillo.com/Albertsons Albertsons Online grocery shopping drastically increased during the COVID-19 pandemic. This called for an app refresh with more thought put into the shopping and ordering experiences. Until now, the Albertsons apps were outdated and difficult to scale. We were tasked with a full app redesign for Albertsons and its 17 banners, including Safeway, Vons, and more. In partnership with our Art Director, I co-led a design system that could scale for various store themes and future features that were being explored. Part of this work included an illustration strategy (in partnership with an illustrator) that honored DEI. I also owned UI and led junior designers for experiences such as browsing, lists, deals, and barcode scanning. As the project wrapped up, I partnered with content and motion designers to put together YML’s project case study. View case study&nbsp;︎︎︎ <img width="853" height="480" width_o="853" height_o="480" data-src="https://freight.cargo.site/t/original/i/65ae9a66b0837b831deaf88658505a44b8958257f658916d884bb0d22db8d7a0/ezgif-4-a4f9e8c037.gif" data-mid="214029229" border="0" data-scale="100" src="https://freight.cargo.site/w/853/i/65ae9a66b0837b831deaf88658505a44b8958257f658916d884bb0d22db8d7a0/ezgif-4-a4f9e8c037.gif" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/3f9cc66dcc0bf188b54c78f8beb61a28108fbf667145bd38204fe1c23fc8b370/albertsons_02.png" data-mid="214028914" border="0" src="https://freight.cargo.site/w/1000/i/3f9cc66dcc0bf188b54c78f8beb61a28108fbf667145bd38204fe1c23fc8b370/albertsons_02.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/2ec1ef69cf240469d28ea2e42a437d50e76fac3bce14834322c9da5b17e2bae2/albertsons_01.png" data-mid="214028913" border="0" src="https://freight.cargo.site/w/1000/i/2ec1ef69cf240469d28ea2e42a437d50e76fac3bce14834322c9da5b17e2bae2/albertsons_01.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/aa45951c75450dbea4ac165cda223bce0dea869a767385e55ac987818473ea10/albertsons_03.png" data-mid="214028915" border="0" src="https://freight.cargo.site/w/1000/i/aa45951c75450dbea4ac165cda223bce0dea869a767385e55ac987818473ea10/albertsons_03.png" /> https://ajortillo.com/Chopt Tue, 02 Jul 2024 06:35:12 +0000 AJ Ortillo Works https://ajortillo.com/Chopt Chopt The Chopt app was due for a redesign that would streamline navigation and encourage customer loyalty. In order to stand out, we wanted a fresh approach to the UI and an emphasis on the meal customization and reordering experiences. Customization means countless possibilities. As owner of the meal building experience, my goal was to reduce friction and embed moments of delight through intuitive interactions and visuals. I also helped redefine the UX architecture for reordering, identifying mindful moments where reordering components should be surfaced. All work funneled into a design system that was also being built, so every component I introduced or redesigned was meticulously specced. <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/54ab24727eb742e69af3588ffbe77835314638757e07754a402c5ee1fd1cb4f0/draft-13.png" data-mid="214026717" border="0" src="https://freight.cargo.site/w/1000/i/54ab24727eb742e69af3588ffbe77835314638757e07754a402c5ee1fd1cb4f0/draft-13.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/6bfb2ba4ff5684f1ced1ff0147828ff97a105978aa439e2c4447e9e969f7f544/draft-11.png" data-mid="214026715" border="0" src="https://freight.cargo.site/w/1000/i/6bfb2ba4ff5684f1ced1ff0147828ff97a105978aa439e2c4447e9e969f7f544/draft-11.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/91f7ef33d703e9425a1ed935a9d7b62352367378fc937455df52e81c9fd84805/draft-12.png" data-mid="214026716" border="0" src="https://freight.cargo.site/w/1000/i/91f7ef33d703e9425a1ed935a9d7b62352367378fc937455df52e81c9fd84805/draft-12.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/e7b13020e2784e6bb0d6dc383ccd54020eb894e44c67fd0f7659a6ba959f9f52/draft-14.png" data-mid="214026718" border="0" src="https://freight.cargo.site/w/1000/i/e7b13020e2784e6bb0d6dc383ccd54020eb894e44c67fd0f7659a6ba959f9f52/draft-14.png" /> https://ajortillo.com/Toyota Tue, 02 Jul 2024 06:17:03 +0000 AJ Ortillo Works https://ajortillo.com/Toyota Toyota The automotive industry has seen exponential growth in product innovation and brand evolution. With competition consistently high, Toyota needed a fresh online browsing and shopping experience to stay on top of the game. My team optimized Toyota’s .com experiences, including the car builder experience. In partnership with an interaction designer, I owned the UI and refreshed visual behaviors for our interactions, defined new components, and evolved our visual language. My strategy was to analyze trends in both online shopping and car browsing behaviors and to embed moments of delight for a more personal car building experience that would lead to dealership visits and, ultimately, a sale. <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/e56440ba54d36e5cde5b6a6959a55c1830b9b59eb87ef57df1ece0ea826b9406/toyota_01.png" data-mid="214030889" border="0" src="https://freight.cargo.site/w/1000/i/e56440ba54d36e5cde5b6a6959a55c1830b9b59eb87ef57df1ece0ea826b9406/toyota_01.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/5027431d34b26c8d5449b6a33854a561b2aecfd816dd0fd10f89b086b478bae6/toyota_02.png" data-mid="214030887" border="0" src="https://freight.cargo.site/w/1000/i/5027431d34b26c8d5449b6a33854a561b2aecfd816dd0fd10f89b086b478bae6/toyota_02.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/c90f988b1d780b945b702451ae8afcc80620acd412d0e738727331eea35c1bee/toyota_04.png" data-mid="214030888" border="0" src="https://freight.cargo.site/w/1000/i/c90f988b1d780b945b702451ae8afcc80620acd412d0e738727331eea35c1bee/toyota_04.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/808db49a518603375cf08f0ccd2736801430b72c91cb43c5fcd256f34da8e2ea/toyota_03.png" data-mid="214030886" border="0" src="https://freight.cargo.site/w/1000/i/808db49a518603375cf08f0ccd2736801430b72c91cb43c5fcd256f34da8e2ea/toyota_03.png" />