https://www.jacquelinebarragan.work/mywork daily 1.0 2025-01-27 https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1641407786899-OI45WDNQT3JAP2PS5JQ2/Screen+Shot+2021-12-10+at+3.06.36+PM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1641407858084-U8NQNVWKTCHYJJUKE5Q0/Screen+Shot+2021-12-14+at+10.58.45+AM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1641407929400-HK2T49X6ZP8YZOZ1JEVI/Screen+Shot+2021-12-13+at+4.14.37+PM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1563142224144-KC8FR3EG7NDO86LM4XNZ/ColorResearch.jpg My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1593717398323-H9IAGZL9JZJ5VGURAAJL/Screen+Shot+2020-07-02+at+2.01.07+PM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1661375644378-S8QG2CTJL0V9MTYC5JXD/Screen+Shot+2022-08-22+at+9.53.22+AM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1689012183800-7YJ6S2COQITX0O8IHTQ9/Screenshot+2023-07-10+at+12.06.20+PM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1699468948222-0KFQSYQ8HC9OXSPH3YQ9/logo+png-02.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1700967590244-3Q3RRL5J8MHSBQH35GGK/Screenshot+2023-10-03+at+1.25.06%E2%80%AFPM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1710948425465-8ONHJ5LIKGYWN8G1IROK/Mockups+464.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1724791971556-11ALPC68Q8I4PN4RHNPW/Screenshot+2024-08-07+at+9.18.04%E2%80%AFPM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1724792146678-3HINOLFBDBHGBMXVZFXD/Screenshot%2B2024-08-27%2Bat%2B3.03.50%25E2%2580%25AFPM.jpg My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1730837822926-NNV5OL0L6EC411R6A6B5/Screenshot+2024-11-04+at+11.59.47%E2%80%AFAM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1563137370045-0A9O1D6RW3QZD7HR1CGH/DES170ColorTheory.jpg My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1737743622553-K2UFF3VKSWNNUB1V9J95/Screenshot%2B2025-01-18%2Bat%2B9.25.23%25E2%2580%25AFAM.jpg My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/3e7b21bd-daf0-4712-aaef-bdcee94bb7f6/Screen+Shot+2021-12-10+at+3.06.10+PM.png My Work - UNBROKEN: Dedicated App & Responsive Website Google Career Certificate in UX Design Project 3: Design a multi-platform career mentorship service to help people who are formerly incarcerated. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/7c397d6d-b4c9-4358-8421-0cb2dfb9e17e/Screen+Shot+2021-12-14+at+6.48.24+PM.png My Work Keith is a fast food employee who needs to join a career mentorship program because he wants to become a mobile app developer despite his criminal record. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/8c79dd09-f2d7-4368-83d9-e8dac518ccb6/Screen+Shot+2021-12-14+at+6.48.13+PM.png My Work Chad is an unemployed husband and father who needs a career mentorship program because he wants to become a carpenter to support his family. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/60bbe788-a2fa-40d8-a345-e56fde8c6664/Screen+Shot+2021-12-14+at+6.53.15+PM.png My Work - competitive audit looked into Bain & Company, & Caterpillar (the indirect competitor), and From Prison Cells to PhDs (the direct competitor). I mainly focused on the direct competitor. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/07c1613e-22fe-44f6-bd9f-cff7cb44486c/crazy8.jpeg My Work - ideation General ideas for the layout of the mobile app using Crazy 8s https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/e5054c11-d029-4f85-a95d-db0c8db646ea/Screen+Shot+2021-12-10+at+2.54.12+PM.png My Work - Digital wireframes Here is the homepage for the dedicated app https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/2d33be34-f50b-409f-b363-3c7acbe8730d/Screen+Shot+2021-12-10+at+3.40.15+PM.png My Work - low-fidelity prototype On the right is the basic wireframe for the dedicated app and below is the link to the working prototype all on Adobe XD https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/7cc2a96a-3261-4da5-a10a-6b4aff866042/Screen+Shot+2021-12-14+at+7.16.39+PM.png My Work - mockups The logo changed to have a chain instead of the cube. And I changed the wording in the app. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1639531238385-EAOW4SI9TTSEQLX8EOG4/Screen+Shot+2021-12-10+at+3.06.10+PM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1639531237492-FHTEYSNNE5Q95Z3323IX/Screen+Shot+2021-12-10+at+3.07.12+PM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1639531203338-C19DA2OARSMRADPNZDK8/Screen+Shot+2021-12-10+at+4.29.20+PM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1639531203236-AE1B2ZBVAQEYBQT1A28H/Screen+Shot+2021-12-10+at+4.29.45+PM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1639531237335-L99HCBBOV9GGLA6D255E/Screen+Shot+2021-12-10+at+3.06.36+PM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1639531203752-3A3SPQH447WVUT5M8FJ5/Screen+Shot+2021-12-10+at+4.30.05+PM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/0982be91-aeab-4d65-87d6-e2e2a9a0df85/Screen+Shot+2021-12-10+at+3.27.13+PM.png My Work - Sitemap Here is the general flow of the website where in this case i incorporated the feature for a user to promote their organization through the website. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/eff72d66-8afe-46ad-93d9-6a4fc2393125/Screen+Shot+2021-12-10+at+3.44.02+PM.png My Work - Responsive Design Mobile Screen https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/65c58760-f431-4d0d-910a-df1710184da0/Screen+Shot+2021-12-10+at+3.44.31+PM.png My Work - Responsive design Tablet Screen https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/c9e8d836-39df-47e1-8253-7791dc6316a3/Screen+Shot+2021-12-10+at+3.44.55+PM.png My Work - responsive Design Computer Desktop Screen https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/81512bef-6146-4f3c-adb4-4a77607d406a/Screen+Shot+2021-12-14+at+7.42.51+PM.png My Work - Responsive Website Prototype: Mobile Although it was not a requirement, I went ahead and created the mockup wireframe (on the right) and the prototype (below). https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/01671953-0607-447d-afff-42583c14abdd/Screen+Shot+2021-12-14+at+7.45.36+PM.png My Work - Responsive website prototype: Tablet I did the same thing with the tablet screen. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/fc0821ad-b49c-47e0-bf23-977e0a452209/Screen+Shot+2021-12-14+at+7.53.04+PM.png My Work - Responsive website prototype: Desktop computer And also the desktop computer screen. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/444c7a12-647a-4a91-95f7-4306316230d7/Screen+Shot+2021-12-14+at+10.58.45+AM.png My Work - Simply Sweet bakery responsive website design Google Career Certification in UX Design Project 2: Design Flow For Ordering a Cake on a Bakery’s Website https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/8cf4e648-77ad-4a97-a9d6-76f10601138d/Screen+Shot+2021-12-14+at+1.00.18+PM.png My Work - Mina Mina is a nurse who needs to order a cake online because she does not have time in her busy schedule to stop by the bakery to order it in person. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/da422bc8-547c-473b-ad36-b7c842d930e7/Screen+Shot+2021-12-14+at+1.49.01+PM.png My Work - becky Another pain point that was not mentioned early on is creating an account while ordering a cake. This change will be incorporated in the mockups. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/4668f491-dd09-4927-ab92-b1b0ec2aa8e3/sitemap.jpeg My Work - Sitemap After looking at many different types of sitemap models, the hierarchical structure seems to fit this website best. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/355d0e33-aa39-4741-a4b6-edac37ba52fd/paperwireframeP2.jpeg My Work - paper wireframes Here are five designs for a wireframe of the home page. The design on the bottom right was the one I decided for the final design. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/6e6c95be-169c-4560-82ae-966ae3b181db/screenSizes.jpeg My Work - paper wireframe screen size variation Here is a quick sketch of the homescreen of the website on both a computer desktop and a mobile phone. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/a9c92d2a-9304-4c57-87b8-1178d5621aea/Screen+Shot+2021-11-13+at+9.42.43+AM.png My Work - Digital wireframes From testing, users liked the task map to let them know how far long they are in ordering the cake. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/5e751069-f850-4a0d-930f-93a791bcd7c8/Screen+Shot+2021-11-13+at+9.42.43+AM.png My Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/cb7fa672-0de1-47b8-a39d-a0bce7288f3a/Screen+Shot+2022-08-27+at+10.31.04+AM.png My Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/06c24a1d-367b-41b4-b203-31ab2db4a2df/Screen+Shot+2021-12-14+at+2.27.36+PM.png My Work - Low-fidelity prototype On the right is the full wireframe of the computer desktop and below is the link to the prototype. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/e5398826-29e9-4f4e-936c-411092393e24/Screen+Shot+2021-12-14+at+2.46.57+PM.png My Work - Mockups The end goal is to make the user flow easy to use and enjoyable. Here I incorporated the “Sign In as Guest” button for users who choose to opt out of creating an account. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/ebeded71-b506-46c3-b7e6-02060659caf9/Screen+Shot+2021-12-14+at+2.50.54+PM.png My Work - More mockups Based on feedback, I incorporated an option to write a message on the cake. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1639515237604-S2I59GFJZCM8QEF5IP9O/Screen+Shot+2021-11-09+at+2.04.01+PM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1639515239360-B3PVVGP6TG3NUPQQDT5J/Screen+Shot+2021-12-14+at+10.58.45+AM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1639515237143-UX6BP7W3D0XSIQ81Z1Z0/Screen+Shot+2021-11-10+at+4.36.13+PM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1639515290189-S9L9IUD777YBT5T1ABQ4/Screen+Shot+2021-11-10+at+4.30.34+PM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1639515237856-IT3UDI5DASREF0HPLVPL/Screen+Shot+2021-11-10+at+4.36.39+PM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1639515238574-M0XPGAECAE5KAUOJTMSB/Screen+Shot+2021-11-13+at+11.46.40+AM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1639515238089-URKCCG8KJS80KL9RNSCN/Screen+Shot+2021-11-10+at+7.55.39+PM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1639515290304-OU30MOR5V3OXEKC3J600/Screen+Shot+2021-11-10+at+4.05.02+PM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/c23cd227-98a2-41f6-8a9c-a57c1608b20a/Screen+Shot+2021-12-14+at+3.33.23+PM.png My Work - High-fidelity prototype On the right is the mockup of the computer desktop screen and below is the link to the prototype. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/33f84a76-9924-4bb5-a62a-c1e221ad7e52/Screen+Shot+2021-09-03+at+4.58.48+PM.jpg My Work - Omakase Menu and Delivery app Google Career Certificate in UX Design Project 1: Design a menu and ordering app for a fancy restaurant in Oslo, Norway. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/9861febe-49f9-4014-abf9-47babad41a15/Screen+Shot+2021-08-25+at+3.02.02+PM.png My Work - Persona Vanessa is a full-time college student and part-time barista at Starbucks, who needs a quick and easy way to put food on the table to feed herself and her younger sister because she feels overwhelmed ordering over the phone due to her struggling understanding the language. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/590e0956-1dc6-476e-9c51-5024d9ee6ef2/Screen+Shot+2021-08-25+at+3.02.25+PM.png My Work - Persona Lee is a full-time computer programer who needs a fast way to order healthier food delivery options because he needs a backup meal in the case his homemade meal does not go as planned. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/08036dd6-774c-44c9-8907-df3a54a5d8cc/Screen+Shot+2021-12-13+at+1.23.20+PM.png My Work - Journey Map Here is a quick journey map of Monica, a single mother of three children with food allergens. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/b1cb69b3-c56d-49be-ae60-9a23ae7b9525/Screen+Shot+2021-12-13+at+1.29.46+PM.png My Work - Paper Wireframes On the left are some layouts of possible designs for the digital wireframe. On the right is a quick sketch of the informative architecture of the app. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/166ecc6e-0f20-4f81-93df-1c6bfc375d17/Screen+Shot+2021-08-16+at+4.07.03+PM.png My Work - Digital Wireframe Incorporating a filter to be a part of the menu was common based on the research done in the competitive audit. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/3c0bcd27-217b-4a8d-8940-4d136a1b0694/Screen+Shot+2021-12-13+at+2.01.08+PM.png My Work - Low Fidelity Prototype This is an image of the completed wireframe and below is the link to the prototype. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/646bc32a-f382-495d-92f9-32b36cab822b/Screen+Shot+2021-12-13+at+4.06.38+PM.png My Work - Mockups Users at first were not able to add, delete, or edit their order. In the mockup, I made sure to incorporate it in the final design. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1639433746649-3HHU1LOGQAMFGSPWAYJG/Screen+Shot+2021-12-13+at+4.13.33+PM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1639433747316-YGBSAUJF0FVHYXKB3J9C/Screen+Shot+2021-12-13+at+4.14.03+PM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1639433748416-QVG210EE5X2DJAWHXPZ1/Screen+Shot+2021-12-13+at+4.14.37+PM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1639449561457-M1LFT6FXQMFMBWWX50EW/Screen+Shot+2021-12-13+at+8.38.05+PM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1639449561457-VK5S9UBB5WF5MN6T9BBN/Screen+Shot+2021-12-13+at+8.38.22+PM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1639449562242-0BWDJ30O1J1EZBEA4F36/Screen+Shot+2021-12-13+at+8.38.44+PM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/2bc69060-3afd-4d67-8ea4-1a62483f207e/Screen+Shot+2021-12-13+at+4.25.32+PM.png My Work - High-fidelity prototype On the right is the mockup of the final design of the app. Below is the link to the prototype. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/afab7db5-4414-45ca-a5a0-96cf1fd09b7f/Screen+Shot+2021-12-13+at+4.13.45+PM.png My Work - Accessibility considerations 1) Language option of the 4 most spoken languages in the world and the Norsk language since it is the main language in Oslo. 2) Screen Reader and High-Contrast Colors options are included for users that have trouble in seeing and/or maybe color blind. 3) Motion Animation setting was included to leave it on or turn it off for users. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/4b11da26-22bb-4f70-a39c-5c08ea5c126c/Screen+Shot+2022-08-27+at+12.25.20+PM.png My Work - Updated login screen At the start of the project I really did liked the original logo, but now looking at it more carefully, it looks like an app that will sell you tea. I played with the “O” to make it look like a piece of sushi being held by a pair of chopsticks to emphasize this app will sell you sushi. I also added an extra button to the login page for users that don’t want to commit to making an account and would rather sign in as a guest. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/a99878ea-f631-4af2-90e2-4250fc959339/Screen+Shot+2022-08-27+at+12.26.12+PM.png My Work - Updated Home Menu screen Typography was changed, a picture carousel of seasonal specials was added to help users make a decision on what to eat. The bulky buttons are gone and are replaced with the full icons and text for a more sleek appearance. And the navigation footer was finally added! https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/6f06b3fe-f6b4-422d-a191-2d95dbb32273/Screen+Shot+2022-08-27+at+12.27.38+PM.png My Work - Updated Menu item Buttons are bigger and easier to read. The navigation footer was added for more options to move around from screen to screen causing less navigation frustration. Pictures are different, only because I added other menu items outside of sushi. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1563143643223-EB6B5VBJLPYZJT65GFYW/Algae-Marketing.jpg My Work - Algae Watch App Capstone project: Design an algae calculator app for biology students to calculate the amount of harmful algae in their lakes for the University of Wisconsin’s App Factory. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/37c95944-d71e-4fdd-af81-02ce1f5cd656/Screen+Shot+2022-01-10+at+1.19.14+PM.png My Work - empathy map This is from a user we interviewed while having them use the original app to figure out the pain points in the app. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/68a975db-e98a-4264-beaf-f45e7c4743d6/pic1.jpeg My Work - Feedback Feature Here is my idea for a feature for my group’s app. This was included in our design with some tweeks where instead of getting in contact with an expert, the user can leave feedback for the app developers on certain things that are going wrong with the app. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/a54c2280-0f5a-462b-84ce-2a89d05089ba/pic+2.jpeg My Work - Make it stand out Here was another feature idea for the app for general users giving estimates of the amount of light exposure the lake has and how clear the water in the lake was. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/787c884e-ba48-4f2f-bba1-42783f899b44/pic+4.jpeg My Work - Make it stand out Here is my group’s flow chart for our app. Things have been crossed off after usabilities studies were conducted. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/3b68f863-8a6c-4ff0-bace-154cf2a125c1/pic+5.jpeg My Work - Crazy eights for app icon designs: My Final Here are my hand-drawn designs for possible app icons for the project within my group. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1563143527378-YUHDUP0A35DVSGL141VX/User+Testing.jpg My Work - Usability studies The group and I conducted usability studies of our designs to a group of computer engineering students. Here we collected their feedback from our app using Marvel as our prototype tool. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1563143622103-TFPLKCJ4F911BXSG0VWT/IMG_0965.jpg My Work - Presentation to stakeholders Each group presents their story board design to the stakeholders. The stakeholders then decide, out of the three designs, to proceed. Here is my group presenting to the stakeholders our version of the algae app. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/13b0e646-f9b9-425f-9514-ff243420a79c/pic+3.jpeg My Work - Make it stand out Flow chart of the Algae Watch app. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1593626702882-W16JJ0VHMK5O1Y7FIJY0/Screen+Shot+2019-04-22+at+5.12.53+PM.png My Work - About algae added Here is a feature in the app where users can quickly learn about what harmful algae blooms are and a quick FAQ section where users can get answers immediately. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1593626512460-WJIT59N3TNJXO30PB4G1/PO4+Screen.jpg My Work - direct and estimate Users can switch between Direct measurements and Estimate measurements for harmful algae bloom diagnostic. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1629836985765-SZK2WVZBG6H3PZGRHZOC/STORYBOARD.jpg My Work - Make it stand out Full story board https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1563142224144-KC8FR3EG7NDO86LM4XNZ/ColorResearch.jpg My Work - app icon https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1563143661225-X8J8K2WISX3R6H54SHS1/UIC_MAD_421_FinalStyleGuide.jpg My Work - Make it stand out Style Guide https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1563143643223-EB6B5VBJLPYZJT65GFYW/Algae-Marketing.jpg My Work - Make it stand out Designed by Kyra Buenaventura https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1593717402519-CNC8E9J18Y38Q0GGGLER/Screen+Shot+2020-07-02+at+2.01.37+PM.png My Work - Design a new hand mixer End of semester project for the Design Drawing course at the University of Illinois at Chicago. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/09f53886-4ce9-44f8-9e25-60d990c11e4f/RivalHandMixer.jpeg My Work - Make it stand out Rival Hand Mixer https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1593717064850-OXY54TZ4PMNP6ETR8LAN/Screen+Shot+2020-07-02+at+2.00.36+PM.png My Work - Make it stand out Rival Hand Mixer seen at all angles. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1593717120466-WW3NXRALIUTEBORHWOZ6/Screen+Shot+2020-07-02+at+2.02.06+PM.png My Work - Exploded View To fully understand how a hand mixer works is by ripping the mixer apart and seeing what makes it work so that I can incorporate it into my design. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1593717394194-03QRCTMID4XSWTOST3MN/Screen+Shot+2020-07-02+at+2.00.56+PM.png My Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1593717398323-H9IAGZL9JZJ5VGURAAJL/Screen+Shot+2020-07-02+at+2.01.07+PM.png My Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1593717402519-CNC8E9J18Y38Q0GGGLER/Screen+Shot+2020-07-02+at+2.01.37+PM.png My Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1593717160817-3LOLXLLTO592PFBGI7TH/Screen+Shot+2020-07-02+at+2.02.52+PM.png My Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/9b288ce6-0d9c-45ca-8b27-e1f4ea041671/Screen+Shot+2020-07-02+at+2.02.34+PM.jpg My Work - Make it stand out Images seen with a star were picked for the final 10 concepts https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1593717899169-BSCH6I6EJ7U4DSXRZJHZ/Screen+Shot+2020-07-02+at+2.04.47+PM.png My Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1593717914986-6DB4QE79XNAXV2DLQLI7/Screen+Shot+2020-07-02+at+2.05.11+PM.png My Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1593717938178-19DXXX8N5R3SX4BKQVL6/Screen+Shot+2020-07-02+at+2.05.41+PM.png My Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1593717955341-Z0ABPZ9G3PRCXUVUDOV9/Screen+Shot+2020-07-02+at+2.06.01+PM.png My Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1593717968525-RYM8C6NPH2ZS0CLP8WLD/Screen+Shot+2020-07-02+at+2.06.22+PM.png My Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1593717984583-98S5YTXQ0VAICAFQ6E6S/Screen+Shot+2020-07-02+at+2.06.46+PM.png My Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1593718000463-31IC4EQKXC974Y4VQIML/Screen+Shot+2020-07-02+at+2.07.13+PM.png My Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1593717022324-8C42P2YGURYKEDKQP4GY/Screen+Shot+2020-07-02+at+2.07.43+PM.png My Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1593717025500-T22PWDOUHMO2PTE5ZJCD/Screen+Shot+2020-07-02+at+2.08.09+PM.png My Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1593717029382-OZSFNPZGG3P7NCSQBQ3P/Screen+Shot+2020-07-02+at+2.08.34+PM.png My Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1593717435431-YDXVZ10CEWIXF91WP7WZ/Screen+Shot+2020-07-02+at+2.09.12+PM.png My Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1593717227231-KS98Z0I5N5OMS3VASKS6/Screen+Shot+2020-07-02+at+2.09.01+PM.png My Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1593717231847-COK7VBLSIRITQ2ZTZMDL/Screen+Shot+2020-07-02+at+2.09.26+PM.png My Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1593717234322-IT7ZD88HNYATN9QIZYE9/Screen+Shot+2020-07-02+at+2.09.44+PM.png My Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/ccbd69f2-dff9-45ce-b377-42df162d2236/Screen+Shot+2022-07-28+at+10.55.03+AM.jpg My Work - Gente Bella Beauty Salon Inc. Redesign the salon’s website and create an eCommerce website. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/05877624-9c03-4615-81f3-66c0bb26616d/Screen+Shot+2022-08-24+at+3.40.49+PM.png My Work - Meet sandra Sandra is a mother of 2 and a flower shop owner. She is trying to find a way to purchase press on nails that are only sold at Gente Bella Beauty Salon without leaving her busy shop unattended. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/b0928dd0-486c-492b-bd80-2907e8acc510/Screen+Shot+2022-08-24+at+3.40.56+PM.png My Work - Meet Nora Nora is a college student that is looking for a shampoo and conditioner that treats colored hair. The issue is that she can’t find the specific shampoo at her local drugstores. She wants to look for a reliable website to order the hair products. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/f8f1945c-a88a-4797-a391-bad47f5e38f3/sitemap.jpg My Work - Website’s user flow Here was the general flow of the website and how the user would interact order products from the site, look at the gallery, and search for the information of the beauty salon. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1661623211291-P37BOYA34UAMAPRZVXPJ/homepage123.jpg My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1661623251163-IIC67XAB733Q4JV8OPIU/homepage4.jpg My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1661623282923-1W7DC8EBNA28MBDVW03P/homepage5.jpg My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1661622997794-YYRZMT2TQ3IDH85KHVSC/homepage6.jpg My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/41e0426c-2f92-489e-9f05-c68270f7ceef/Blogpage.jpg My Work - Blog Paper Wireframe Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/ae6a2b29-348b-4f20-ab63-903d53bfe96b/Screen+Shot+2022-08-22+at+9.52.42+AM.png My Work - Product item page Here the user will be able to look at the specific product in detail, how many they would like to order, add it to their cart, and look at similar products. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/de8244d4-2e93-4636-ae55-448472558a80/Screen+Shot+2022-08-25+at+1.07.13+PM.png My Work - Your order page Once the user places their order, they will be sent to this page as a confirmation that their order has been placed and will arrive shortly to them. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/2f2fe7cb-a455-49a8-a2f0-c3a72746a8b8/Screen+Shot+2022-08-25+at+1.08.54+PM.png My Work - gallery page This is the gallery page of the website where the stakeholders can upload photos of their work and will be organized by https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/d31fc024-78b9-45af-a794-1dd397f1d450/Screen+Shot+2022-08-20+at+10.59.30+AM.png My Work - Home screen This is Gente Bella Beauty Salon new home page. The first thing users will see is the carousel of images from work they have done. As they go down they can select from three categories that their products are divided into. Continuing down the screen will be another carousel of images with a list of in-person services the salon provides. Users can click these images and it will take them to the gallery. Going down to the bottom of the home screen are the most recent testimonials and contact information, business hours, and business location of the salon. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/c0251d35-8792-4782-ab77-f64c95c3ade9/Screen+Shot+2022-08-22+at+9.53.22+AM.png My Work - Make it stand out Here is where the user will see in detail of the product they selected. The user will be able to put in the number of how many of this product they want and be able to put it in their bag. As the user scrolls down, they will be able to see similar searches of products and be able to navigate to the previous webpage or proceed to checkout. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/f20d7c66-fe55-45e6-93d3-f46eb70454b8/Screen+Shot+2022-08-29+at+2.54.02+PM.png My Work - blog pages On the left is the blog home page with a description of what users are expected to find. On the right is when a user selects the article they want to read and this would be the layout of the webpage. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/39a6e3d5-f6eb-4a4d-9330-d770b3cd8613/Screen+Shot+2022-08-04+at+11.37.47+AM.png My Work - Order confirmation page With consideration from the user studies, the menu bar was condensed and the tabs are now outside of the bar. This makes the website feel less bulky and users will be able to see more of the website page without it being disrupted from the menu bar. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/54a4b82d-5a72-4bf0-8e89-9f17152798f1/Screen+Shot+2022-08-22+at+1.44.50+PM.png My Work - High-fidelity prototype Access the prototype by clicking the button below. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/8828d909-03ac-4bc9-96ab-47bd55955d2a/Screenshot+2023-07-10+at+12.06.20+PM.png My Work - Trash talk research project Northwestern Spring Quarter 2023 https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/ab62cd5b-e765-4555-8396-5a26a752c98d/Screenshot+2023-07-10+at+12.29.43+PM.png My Work - Field studies https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/f6009c4f-d9bb-4da3-8dd4-071c7841e97d/Screenshot+2023-07-10+at+12.44.37+PM.png My Work - interviews https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/cf095f71-445b-4526-9743-1d4927447514/Screenshot+2023-07-10+at+1.04.23+PM.png My Work - Survey https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/22b4995f-e54a-4a26-8b94-e2ba532a4075/Screenshot+2023-07-11+at+11.38.04+AM.png My Work - user persona Steven Chen https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/f45d4d34-cc19-4cdf-8758-e87cc305efab/Screenshot+2023-07-11+at+11.48.42+AM.png My Work - User Persona Alicia Cortes https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/5ad0631f-98a5-484d-bcb6-7dba84f2a764/Screenshot+2023-07-11+at+12.00.35+PM.png My Work - User Persona Doug Stroupe https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/d9b22159-5fd8-4618-a243-fdbea71690e7/Screenshot+2023-07-11+at+12.45.33+PM.png My Work - Card sorting https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1699468218101-UKDSFRG1YXKH9MG66OYC/logo+png-02.png My Work - UI/UX Design Intern Summer of 2023 https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/937fd69c-3f42-44d4-951a-1eaec2dc9677/Screenshot+2023-10-02+at+11.03.42%E2%80%AFAM.png My Work - Make it stand out The design system for the start-up company Paraillel. Made in Figma https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1699466474397-9E1TMQPCBTTB85UCSUD9/Screenshot+2023-10-02+at+11.04.05%E2%80%AFAM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1699466472024-U8438KAY384VV68WPHZ4/Screenshot+2023-10-02+at+11.04.27%E2%80%AFAM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1699466465886-U0PJSBKUSOVTSU01AQ7C/Screenshot+2023-10-02+at+11.03.26%E2%80%AFAM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1c012619-f2fa-4471-b77a-6112a2c7eced/Infographic.png My Work - Reorganize & Edit The final edits of an infographic made to inform of live networking events and how users can move ahead in their career. There’s better separation of information as to not overload the reader. Made in Canva. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/e32d0df4-b4d1-47d3-99b8-fa28b9cd6272/Untitled+design.png My Work - Promotional ads for GBBS Gente Bella Beauty Salon is where I currently work at as their Business Administrator. Recently, I took the time to create some promotional media for the beauty salon’s Instagram page. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/ff6a539d-b257-4bc1-847a-2c9c990ba6b2/GBBS+Insta+Promo+for+Extensions+%281%29.jpg My Work - Instagram promotional ad Part 1 Image 1. Here is the first promotional ad I made for GBBS’s Instagram page. This was to promote the new hair extension services that the beauty salon now offers. Created on Canva. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/033785e7-c004-43db-bb7d-4095a7c4d9d6/NewHours+Jan.png My Work - Make it stand out Image 4. This is an image I created to explain the temporary hours of service for the month of January. Created on Canva. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/502665e5-45d5-4c2f-a58a-f0faf5165a36/Promotional+sale.jpg My Work - instagram promotional ad part 2 Image 2. This is a promotional ad for the beauty salon to promote its Botox and Keratin treatments for hair. Created on Canva. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/5d091a44-ab7f-4f35-ae01-1646e7d4e37f/nov.jpg My Work - Make it stand out Image 5. Announcement of operating hours for the business done in a fall theme. Created on Canva. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/47f8ca1a-3526-4bcf-8391-7dbbb547ecc9/Screenshot+2024-03-06+at+12.07.55%E2%80%AFPM.jpg My Work - Instagram Promotional ad Part 3 Image 3. This is a promotional ad for the beauty salon to promote the eye lash services it provides. Asking the question helped increase our phone calls of clients asking for appointments for lash extensions and lash perms. Created on Canva https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/23ced467-d8dd-479e-aa12-997be8b2d891/Mockups+464.png My Work - Take me home: The pet adoption app A case study project required in the Interface Design Course for Northwestern University January 2024- March 2024 https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/0b7cfece-09e5-4bd2-b662-1e7bb92b35ce/Screenshot+2024-03-07+at+10.06.53%E2%80%AFAM.png My Work - navigation and readability What was discussed in the usability studies is the need for the readability of the text. The majority of the screens are difficult to read because of the size and weight of the text. The image to the left shows the before and after of the changes made to the screen. On the left was the original design and on the right was the new design with the changes of darkening the background and adding more weight to the text. I also lowered the navigation buttons because a couple of the usability testers have mentioned that it looked awkward that all the text and the navigation buttons were buddled up in one area. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/62bf4ee1-3633-4e3d-a037-f7bc2b726102/Screenshot+2024-03-07+at+10.29.26%E2%80%AFAM.png My Work - Consistency The second image to the right is about a comment from one of the usability testers. They wished there was more consistency with the color of the buttons and the shapes of the containers. I considered that with the redesign where I changed the size of the buttons so that its size ratio makes sense to its wireframe. I also rounded out the corners of the wireframes to keep them consistent with the button shapes. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/25aa5a58-de81-4a58-861c-a63a4ae582fb/1.png My Work - Make it stand out Mockup photos if the app were to go live https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/cc735609-d387-4a5e-bf3d-6ebb6e22f626/Screenshot+2024-11-07+at+2.34.57%E2%80%AFPM.png My Work - Welcome page to the app Snap Welcome page to the app, Snap https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1724791971556-11ALPC68Q8I4PN4RHNPW/Screenshot+2024-08-07+at+9.18.04%E2%80%AFPM.png My Work - SNAP! The All-In-One Agenda and POS System Built for Small Businesses https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/a9bbd416-3df3-4f9c-9efd-087a63d87c06/Screenshot+2024-08-27+at+3.03.20%E2%80%AFPM.png My Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/dcd6b8ca-bba6-4344-a1cd-499c52222253/Screenshot+2024-08-27+at+3.03.30%E2%80%AFPM.png My Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/fb3ca62d-afeb-45fa-b9dd-f606d11f9f99/Screenshot+2024-08-27+at+3.03.40%E2%80%AFPM.png My Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/43b5f550-ac2f-4de8-8244-158f517e3209/Screenshot+2024-08-27+at+3.03.50%E2%80%AFPM.png My Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/8e6e8128-f07a-471b-b942-55b75b3120c1/Screenshot+2024-11-04+at+11.59.47%E2%80%AFAM.png My Work - Design System: Nintendo Redesign the existing design system of a well-known company as part of a course requirement for Northwestern University. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/eb3e8523-6b84-49cb-a425-fc6aa8b7bba8/mario.jpg My Work - Why Nintendo? I chose Nintendo as my focus because, like many others, it was a significant part of my childhood. Nintendo is a globally recognized brand that has transcended generations. I admire how user-friendly their products have become over the years, making it easy for first-time players to get started right away. Through this DesignOps initiative, I hope to gain a better understanding of the company's inner workings, how they market themselves, and identify potential problem areas that can be addressed. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/b7952241-78fc-49bb-a3f2-6b13d2d931fe/Screenshot+2024-11-04+at+1.16.37%E2%80%AFPM.png My Work - Operating Model The image in the background is the Operating Model. It shows the levels of leadership within Nintendo starting at the top of the model showing the Global Leadership roles then going down the model showing the VP Global Department Heads, Directors, Leads, Mid-Level, and Junior roles. To look at the Operating Model in more detail, please click the button below where you will also have access to the Design Ops Canvas. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/8633a391-51de-4a57-a8d7-2f23bae1c2e7/Screenshot+2024-11-04+at+2.42.29%E2%80%AFPM.png My Work - Career Ladder The background image provides a comprehensive illustration of Nintendo's career ladder model. It details the various levels of advancement available within the company and highlights the specific skills and competencies that employees must develop and demonstrate to achieve promotion at each stage. This model not only serves as a guide for career progression but also emphasizes the importance of continuous learning and professional growth within the organization. To look at the Career Ladder in more detail, please click the button below where you will also have access to view the Design Ops Canvas and the Operating Model. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1730836977639-GR3T7P789I02XI60BOAD/Screenshot+2024-11-04+at+11.59.47%E2%80%AFAM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1730836977577-VCVIMAV54GBM07DRCBO1/Screenshot+2024-11-05+at+2.01.36%E2%80%AFPM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1730836978369-NLISG2YSIAX9FDN7A0O7/Screenshot+2024-11-05+at+2.01.58%E2%80%AFPM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1730836978447-Q6DUZ85Q1NRW1U1Z3YL5/Screenshot+2024-11-05+at+2.02.25%E2%80%AFPM.png My Work https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1563137370045-0A9O1D6RW3QZD7HR1CGH/DES170ColorTheory.jpg My Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1563137653382-P4WXIL2UEIV3OBQTMPTW/DES170ColorTheory.jpg My Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/1563137694465-Z0E6NTMY9ZHJK4QWNTF0/DES170ColorTheory.jpg My Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/834e77c5-8035-4ab1-b99f-72392ff2e398/Screenshot+2024-12-27+at+11.04.26%E2%80%AFAM.png My Work - Make it stand out Image 1. This is the set of the main colors that The Odyssey will be using for the app complete with its primary, secondary, and tertiary colors. My involvement was creating the secondary and tertiary colors that would compliment the primary colors and including the hex, RGB, and CMYK codes of each color. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/4638e284-7e35-45eb-b8cc-b44e459e1c68/Screenshot+2025-01-18+at+9.26.07%E2%80%AFAM.png My Work - Make it stand out Image 2. This the modal or pop-up notification that lets users know something has gone wrong and needs to be revised. At the top left is the image of the modal in dark mode for users with light sensitivity. The X is a close out button that the user can press to get rid of the modal. The circle with an X over it is to represent a place holder image for the modal. At the time, the image or images have not yet been selected to put in place. Below the place holder image is the title of the modal and the description as to why the user is seeing the modal. FInally below the description are two action buttons that the user can take action on. These buttons can be optional depending on the user flow of the app. Below the single modal are two columns of other modals showing the light view (left) and dark view (right). Both are representing the active and inactive action buttons as shown by their filled colors. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/9db7291f-ba54-41b8-b261-789418b959af/Screenshot+2025-01-18+at+9.25.23%E2%80%AFAM.png My Work - Design system: Card Image 3. This is an image of a card in dark mode for users with light sensitivity. The card is made to help users get as much information as they can at a glance for each location that they visit. Below is a description in detail of the six components that make up the card. https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/51487606-9611-4a3a-96fd-3c577106e55b/Screenshot+2025-01-17+at+5.13.03%E2%80%AFPM.png My Work - Make it stand out Image 4. This is the expanded view of Image 3. It shows at the top left the card in light mode and right below is the same card shown in dark mode for users with light sensitivity with the description of what each component does. On the left is a column of the same card shown 5 times. It is to represent the selection of the components by showing the different colors to express that they have been either selected, unselected, or active. https://www.jacquelinebarragan.work/about-me daily 0.75 2024-10-07 https://images.squarespace-cdn.com/content/v1/5d23ee0172170a0001ad4c5e/3212ed32-deb5-4c2f-97b5-1d6101183981/Suburban.jpg About Me