https://carlapan.work Carla's portfolio Sat, 26 Jul 2025 22:29:20 +0000 https://carlapan.work en https://carlapan.work/Main Fri, 08 Jul 2022 04:24:54 +0000 Carla's portfolio https://carlapan.work/Main Carla Pan A UI/UX Designer for developing unique custom artwork. Adept at thinking out of the box to generate ideas. View More <img width="27" height="30" width_o="27" height_o="30" data-src="https://freight.cargo.site/t/original/i/f43494d640a28505cf7784ee11392812acbe5521baa10eefc72264f86cf6aede/Font-Awesome-v6-icon111.png" data-mid="214320257" border="0" data-scale="2" src="https://freight.cargo.site/w/27/i/f43494d640a28505cf7784ee11392812acbe5521baa10eefc72264f86cf6aede/Font-Awesome-v6-icon111.png" /> https://carlapan.work/All-Projects-Header Fri, 08 Jul 2022 04:24:56 +0000 Carla's portfolio https://carlapan.work/All-Projects-Header ProjectsUX Research / Mobile APP / Branding https://carlapan.work/Pice Fri, 08 Jul 2022 04:25:02 +0000 Carla's portfolio https://carlapan.work/Pice &nbsp; Pice Red Dot Award Winner / WinnerGDUSA Design Awards&nbsp;/ Winner&nbsp; London Design Awards / Gold WinnerFrench Design Awards / Silver WinnerMUSE Creative Awards / Silver Winner Pice is an AI-driven mobile app that helps individuals at risk of heart attacks monitor their health and receive early warnings. The idea emerged from a deep concern for the silent, often-overlooked nature of cardiovascular issues, especially in aging populations.Leveraging AI and real-time data analysis, Pice monitors user health indicators and delivers early warnings, personalized insights, and emergency prompts. Its interface focuses on emotional reassurance and clarity under pressure, blending medical intelligence with empathetic interaction design. <img width="3584" height="2240" width_o="3584" height_o="2240" data-src="https://freight.cargo.site/t/original/i/63f9cb30e695bf2d7731518cef0b100d75cae55513a92c4b8b2906b0bb05f512/Overview.png" data-mid="234180013" border="0" src="https://freight.cargo.site/w/1000/i/63f9cb30e695bf2d7731518cef0b100d75cae55513a92c4b8b2906b0bb05f512/Overview.png" /> Introduction Project Time: 6 Months Design ChallengeMaximize efficiency in accessing emergency help for patients. Improve accuracy of data organization for swift response times.Optimize data storage and retrieval systems.Ensure streamlined processes for accessing critical patient information during emergencies. User Research <img width="1017" height="693" width_o="1017" height_o="693" data-src="https://freight.cargo.site/t/original/i/ad2b9fe41f2b8ad9edb7390b0679812b2275733e7d05636cd7ffcd44ddbcf099/MacBook-Pro-14_---1.png" data-mid="147374795" border="0" src="https://freight.cargo.site/w/1000/i/ad2b9fe41f2b8ad9edb7390b0679812b2275733e7d05636cd7ffcd44ddbcf099/MacBook-Pro-14_---1.png" /> Problem Users often experience cognitive overload when navigating Apple's Health app due to its overwhelming complexity. Solution To reduce cognitive load on the app, I redesigned the screen to clearly categorize and separate important information from other details. Ideation&amp; Wireframe Design I started sketching a low-fidelity design featuring a boxed grid layout to better organize and present information within the app interface, aiming for improved user interaction and clarity. <img width="524" height="1132" width_o="524" height_o="1132" data-src="https://freight.cargo.site/t/original/i/ccdd6366cb4035f533973545d5439ecb5a7fab030ab02ee1c3a89c8980f7679c/4.png" data-mid="147374797" border="0" src="https://freight.cargo.site/w/524/i/ccdd6366cb4035f533973545d5439ecb5a7fab030ab02ee1c3a89c8980f7679c/4.png" /> <img width="524" height="1132" width_o="524" height_o="1132" data-src="https://freight.cargo.site/t/original/i/616c3cb81389873a8c1ef2307883cb535580919e7c89dbca0d5107b16a0c619d/5.png" data-mid="147374798" border="0" src="https://freight.cargo.site/w/524/i/616c3cb81389873a8c1ef2307883cb535580919e7c89dbca0d5107b16a0c619d/5.png" /> <img width="386" height="832" width_o="386" height_o="832" data-src="https://freight.cargo.site/t/original/i/ced854c3bef270a60735c32984c8d58a11a8f3d5b565a3459efe80681d68c845/Screen-Mask.png" data-mid="147374828" border="0" src="https://freight.cargo.site/w/386/i/ced854c3bef270a60735c32984c8d58a11a8f3d5b565a3459efe80681d68c845/Screen-Mask.png" /> <img width="524" height="1132" width_o="524" height_o="1132" data-src="https://freight.cargo.site/t/original/i/07c3e022d384d861e4f0711677690e4920d2771eab7ceda69ab5acc2aca2b905/7.png" data-mid="147374800" border="0" src="https://freight.cargo.site/w/524/i/07c3e022d384d861e4f0711677690e4920d2771eab7ceda69ab5acc2aca2b905/7.png" /> <img width="524" height="1132" width_o="524" height_o="1132" data-src="https://freight.cargo.site/t/original/i/3aab341b169bcba354297f04d874d16eee0d22d6d3f2e635c5ce646b936c7467/6.png" data-mid="147374799" border="0" src="https://freight.cargo.site/w/524/i/3aab341b169bcba354297f04d874d16eee0d22d6d3f2e635c5ce646b936c7467/6.png" /> “How can we reduce the risk of heart attacks via notifications?” Mid-Fid Prototypes&nbsp; I gathered all the feedback, refined my low-fidelity prototype design, and began creating mid-fidelity prototypes. <img width="524" height="1132" width_o="524" height_o="1132" data-src="https://freight.cargo.site/t/original/i/6207a8a84443ab4508cc29e9b77389f88c5a36374341a55bed17f3d6791b46a9/374.png" data-mid="147374837" border="0" src="https://freight.cargo.site/w/524/i/6207a8a84443ab4508cc29e9b77389f88c5a36374341a55bed17f3d6791b46a9/374.png" /> <img width="524" height="1132" width_o="524" height_o="1132" data-src="https://freight.cargo.site/t/original/i/abe08ded7bb2322273a51e1bb3c3561407a217b11fdd1dfcb31ab117286909a9/376.png" data-mid="147374836" border="0" src="https://freight.cargo.site/w/524/i/abe08ded7bb2322273a51e1bb3c3561407a217b11fdd1dfcb31ab117286909a9/376.png" /> <img width="524" height="1132" width_o="524" height_o="1132" data-src="https://freight.cargo.site/t/original/i/1fe4d1ec999ff677a936bc518261d83dc327d4c13db612f2479b63b7556e2e28/375.png" data-mid="147374835" border="0" src="https://freight.cargo.site/w/524/i/1fe4d1ec999ff677a936bc518261d83dc327d4c13db612f2479b63b7556e2e28/375.png" /> <img width="524" height="1132" width_o="524" height_o="1132" data-src="https://freight.cargo.site/t/original/i/a1a6ea1d514f4e5e1595d96b895068cf358f42a427d203384ce96a7981ff3de9/380.png" data-mid="147374839" border="0" src="https://freight.cargo.site/w/524/i/a1a6ea1d514f4e5e1595d96b895068cf358f42a427d203384ce96a7981ff3de9/380.png" /> <img width="524" height="1132" width_o="524" height_o="1132" data-src="https://freight.cargo.site/t/original/i/71f72bfb9568b1ef79217e92202967808a8bbce98c46e28966a8a08a8b69cfad/6.png" data-mid="147374833" border="0" src="https://freight.cargo.site/w/524/i/71f72bfb9568b1ef79217e92202967808a8bbce98c46e28966a8a08a8b69cfad/6.png" /> <img width="524" height="1132" width_o="524" height_o="1132" data-src="https://freight.cargo.site/t/original/i/9ed73cba0a19359746b67dd7c4e9efa2b3b54f561ad70f75a300592e14e9f63e/381.png" data-mid="147374840" border="0" src="https://freight.cargo.site/w/524/i/9ed73cba0a19359746b67dd7c4e9efa2b3b54f561ad70f75a300592e14e9f63e/381.png" /> <img width="524" height="1132" width_o="524" height_o="1132" data-src="https://freight.cargo.site/t/original/i/19260705008417914c8635c4b3c005639e1ab77a67b8333ad378992330333d29/382.png" data-mid="147374841" border="0" src="https://freight.cargo.site/w/524/i/19260705008417914c8635c4b3c005639e1ab77a67b8333ad378992330333d29/382.png" /> <img width="524" height="1132" width_o="524" height_o="1132" data-src="https://freight.cargo.site/t/original/i/d4249bda8a36794a50105e82fbb99bebdec7b91aab670176c87354c3b80daa32/384.png" data-mid="147374843" border="0" src="https://freight.cargo.site/w/524/i/d4249bda8a36794a50105e82fbb99bebdec7b91aab670176c87354c3b80daa32/384.png" /> <img width="524" height="1132" width_o="524" height_o="1132" data-src="https://freight.cargo.site/t/original/i/dcfee7f88e1325c2668ebbfd46c7deee4f35154d0c7208ec06a548188f16c066/379.png" data-mid="147374838" border="0" src="https://freight.cargo.site/w/524/i/dcfee7f88e1325c2668ebbfd46c7deee4f35154d0c7208ec06a548188f16c066/379.png" /> <img width="524" height="1132" width_o="524" height_o="1132" data-src="https://freight.cargo.site/t/original/i/738366eebab56c34751e3485c7e6fef556a2666e6b03009749da953af2644462/383.png" data-mid="147374842" border="0" src="https://freight.cargo.site/w/524/i/738366eebab56c34751e3485c7e6fef556a2666e6b03009749da953af2644462/383.png" /> Pain Point I'm addressing the main pain points in the heart monitor journey, where users faced the most challenges. Interview Takeaways Users need simpler navigation with fewer screens.Important tools and information should stand out clearly.Calls-to-action must be straightforward and prominent.The interface should be intuitive yet informative enough for users' needs. System Map Next, having understood the expectations, concerns, problems, and proposed solutions of our target users, let's explore the system map. This will outline the paths our users will follow while using the app. <img width="3575" height="1653" width_o="3575" height_o="1653" data-src="https://freight.cargo.site/t/original/i/5d34a92b43a820962da914961615e11b66c57c0c220e80ff4d0c3307f42fd2e4/Frame-1.png" data-mid="147374803" border="0" src="https://freight.cargo.site/w/1000/i/5d34a92b43a820962da914961615e11b66c57c0c220e80ff4d0c3307f42fd2e4/Frame-1.png" /> User journey map Based on the collected data, I developed a user journey map. It includes users' names, demographics, frustrations, emotions, and identifies future opportunities for the app based on the identified problem points in the scenario. <img width="2602" height="1640" width_o="2602" height_o="1640" data-src="https://freight.cargo.site/t/original/i/5c600192b976014835b691e7ab5f136ef85f657ad18566ad02d5e7ca01c4f15a/MacBook-Pro-1s6_---3.png" data-mid="147374832" border="0" src="https://freight.cargo.site/w/1000/i/5c600192b976014835b691e7ab5f136ef85f657ad18566ad02d5e7ca01c4f15a/MacBook-Pro-1s6_---3.png" /> Visual Design &amp; Typography <img width="3016" height="1386" width_o="3016" height_o="1386" data-src="https://freight.cargo.site/t/original/i/8e8ee784e35027d417ca6025f268752ea1cc60707e9beb5f8646f055df89e287/Screen-Shot-2022-05-19-at-2.24.58-AM.png" data-mid="147374805" border="0" src="https://freight.cargo.site/w/1000/i/8e8ee784e35027d417ca6025f268752ea1cc60707e9beb5f8646f055df89e287/Screen-Shot-2022-05-19-at-2.24.58-AM.png" /><img width="3024" height="1254" width_o="3024" height_o="1254" data-src="https://freight.cargo.site/t/original/i/639e32da88f92805f7dc5c479b7daae865101a83542f3b4ec60ee6cdb532e4a9/Screen-Shot-2022-05-19-at-2.42.26-AM.png" data-mid="147374808" border="0" src="https://freight.cargo.site/w/1000/i/639e32da88f92805f7dc5c479b7daae865101a83542f3b4ec60ee6cdb532e4a9/Screen-Shot-2022-05-19-at-2.42.26-AM.png" /> <img width="1500" height="800" width_o="1500" height_o="800" data-src="https://freight.cargo.site/t/original/i/5aa8c752e81835011f32726bf5ffa1e7113083b875448e6d007af409ed12a942/gif.gif" data-mid="147374827" border="0" src="https://freight.cargo.site/w/1000/i/5aa8c752e81835011f32726bf5ffa1e7113083b875448e6d007af409ed12a942/gif.gif" /> <img width="3000" height="2000" width_o="3000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/b56f6aa2d3d69f5bb21dc35da0c8d8fea56c06e611f667ee846eebdcfcf347e6/3000_2000.png" data-mid="234179191" border="0" src="https://freight.cargo.site/w/1000/i/b56f6aa2d3d69f5bb21dc35da0c8d8fea56c06e611f667ee846eebdcfcf347e6/3000_2000.png" />Step 01 Login/Pairing Users can sign in via email or Google, and quickly pair their Apple Watch to begin real-time activity tracking. Designed for clarity, speed, and a smooth user experience. <img width="3000" height="2000" width_o="3000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/41372b0db176e3fc1b93526670ed198f36b4b9078040943cde1972800fbb7df2/3000_2000.png" data-mid="234179750" border="0" src="https://freight.cargo.site/w/1000/i/41372b0db176e3fc1b93526670ed198f36b4b9078040943cde1972800fbb7df2/3000_2000.png" />Scenario 01 Everyday Preventive Care Designed for users with no severe heart conditions, Pice enables daily heart health monitoring. The dashboard offers real-time vitals, medication reminders, and vitamin intake tracking—empowering users to stay ahead of potential risks through consistent, proactive care. <img width="3000" height="2000" width_o="3000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/ea91406ac9a4801d6d812466010708bc52d6f16ac67c6c554d175d6df7924158/3000_2000.png" data-mid="234179847" border="0" src="https://freight.cargo.site/w/1000/i/ea91406ac9a4801d6d812466010708bc52d6f16ac67c6c554d175d6df7924158/3000_2000.png" />Scenario 02 Elevated Heart Rate Alerts For users at risk of cardiac issues, Pice continuously monitors heart rate fluctuations. Real-time alerts notify users and emergency contacts during abnormal spikes, enabling rapid response. The app provides detailed logs for further diagnosis and care planning. <img width="3000" height="2000" width_o="3000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/acdd486ab99f25e3d69cf016b572b308b799f480c0d6c98dca99bcc3c5344572/3000_2000.png" data-mid="234179848" border="0" src="https://freight.cargo.site/w/1000/i/acdd486ab99f25e3d69cf016b572b308b799f480c0d6c98dca99bcc3c5344572/3000_2000.png" />Scenario 03 Emergency Response System When critical conditions are detected, Pice automatically triggers emergency protocols. With one tap, your live location is shared, contacts are notified, and help is dispatched. A countdown interface allows users to cancel false alarms—built for peace of mind. <img width="3000" height="2000" width_o="3000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/392b0c496b68873103ec712660baf02c14909e7e6f0c3bc650d772e594bee198/3000_2000.png" data-mid="234179846" border="0" src="https://freight.cargo.site/w/1000/i/392b0c496b68873103ec712660baf02c14909e7e6f0c3bc650d772e594bee198/3000_2000.png" />Scenario 04 Smart Medication &amp; Supplement Tracking Whether you're taking prescriptions or daily vitamins, Pice keeps you on track. Smart reminders sync with your Apple Watch, helping you log intake, track effects on mood, energy, and pain—all from one simple dashboard. <img width="3000" height="2000" width_o="3000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/f4bc3f89006edf9fcbdfc70f5971002c3eea76b9229ad8076ab790ebbda18ed9/3000_2000.png" data-mid="234179849" border="0" src="https://freight.cargo.site/w/1000/i/f4bc3f89006edf9fcbdfc70f5971002c3eea76b9229ad8076ab790ebbda18ed9/3000_2000.png" />Scenario 05 Delayed Emergency Messaging In high-risk moments, every second matters. Pice allows users to pre-set a delayed emergency message in message center that’s automatically sent to trusted contacts if help isn’t manually canceled in time. This smart safeguard ensures users are never alone during critical situations. https://carlapan.work/Designing-for-Global-Compliance Sat, 26 Jul 2025 22:29:20 +0000 Carla's portfolio https://carlapan.work/Designing-for-Global-Compliance &nbsp; Designing for Global Compliance(FATCA/CRS Compliance Platforms) Project Time: 6 Months Website Redesign UX Research User experience At SS&amp;C Technologies, I served as the Lead UI/UX Designer for the redesign of the FATCA/CRS compliance platform, a mission-critical tool used by 50,000+ compliance professionals across 200+ financial institutions in North America, Europe, and Asia-Pacific. The project aimed to unify fragmented workflows, reduce human error, and make complex tax reporting tasks faster and more intuitive. My role covered information architecture, interaction design, dashboard creation, and workflow optimization, while ensuring everything aligned with SS&amp;C’s existing enterprise design system. <img width="6400" height="4800" width_o="6400" height_o="4800" data-src="https://freight.cargo.site/t/original/i/afa5b9f48871db13d19bf61619e70f75253d45f2bb127663fadca4f82a686623/web-portfolio-mockup_10.jpg" data-mid="236295911" border="0" src="https://freight.cargo.site/w/1000/i/afa5b9f48871db13d19bf61619e70f75253d45f2bb127663fadca4f82a686623/web-portfolio-mockup_10.jpg" /> 40%Faster Task Completion 25%Reduction in Training Time 75%Fewer Filing Errors $2.8MPotential Annual Industry Savings Problem &amp;&nbsp;Challenges Through stakeholder interviews and workflow analysis, we identified key issues slowing adoption and increasing errors: Problem Statement Complex, non-linear workflows overwhelmed new users.Data-heavy interfaces lacked clarity on priorities and statuses.Visual inconsistencies across systems increased training costs.Progress tracking was fragmented, driving high support demand.These issues highlighted the need for a guided, visual, and system-driven approach to reduce errors and speed up user adoption. Design Process&nbsp;STEP 1: User Flow Mapping &amp; Wireframes To streamline navigation, I first mapped the legacy user journey to identify redundancies. <img width="5696" height="3904" width_o="5696" height_o="3904" data-src="https://freight.cargo.site/t/original/i/5cb0d52f37219b191846dac9491e766e58adb2ed02812123bbc83cf73a9a4f5f/AEOIS-after.jpg" data-mid="236313332" border="0" src="https://freight.cargo.site/w/1000/i/5cb0d52f37219b191846dac9491e766e58adb2ed02812123bbc83cf73a9a4f5f/AEOIS-after.jpg" /> <img width="4864" height="3904" width_o="4864" height_o="3904" data-src="https://freight.cargo.site/t/original/i/e09f03480609813bc9cfa1b2f74779bdc566296941f63af66d8cf1c99abbfcea/AEOIS.jpg" data-mid="236313331" border="0" src="https://freight.cargo.site/w/1000/i/e09f03480609813bc9cfa1b2f74779bdc566296941f63af66d8cf1c99abbfcea/AEOIS.jpg" /> Mapping legacy workflows revealed redundant steps and user confusion (Before &amp; After) &nbsp; Step 2 – Exploring Flows and Layouts Then, I built low-fidelity wireframes for a unified dashboard and multi-jurisdiction task flows, validating concepts through rapid iteration. <img width="829" height="513" width_o="829" height_o="513" data-src="https://freight.cargo.site/t/original/i/ef7b39cf973de78db51554f7259918f668f0a37b434c6b62b25742c642cf48d8/Low-fidelity-01.jpg" data-mid="236295950" border="0" src="https://freight.cargo.site/w/829/i/ef7b39cf973de78db51554f7259918f668f0a37b434c6b62b25742c642cf48d8/Low-fidelity-01.jpg" />Low-fidelity wireframes mapping new dashboard structure. <img width="829" height="513" width_o="829" height_o="513" data-src="https://freight.cargo.site/t/original/i/2c7abdf290a35f211c806298bd0b3d00a3461a9e3e65bc400ade9cb8e6fd0c44/DD-Page.jpg" data-mid="236311906" border="0" src="https://freight.cargo.site/w/829/i/2c7abdf290a35f211c806298bd0b3d00a3461a9e3e65bc400ade9cb8e6fd0c44/DD-Page.jpg" />Low-fid due diligence layout with step-based task flow Step 3 – Leveraging the Design System To ensure scalability and efficiency, I adapted SS&amp;C’s enterprise design system. Using its established color palette, typography, and reusable components, I accelerated delivery while maintaining visual and functional consistency across platforms <img width="8640" height="3136" width_o="8640" height_o="3136" data-src="https://freight.cargo.site/t/original/i/5c94d2d88a2de257eebb6613a21aa6463e5c4f380a4c64c1ea3bf03d13836c50/color.jpg" data-mid="236315471" border="0" src="https://freight.cargo.site/w/1000/i/5c94d2d88a2de257eebb6613a21aa6463e5c4f380a4c64c1ea3bf03d13836c50/color.jpg" />Color Style <img width="8268" height="5560" width_o="8268" height_o="5560" data-src="https://freight.cargo.site/t/original/i/136d58114795e5785ac93d12668ee73c23ba6dcd3893b688cba1a2534d9285ff/typo.png" data-mid="236315751" border="0" src="https://freight.cargo.site/w/1000/i/136d58114795e5785ac93d12668ee73c23ba6dcd3893b688cba1a2534d9285ff/typo.png" /> <img width="8508" height="5082" width_o="8508" height_o="5082" data-src="https://freight.cargo.site/t/original/i/b9fd17d82b88042336ba8eda0d37f41896788b7870f1af4d986915caf1446d9e/Lato.png" data-mid="236316396" border="0" src="https://freight.cargo.site/w/1000/i/b9fd17d82b88042336ba8eda0d37f41896788b7870f1af4d986915caf1446d9e/Lato.png" /> Typography <img width="10236" height="11540" width_o="10236" height_o="11540" data-src="https://freight.cargo.site/t/original/i/8a31bba39d1c308f6c3d36e53e1f4b5e7d170695fafbf6e8d2090c9c35b3ebfe/componants.png" data-mid="236316136" border="0" src="https://freight.cargo.site/w/1000/i/8a31bba39d1c308f6c3d36e53e1f4b5e7d170695fafbf6e8d2090c9c35b3ebfe/componants.png" />Core components (buttons, inputs, status indications &amp; Tags, drawers) Step 4 – Building Final Solutions The wireframes evolved into polished, scalable solutions, guided by iterative testing and design system standards: <img width="10968" height="4096" width_o="10968" height_o="4096" data-src="https://freight.cargo.site/t/original/i/da54f94d2672bf4f1c44bc4cc04484184bd07e08a50ed40008ab374bf0a5aacb/Dashboard.png" data-mid="236317420" border="0" src="https://freight.cargo.site/w/1000/i/da54f94d2672bf4f1c44bc4cc04484184bd07e08a50ed40008ab374bf0a5aacb/Dashboard.png" /> Unified DashboardBox Grid Layout DesignA box grid dashboard with dynamic Butterfly, Horizontal, and Donut charts, giving teams instant visibility into filings, risks, and deadlines.Self-guided due diligence workflows with progress indicators, cutting onboarding time by 50% and doubling task comprehension rates.Seamless integration with SS&amp;C’s enterprise design system, ensuring scalability across products.An integrated chat assistant, offering contextual support and reducing support tickets. Unified DashboardHoneycomb Map (Visual Risk &amp; Progress Tracking)Clustered Structure: The honeycomb grid groups related entities visually, reducing cognitive load compared to traditional lists.Dynamic Interactivity: Hover states and click-through actions allow users to drill into details or filter by region, risk level, or deadline.Immediate Clarity: Color and size variations make bottlenecks and high-risk items stand out instantly.Scalable Framework: The grid is responsive and can scale from small teams to enterprise-level deployments without clutter. <img width="10968" height="4096" width_o="10968" height_o="4096" data-src="https://freight.cargo.site/t/original/i/e1aa33b65acf0cde3698a45482df0ced7a9d2a37b4ce5c08d353ceaad3336f05/Fund-Detail-Page.png" data-mid="236317395" border="0" src="https://freight.cargo.site/w/1000/i/e1aa33b65acf0cde3698a45482df0ced7a9d2a37b4ce5c08d353ceaad3336f05/Fund-Detail-Page.png" /> Fund Detail Page Expandable AG GridParent rows (funds) can expand to reveal sub-fund structures and nested client records. Status chips (e.g., “Does not match”, “Manual Match”) make compliance issues immediately visible.Bulk selection and inline actions reduce task time for high-volume data edits. Fund Detail Page Table Settings Drawer Hover-triggered settings allow users to: Toggle Vertical vs. Horizontal views Show/hide specific columns Add new fields on demand Designed for power users, keeping the main view uncluttered while offering deep customization. <img width="10968" height="4096" width_o="10968" height_o="4096" data-src="https://freight.cargo.site/t/original/i/a4ccc723cdefb4839b714e772e9e073f22fe283e34ca2a3f5d5b3362ada4fb11/Due-Diligence-Page.png" data-mid="236317570" border="0" src="https://freight.cargo.site/w/1000/i/a4ccc723cdefb4839b714e772e9e073f22fe283e34ca2a3f5d5b3362ada4fb11/Due-Diligence-Page.png" /> Due Diligence Workflows Default Page LayoutSegmented Task Categories Tasks are organized into tabs representing review stages (e.g., Unclassified, Preliminary Classification, Manager to Approve, COO to Approve, CCO Approved). Each tab uses icon-based indicators (Perfect, Fuzzy, Manual Match, Invalid GIIN) for instant status recognition. Interactive Table Structure Hover states reveal contextual tooltips showing task details (e.g., holders, pending statuses, deadlines).Inline action icons (View Profile, Edit, Questionnaire, Documents) keep all critical actions within one click, reducing navigation friction. Due Diligence Workflows Task Workflow with Interactive States Hover-Based Task Previews Users can see summaries of pending tasks, responsible reviewers, and document requirements without leaving the table.These previews accelerate decision-making, especially for reviewers handling high volumes of entities.Progress-Oriented LayoutColumns like Pending Status and FATCA Class give teams a real-time overview of filing stages, helping them prioritize reviews and escalate issues quickly.Escalation Cues: Color-coded alerts and inline notes indicate where bottlenecks or approvals are delayed, prompting immediate escalation. <img width="10968" height="4096" width_o="10968" height_o="4096" data-src="https://freight.cargo.site/t/original/i/5a1e45aa5f54627aa6137e54e593c207d01dcee254e626970fcf671a830a72ff/Filter.png" data-mid="236318156" border="0" src="https://freight.cargo.site/w/1000/i/5a1e45aa5f54627aa6137e54e593c207d01dcee254e626970fcf671a830a72ff/Filter.png" /> Expanded Filter PanelProvides multiple criteria, including Fund Domicile, FATCA Classification, Entity Type, Document Status, and Tax Form Expiry Status.Dropdowns and input fields allow granular filtering without cluttering the primary table view. Collapsible by default to preserve screen space. Real-Time Search ResultsOnce filters are applied, the interface updates instantly to show matching entities, with results organized by review stage (e.g., Preliminary Classification, COO to Approve). Tabs dynamically reflect result counts for each stage, helping reviewers prioritize their workload. Impact Results Delivery speed reflects both internal (legacy) and external (industry) comparisons for transparency.Users Affected: 50,000+ compliance professionals across 200+ financial institutionsBusiness Lines: Implemented across 8 SS&amp;C business divisionsGeographic Reach: North America, Europe, and Asia-Pacific regions <img width="2652" height="1096" width_o="2652" height_o="1096" data-src="https://freight.cargo.site/t/original/i/998c7a74775a4946b31265ae67dee912ae3e962c8c9a31294664a7e7d4749aaf/data.png" data-mid="236318407" border="0" src="https://freight.cargo.site/w/1000/i/998c7a74775a4946b31265ae67dee912ae3e962c8c9a31294664a7e7d4749aaf/data.png" /> https://carlapan.work/Tea-Break-Candle Sat, 12 Apr 2025 17:54:56 +0000 Carla's portfolio https://carlapan.work/Tea-Break-Candle Tea Break Candle Product Package Design&nbsp; NY Product Design Awards Silver Winner – Product Design DNA Paris Design Awards Winner – Homewere &amp; Accessories MUSE Creative Awards Gold Winner – Branded Content/Products &amp; Services Tea Break Candle is an award-winning scented product designed under the Chill More brand—an aesthetic lifestyle and self-care label focused on personal well-being and sensory rituals. Inspired by the serene pause that a warm cup of tea brings during a busy day, this candle was crafted to transform ordinary spaces into moments of mindfulness. From the minimalist form to the carefully layered fragrance notes, Tea Break encourages users to slow down, reset, and embrace a moment of calm. The design merges wellness with contemporary product aesthetics, making it not only a functional object but also a meditative companion in modern self-care routines. <img width="1000" height="1000" width_o="1000" height_o="1000" data-src="https://freight.cargo.site/t/original/i/452a03241ec0a41527b419bb1c4899c673987208346de1efe4bd3b3d2a7899ec/5.jpg" data-mid="235538160" border="0" src="https://freight.cargo.site/w/1000/i/452a03241ec0a41527b419bb1c4899c673987208346de1efe4bd3b3d2a7899ec/5.jpg" /> <img width="1000" height="1000" width_o="1000" height_o="1000" data-src="https://freight.cargo.site/t/original/i/f8e9dd74b543d06063685c2a50af77dd64f4f5b1faaa41e3d2f08699778f2de2/3.jpg" data-mid="235538126" border="0" src="https://freight.cargo.site/w/1000/i/f8e9dd74b543d06063685c2a50af77dd64f4f5b1faaa41e3d2f08699778f2de2/3.jpg" /> Project Time 2021 Summer Introduction This project combines aesthetics and functionality, featuring a unique two-material construction: a white ceramic lid and base, paired with a glass middle section. Inspired by the calming essence of tea, the candle’s green and yellow color palette evokes freshness and warmth. <img width="640" height="360" width_o="640" height_o="360" data-src="https://freight.cargo.site/t/original/i/68d6d6c796e42115572d8a039c6abd58023ad099e823f3b2a22810fe50d38aae/gettyimages-1007121954-640x640.png" data-mid="229715888" border="0" src="https://freight.cargo.site/w/640/i/68d6d6c796e42115572d8a039c6abd58023ad099e823f3b2a22810fe50d38aae/gettyimages-1007121954-640x640.png" /> <img width="640" height="360" width_o="640" height_o="360" data-src="https://freight.cargo.site/t/original/i/b66987828fa4e88666ad4831534f55e21dede70f1349becf68f2ece8130be85a/gettyimages-1007121954-640x640.jpeg" data-mid="229715889" border="0" src="https://freight.cargo.site/w/640/i/b66987828fa4e88666ad4831534f55e21dede70f1349becf68f2ece8130be85a/gettyimages-1007121954-640x640.jpeg" /> <img width="1024" height="683" width_o="1024" height_o="683" data-src="https://freight.cargo.site/t/original/i/b514b615d738e24a252a0537707bd6c20c49c756bbec687044b20cf616b69183/0b51ba756c66fb593ff87808c363312c.jpeg" data-mid="229715926" border="0" src="https://freight.cargo.site/w/1000/i/b514b615d738e24a252a0537707bd6c20c49c756bbec687044b20cf616b69183/0b51ba756c66fb593ff87808c363312c.jpeg" /> <img width="275" height="183" width_o="275" height_o="183" data-src="https://freight.cargo.site/t/original/i/517249cc2d50e60487cae3c719dab0752424fad48699957d7397418ecf2ab0b0/images-1.jpeg" data-mid="229715924" border="0" src="https://freight.cargo.site/w/275/i/517249cc2d50e60487cae3c719dab0752424fad48699957d7397418ecf2ab0b0/images-1.jpeg" /> Sketches &amp; Ideation <img width="2012" height="1094" width_o="2012" height_o="1094" data-src="https://freight.cargo.site/t/original/i/d9f02ff4d143e14acedbb10915b42d69e1cd674e557113eb1878304b8624816a/Screen-Shot-2022-03-16-at-1.46.15-PM.png" data-mid="229715949" border="0" src="https://freight.cargo.site/w/1000/i/d9f02ff4d143e14acedbb10915b42d69e1cd674e557113eb1878304b8624816a/Screen-Shot-2022-03-16-at-1.46.15-PM.png" /> Concept The design process began with exploratory sketches, focusing on distinctive shapes to set the product apart from conventional candles. An initial draft experimented with heat-sensitive ceramics for added interactivity. "Tea Break" reflects Chill More’s commitment to innovative, sensory-driven experiences in everyday self-care. Final Draft <img width="2550" height="3300" width_o="2550" height_o="3300" data-src="https://freight.cargo.site/t/original/i/f83cc839718ca757771b600f6877bc87ad5058ab64a6c1c63a6e39144b3cb923/candle-03.png" data-mid="229715971" border="0" src="https://freight.cargo.site/w/1000/i/f83cc839718ca757771b600f6877bc87ad5058ab64a6c1c63a6e39144b3cb923/candle-03.png" /> <img width="2550" height="3300" width_o="2550" height_o="3300" data-src="https://freight.cargo.site/t/original/i/577d22f754fd4bcb96f59b34a05e1e18186ae8b11d19d349562f05e7eef61c2c/candle-02-1.png" data-mid="229715969" border="0" src="https://freight.cargo.site/w/1000/i/577d22f754fd4bcb96f59b34a05e1e18186ae8b11d19d349562f05e7eef61c2c/candle-02-1.png" /> <img width="2550" height="3300" width_o="2550" height_o="3300" data-src="https://freight.cargo.site/t/original/i/223c1fb2a7200a31ccfec7c99590d8255ee89ae3a1a9d2d155d482b8de2d2f6f/candle-04.png" data-mid="229715973" border="0" src="https://freight.cargo.site/w/1000/i/223c1fb2a7200a31ccfec7c99590d8255ee89ae3a1a9d2d155d482b8de2d2f6f/candle-04.png" /> <img width="1712" height="842" width_o="1712" height_o="842" data-src="https://freight.cargo.site/t/original/i/639fbe27778a014069ff2378acaf94a8b1ee7cb502c6387ae5b81e052f50dccb/mesurement.jpg" data-mid="229716619" border="0" src="https://freight.cargo.site/w/1000/i/639fbe27778a014069ff2378acaf94a8b1ee7cb502c6387ae5b81e052f50dccb/mesurement.jpg" /> <img width="1716" height="810" width_o="1716" height_o="810" data-src="https://freight.cargo.site/t/original/i/ec03ac8efa4966c5bf202c59b97fc218e0a1d656af4a79a2f06b9930dc1a26bd/mesurements-02.jpg" data-mid="229716620" border="0" src="https://freight.cargo.site/w/1000/i/ec03ac8efa4966c5bf202c59b97fc218e0a1d656af4a79a2f06b9930dc1a26bd/mesurements-02.jpg" /> <img width="2550" height="2550" width_o="2550" height_o="2550" data-src="https://freight.cargo.site/t/original/i/624a17e00fbc78764d8998eacc7198efd7def55e5f71b3edfb20ac640ac49c68/02.png" data-mid="229715983" border="0" src="https://freight.cargo.site/w/1000/i/624a17e00fbc78764d8998eacc7198efd7def55e5f71b3edfb20ac640ac49c68/02.png" /> <img width="2550" height="2550" width_o="2550" height_o="2550" data-src="https://freight.cargo.site/t/original/i/8dad66aaf4319f715386d7c36cd7fce067e4b43275d925a6b464ed078ddc32d8/seperate.png" data-mid="229715984" border="0" src="https://freight.cargo.site/w/1000/i/8dad66aaf4319f715386d7c36cd7fce067e4b43275d925a6b464ed078ddc32d8/seperate.png" /> <img width="2550" height="3300" width_o="2550" height_o="3300" data-src="https://freight.cargo.site/t/original/i/349af9c31a4836911b8e002f87e8f2ff23754fcff4e601d80815bb7ac38ab79c/tea.png" data-mid="229715986" border="0" src="https://freight.cargo.site/w/1000/i/349af9c31a4836911b8e002f87e8f2ff23754fcff4e601d80815bb7ac38ab79c/tea.png" /> <img width="2550" height="3300" width_o="2550" height_o="3300" data-src="https://freight.cargo.site/t/original/i/a77fe7ef1f1020f18146518325740b69b7af7b5c6fd100d82cbc26dff7d3ecff/tea-matches.png" data-mid="229715985" border="0" src="https://freight.cargo.site/w/1000/i/a77fe7ef1f1020f18146518325740b69b7af7b5c6fd100d82cbc26dff7d3ecff/tea-matches.png" /> Design Concept Tea Break candle&nbsp; is a meticulously crafted scented candle designed for Chill More, where material innovation takes center stage. The design features a deliberate juxtaposition of white ceramic and glass—a choice that merges tactile warmth with visual lightness. The ceramic lid and base provide a sturdy, heat-resistant foundation, while the transparent glass middle section elegantly reveals the candle’s form, creating a dynamic interplay of opacity and translucency. Tea Break Candle&nbsp; <img width="1093" height="1337" width_o="1093" height_o="1337" data-src="https://freight.cargo.site/t/original/i/efb41c79edebf1cd7b1a88c025a6ce897fd93039dc1feaccd0cd77bb3004be6e/IMG_2219.jpg" data-mid="229718010" border="0" src="https://freight.cargo.site/w/1000/i/efb41c79edebf1cd7b1a88c025a6ce897fd93039dc1feaccd0cd77bb3004be6e/IMG_2219.jpg" /> <img width="1179" height="1144" width_o="1179" height_o="1144" data-src="https://freight.cargo.site/t/original/i/fc40b0ceb44d1ce430c46543c58eb3e9a8429e90f2366565fd03b0a8216dc1e9/IMG_2215.jpg" data-mid="229718009" border="0" src="https://freight.cargo.site/w/1000/i/fc40b0ceb44d1ce430c46543c58eb3e9a8429e90f2366565fd03b0a8216dc1e9/IMG_2215.jpg" /> To light it is to witness material time travel: Chinese porcelain's monastic patience dissolving into Italian glass's liquid spontaneity—a true "tea break" for the senses. <img width="1039" height="1668" width_o="1039" height_o="1668" data-src="https://freight.cargo.site/t/original/i/7da060b52ed427862c4ea51eb0a447042213f905e3d9d7e4752ad83a9f74f8c0/IMG_2209.jpg" data-mid="229717461" border="0" src="https://freight.cargo.site/w/1000/i/7da060b52ed427862c4ea51eb0a447042213f905e3d9d7e4752ad83a9f74f8c0/IMG_2209.jpg" /> <img width="800" height="800" width_o="800" height_o="800" data-src="https://freight.cargo.site/t/original/i/77660adb006c9f4a5ecd13c57f025b919007b945c9c3f707e2db710256aae3e7/O1CN01ovm2HN2M6NmFWLrIg_2208805709778.jpg_q50.jpg_.jpeg" data-mid="229717777" border="0" src="https://freight.cargo.site/w/800/i/77660adb006c9f4a5ecd13c57f025b919007b945c9c3f707e2db710256aae3e7/O1CN01ovm2HN2M6NmFWLrIg_2208805709778.jpg_q50.jpg_.jpeg" /> <img width="809" height="1080" width_o="809" height_o="1080" data-src="https://freight.cargo.site/t/original/i/b8f85bfe56823e617ead2a87a15982f997bc18f8faaa960a5b57c3bb6d098d2f/IMG_2212.jpg" data-mid="229717462" border="0" src="https://freight.cargo.site/w/809/i/b8f85bfe56823e617ead2a87a15982f997bc18f8faaa960a5b57c3bb6d098d2f/IMG_2212.jpg" /> <img width="794" height="1067" width_o="794" height_o="1067" data-src="https://freight.cargo.site/t/original/i/5d1fc327963abb47e35e47962cabd37811a6585a31950943248399d11f9c3fb1/IMG_2213.jpg" data-mid="229717466" border="0" src="https://freight.cargo.site/w/794/i/5d1fc327963abb47e35e47962cabd37811a6585a31950943248399d11f9c3fb1/IMG_2213.jpg" /> This candle is where East meets West in a silent ballet of fire and clay. The Jingdezhen white porcelain—honed through a 2000°C dual-firing ritual—carries the DNA of imperial kilns, its surface polished to a whisper by artisans who judge thickness by the tremble of candlelight against 3mm walls. Every 30% wastage rate whispers centuries of porcelain's cruel alchemy. <img width="1021" height="1560" width_o="1021" height_o="1560" data-src="https://freight.cargo.site/t/original/i/aec926e1ab0df358011be1ab3a28bde962f6dfe9ffb8bba8624e01acf3ffd11d/IMG_2210.jpg" data-mid="229717663" border="0" src="https://freight.cargo.site/w/1000/i/aec926e1ab0df358011be1ab3a28bde962f6dfe9ffb8bba8624e01acf3ffd11d/IMG_2210.jpg" /> <img width="1179" height="1393" width_o="1179" height_o="1393" data-src="https://freight.cargo.site/t/original/i/ec850e34c943920beed9a33e5b7c2ce00c2c39172ffb119a28a35218ead72210/IMG_2220.jpg" data-mid="229718011" border="0" src="https://freight.cargo.site/w/1000/i/ec850e34c943920beed9a33e5b7c2ce00c2c39172ffb119a28a35218ead72210/IMG_2220.jpg" /> The Murandi-hued glass middle, born from Venetian glassblowing traditions, acts as a Western counterpoint—its muted transparency catching shadows like silk screens. When joined, their 0.5mm tolerance demands five mold revolutions, solved not by CAD but by the craftsman's slurry-and-sandpaper cadence. Here, "precision" is measured in the stickiness of ceramic slip between fingers. Pop-up Shop Layout &amp; Concept <img width="1272" height="494" width_o="1272" height_o="494" data-src="https://freight.cargo.site/t/original/i/fb0a07e9a5c562a7a730f81d6160a7da0898c8e091ac3621360b0b7f0b442e30/-02.jpg" data-mid="229716003" border="0" src="https://freight.cargo.site/w/1000/i/fb0a07e9a5c562a7a730f81d6160a7da0898c8e091ac3621360b0b7f0b442e30/-02.jpg" /> <img width="2920" height="712" width_o="2920" height_o="712" data-src="https://freight.cargo.site/t/original/i/1f6df84190952729c850075480d5152c95ff609b6ab5746d5c618ae49fe31a2d/_-1.jpg" data-mid="229716004" border="0" src="https://freight.cargo.site/w/1000/i/1f6df84190952729c850075480d5152c95ff609b6ab5746d5c618ae49fe31a2d/_-1.jpg" /> Concept The pop-up space is designed as a two-level sanctuary, where the elevated second floor creates intimate distance from urban chaos. A grand arch frames floor-to-ceiling windows that reveal cedar forests beyond, dissolving boundaries between interior and landscape.&nbsp; Interior Layout&nbsp; <img width="1280" height="840" width_o="1280" height_o="840" data-src="https://freight.cargo.site/t/original/i/effc5b6b2616137bda51082767dbe81d4caabf5c609563dda3a1b89056f2b917/IMG_5074.JPG" data-mid="229716707" border="0" src="https://freight.cargo.site/w/1000/i/effc5b6b2616137bda51082767dbe81d4caabf5c609563dda3a1b89056f2b917/IMG_5074.JPG" /> <img width="1280" height="900" width_o="1280" height_o="900" data-src="https://freight.cargo.site/t/original/i/49ad2671ed1ef5f5697acc138b9377a3216ee9b7775e1c1fbaf3897feff73acc/IMG_5075.JPG" data-mid="229716709" border="0" src="https://freight.cargo.site/w/1000/i/49ad2671ed1ef5f5697acc138b9377a3216ee9b7775e1c1fbaf3897feff73acc/IMG_5075.JPG" /> <img width="1280" height="2218" width_o="1280" height_o="2218" data-src="https://freight.cargo.site/t/original/i/21d9b637ff479cb7eee71d47b60e5bef2c0e8a20f8716b9e1abed7719c7aa90a/IMG_5072.JPG" data-mid="229716705" border="0" src="https://freight.cargo.site/w/1000/i/21d9b637ff479cb7eee71d47b60e5bef2c0e8a20f8716b9e1abed7719c7aa90a/IMG_5072.JPG" /> <img width="1280" height="870" width_o="1280" height_o="870" data-src="https://freight.cargo.site/t/original/i/0e562c5b70183daffa6484312d0f6b0467b4ff5548c5e2b8e0c4ac188e0506dd/IMG_5077.JPG" data-mid="229716714" border="0" src="https://freight.cargo.site/w/1000/i/0e562c5b70183daffa6484312d0f6b0467b4ff5548c5e2b8e0c4ac188e0506dd/IMG_5077.JPG" /> <img width="1280" height="1886" width_o="1280" height_o="1886" data-src="https://freight.cargo.site/t/original/i/84fa2dacd013650e74a426b5e739616d52abf61da92ad1cde109e9ca69f47d85/IMG_5073.JPG" data-mid="229716706" border="0" src="https://freight.cargo.site/w/1000/i/84fa2dacd013650e74a426b5e739616d52abf61da92ad1cde109e9ca69f47d85/IMG_5073.JPG" /> <img width="1280" height="926" width_o="1280" height_o="926" data-src="https://freight.cargo.site/t/original/i/9ae7139e812cebddafcf5af204c88772c1869185e0bd076460639ebb4d6ce83f/IMG_5076-2.JPG" data-mid="229716711" border="0" src="https://freight.cargo.site/w/1000/i/9ae7139e812cebddafcf5af204c88772c1869185e0bd076460639ebb4d6ce83f/IMG_5076-2.JPG" /> <img width="1079" height="440" width_o="1079" height_o="440" data-src="https://freight.cargo.site/t/original/i/a7e96b220e0a7fb3b2bb05ff1644456ebed815e0ef6ff2b22c3c6323f813c993/IMG_9362.GIF" data-mid="229716716" border="0" src="https://freight.cargo.site/w/1000/i/a7e96b220e0a7fb3b2bb05ff1644456ebed815e0ef6ff2b22c3c6323f813c993/IMG_9362.GIF" /> The centerpiece—a freestanding bathtub—curates sensory escape: bottles of wine catching golden light, fresh-cut flowers perfuming the air, and Chill More’s bathing oils/candles arranged like ritual objects on reclaimed teak shelves. Every sightline terminates either in nature or product, making relaxation unavoidable. Poster Design Rationale <img width="596" height="1531" width_o="596" height_o="1531" data-src="https://freight.cargo.site/t/original/i/94e9f6448972cd9b7bbaf4b754e8b6b249d4f19981b183cb3d794a2d57cbf914/poster-01.jpg" data-mid="229716666" border="0" src="https://freight.cargo.site/w/596/i/94e9f6448972cd9b7bbaf4b754e8b6b249d4f19981b183cb3d794a2d57cbf914/poster-01.jpg" /> <img width="1280" height="1922" width_o="1280" height_o="1922" data-src="https://freight.cargo.site/t/original/i/51c9310b2b1a78681455e7534451134ee802716d9fcd1f73b6f48fd98ddf1369/IMG_9361.png" data-mid="229716676" border="0" src="https://freight.cargo.site/w/1000/i/51c9310b2b1a78681455e7534451134ee802716d9fcd1f73b6f48fd98ddf1369/IMG_9361.png" /> Concept Captures the liquid geometry of afternoon light across bathwater. Typography mimics sunlight’s slanted descent—"CHILL more" dissolving like citrus oil in warm water, while the bilingual tagline "Yuzu Ocean" layers Japanese citrus freshness with Chinese sunset poetry. The gradient mirrors both candle glow and dusk sky, turning product promotion into a meditative pause. Improvements Spatial storytelling:&nbsp;Now emphasizes why the 2nd floor matters (psychological elevation)Material intentionality:&nbsp;Adds "reclaimed teak" to echo brand sustainabilityPoster synesthesia:&nbsp;Connects visual elements to actual product experience (citrus scent → color gradient)Cultural layering:&nbsp;Bilingual copy deepens East-West relaxation philosophies https://carlapan.work/ONOSI-Cosmetic Fri, 08 Jul 2022 04:25:08 +0000 Carla's portfolio https://carlapan.work/ONOSI-Cosmetic ONOSI Cosmetic Branding UX Design Package Design ONOSI is committed to improving skincare results with products designed to reverse skin aging and restore youthfulness. Emphasizing "Uncomplicated Beauty," our project features simple design across branding, packaging, UI/UX, and logo design, using two signature colors to denote different product effects. <img width="3500" height="2500" width_o="3500" height_o="2500" data-src="https://freight.cargo.site/t/original/i/d08938d214948ce3941fadc81a5daf90e9b56c6ba156fdd273d3cc66c3182880/phone-app-Recovered2.png" data-mid="147374857" border="0" data-scale="77" src="https://freight.cargo.site/w/1000/i/d08938d214948ce3941fadc81a5daf90e9b56c6ba156fdd273d3cc66c3182880/phone-app-Recovered2.png" /> Design Goals: Create a brand that promotes mindful simplicity in daily skincare rituals, through intuitive product structures and soft, calming visuals. Target Audience: Young adults aged 20–30 with interest in self-care and minimal lifestyle aesthetics. <img width="1080" height="1620" width_o="1080" height_o="1620" data-src="https://freight.cargo.site/t/original/i/9498834b1a6beb9828362ec56f66a4c4e59212de4c5f937e760c0163028ad1f9/WechatIMG2123.jpeg" data-mid="234224482" border="0" src="https://freight.cargo.site/w/1000/i/9498834b1a6beb9828362ec56f66a4c4e59212de4c5f937e760c0163028ad1f9/WechatIMG2123.jpeg" /> <img width="1620" height="1080" width_o="1620" height_o="1080" data-src="https://freight.cargo.site/t/original/i/883113ae4930c0bc7ee11b712cfd4ba5ea8e13a28403e2da315ff164d8664941/WechatIMG2115.jpeg" data-mid="234224481" border="0" src="https://freight.cargo.site/w/1000/i/883113ae4930c0bc7ee11b712cfd4ba5ea8e13a28403e2da315ff164d8664941/WechatIMG2115.jpeg" /> <img width="1080" height="1620" width_o="1080" height_o="1620" data-src="https://freight.cargo.site/t/original/i/2c72d30f118931090b253c1c5fa9a2de2261b1ddae575bfc38b147f4dc5ba2af/WechatIMG2139.jpeg" data-mid="234224484" border="0" src="https://freight.cargo.site/w/1000/i/2c72d30f118931090b253c1c5fa9a2de2261b1ddae575bfc38b147f4dc5ba2af/WechatIMG2139.jpeg" /> “Uncomplicated Beauty” <img width="2417" height="1611" width_o="2417" height_o="1611" data-src="https://freight.cargo.site/t/original/i/85debadfd449a6d05d19012a9c46e7eb348084169d459d58b2aaed19b1182f7f/WechatIMG70.jpeg" data-mid="147374858" border="0" src="https://freight.cargo.site/w/1000/i/85debadfd449a6d05d19012a9c46e7eb348084169d459d58b2aaed19b1182f7f/WechatIMG70.jpeg" /> <img width="4912" height="7360" width_o="4912" height_o="7360" data-src="https://freight.cargo.site/t/original/i/12d7d8ab7f47b41a13cfaee5ee5db81a59fa2312d7bd92a305bb841916bd5824/DSC_3047.jpg" data-mid="147374847" border="0" src="https://freight.cargo.site/w/1000/i/12d7d8ab7f47b41a13cfaee5ee5db81a59fa2312d7bd92a305bb841916bd5824/DSC_3047.jpg" /> Visual Design&amp; Typography <img width="1137" height="797" width_o="1137" height_o="797" data-src="https://freight.cargo.site/t/original/i/6a3dfe3cbe71d1abd5e3f83ba54bc408cdf061b28e09dc4ba6dd02c5130f967b/501.png" data-mid="234225434" border="0" src="https://freight.cargo.site/w/1000/i/6a3dfe3cbe71d1abd5e3f83ba54bc408cdf061b28e09dc4ba6dd02c5130f967b/501.png" /> <img width="4000" height="6000" width_o="4000" height_o="6000" data-src="https://freight.cargo.site/t/original/i/942ce98fc1e2b04097eba1f6d84e8fc0aa3242ab39b008e94db492ccfa3c960f/DSC01020.jpg" data-mid="234225563" border="0" src="https://freight.cargo.site/w/1000/i/942ce98fc1e2b04097eba1f6d84e8fc0aa3242ab39b008e94db492ccfa3c960f/DSC01020.jpg" /> <img width="4000" height="6000" width_o="4000" height_o="6000" data-src="https://freight.cargo.site/t/original/i/9b9e1be6ff382755b0cb26a9161562fc0f44efd4acd7a209e4120d51b82c3b0a/DSC09966.jpg" data-mid="234225559" border="0" src="https://freight.cargo.site/w/1000/i/9b9e1be6ff382755b0cb26a9161562fc0f44efd4acd7a209e4120d51b82c3b0a/DSC09966.jpg" /> <img width="4000" height="6000" width_o="4000" height_o="6000" data-src="https://freight.cargo.site/t/original/i/35b90d2deb3cab7e1e1e04401a52ccdb9ce0e785ce73a6b2b6cad45bb5a69eb8/DSC00007.jpg" data-mid="234225556" border="0" src="https://freight.cargo.site/w/1000/i/35b90d2deb3cab7e1e1e04401a52ccdb9ce0e785ce73a6b2b6cad45bb5a69eb8/DSC00007.jpg" /> <img width="6000" height="4000" width_o="6000" height_o="4000" data-src="https://freight.cargo.site/t/original/i/9d546849e9ca9314b910aaf9079a006e58b623919af9585f8dde03c8886a713f/DSC01086.jpg" data-mid="147374875" border="0" src="https://freight.cargo.site/w/1000/i/9d546849e9ca9314b910aaf9079a006e58b623919af9585f8dde03c8886a713f/DSC01086.jpg" /> <img width="4000" height="6000" width_o="4000" height_o="6000" data-src="https://freight.cargo.site/t/original/i/94b2f97977fc930c66b0fb2691456bac703c33ce204aa23216505c6af1453f00/DSC00905.jpg" data-mid="147374872" border="0" src="https://freight.cargo.site/w/1000/i/94b2f97977fc930c66b0fb2691456bac703c33ce204aa23216505c6af1453f00/DSC00905.jpg" /> Website Redesign <img width="1920" height="1119" width_o="1920" height_o="1119" data-src="https://freight.cargo.site/t/original/i/65ab0e0626420dee27182604d9310bac678628c3e2237dc7314cf07cd93adb2d/Safari-1920x1080.png" data-mid="147374855" border="0" src="https://freight.cargo.site/w/1000/i/65ab0e0626420dee27182604d9310bac678628c3e2237dc7314cf07cd93adb2d/Safari-1920x1080.png" /> <img width="1920" height="989" width_o="1920" height_o="989" data-src="https://freight.cargo.site/t/original/i/d149fe469d6cc01f3f5af3d1b6757a824a1d35c1617f6647d23079f77830655d/Safari-1920x1080-copy.png" data-mid="147374853" border="0" src="https://freight.cargo.site/w/1000/i/d149fe469d6cc01f3f5af3d1b6757a824a1d35c1617f6647d23079f77830655d/Safari-1920x1080-copy.png" /> https://carlapan.work/Apple-Music-New-Feature Fri, 08 Jul 2022 04:24:57 +0000 Carla's portfolio https://carlapan.work/Apple-Music-New-Feature Apple Music - New Feature Mobile app UI/UX Design In this project, users can immerse themselves in local city and country insights while enjoying music that resonates with their surroundings. This feature not only fulfills users' desire for knowledge typically found elsewhere but also serves as a platform for businesses to promote music labels, concerts, and events. Artists can also use these functions to engage more closely with their fans <img width="1920" height="1363" width_o="1920" height_o="1363" data-src="https://freight.cargo.site/t/original/i/619dbba6f3d1d3d5f5ffc65dcad485407936c5b9efc581b7962f14a0c8b13e87/iPhone-XC-Mockup.png" data-mid="147374773" border="0" src="https://freight.cargo.site/w/1000/i/619dbba6f3d1d3d5f5ffc65dcad485407936c5b9efc581b7962f14a0c8b13e87/iPhone-XC-Mockup.png" /> Introduction Project Time: 6 Weeks Design Challenge Identified user drop-off points through research on Apple Music user behavior and feature comparisons with leading platforms. Identified user challenges: difficulty in creating playlists based on personal preferences due to mismatched song recommendations, and dissatisfaction with the user interface; users resort to other services for tour details. Key Insights By studying Apple Music user behavior and comparing it with leading platforms I identified key drop-off points: Playlist Creation: Poor song recommendations make it hard for users to create personalized playlists.Song Suggestions: Recommendations often don't match user preferences. User Interface: The app's interface is not user-friendly. Tour Information: Users need to use other services to find tour details. User Flow Diagram I designed wireframes for a location-based feature that creates playlists based on the user’s city and country. These playlists include trending music, most streamed tracks, local artists, and information on local events and concerts. <img width="1315" height="1024" width_o="1315" height_o="1024" data-src="https://freight.cargo.site/t/original/i/c3df4c54b574d898c323b39cb23aded6c9a0d56b1112aa2d4aa2252a01e485be/Desktop---1.png" data-mid="147374713" border="0" src="https://freight.cargo.site/w/1000/i/c3df4c54b574d898c323b39cb23aded6c9a0d56b1112aa2d4aa2252a01e485be/Desktop---1.png" /> <img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/b089bd9111f0564aa621e83bedf046230b3da12378f8bb8062952cbdb770f5c9/Desktop---2.png" data-mid="147374714" border="0" src="https://freight.cargo.site/w/1000/i/b089bd9111f0564aa621e83bedf046230b3da12378f8bb8062952cbdb770f5c9/Desktop---2.png" /> Wireframes I created a mid-fidelity prototype on Figma and conducted usability testing with four participants. One participant tested it in person, while two others tested it remotely via screen share. <img width="169" height="365" width_o="169" height_o="365" data-src="https://freight.cargo.site/t/original/i/428db20a7f7f2e07df6b66e8fa39cd7585c3ad4eb83f6ca37eb9214b44bf6eb0/Screen-Mask-5.png" data-mid="147374767" border="0" src="https://freight.cargo.site/w/169/i/428db20a7f7f2e07df6b66e8fa39cd7585c3ad4eb83f6ca37eb9214b44bf6eb0/Screen-Mask-5.png" /> <img width="169" height="365" width_o="169" height_o="365" data-src="https://freight.cargo.site/t/original/i/1b69171b671bea24da0fc4e01159eb2ce14bd14245885b2b28e16e59523abba0/Screen-Mask-2.png" data-mid="147374764" border="0" src="https://freight.cargo.site/w/169/i/1b69171b671bea24da0fc4e01159eb2ce14bd14245885b2b28e16e59523abba0/Screen-Mask-2.png" /> <img width="169" height="365" width_o="169" height_o="365" data-src="https://freight.cargo.site/t/original/i/630015fbaf771864420de5a064e11e3d71999e29c2c30e4edf1235fdbdc541be/Screen-Mask-3.png" data-mid="147374769" border="0" src="https://freight.cargo.site/w/169/i/630015fbaf771864420de5a064e11e3d71999e29c2c30e4edf1235fdbdc541be/Screen-Mask-3.png" /> <img width="169" height="365" width_o="169" height_o="365" data-src="https://freight.cargo.site/t/original/i/025bffc6d40cafe88ae329e69d9117ab52ceabe8f40b55c99b0f05cfe6548096/Screen-Mask-4.png" data-mid="147374766" border="0" src="https://freight.cargo.site/w/169/i/025bffc6d40cafe88ae329e69d9117ab52ceabe8f40b55c99b0f05cfe6548096/Screen-Mask-4.png" /> <img width="169" height="365" width_o="169" height_o="365" data-src="https://freight.cargo.site/t/original/i/6c046116abcfc9c58c84d747d2584fb6d9e35c2ffd1acace5a063e4e39be43aa/Screen-Mask.png" data-mid="147374768" border="0" src="https://freight.cargo.site/w/169/i/6c046116abcfc9c58c84d747d2584fb6d9e35c2ffd1acace5a063e4e39be43aa/Screen-Mask.png" /> Lo-Fi Wireframes <img width="338" height="730" width_o="338" height_o="730" data-src="https://freight.cargo.site/t/original/i/d8240eef3f3e81e744632c9d29e5f1cfe8713218ceb30cf2e8050f129bf9e9f0/Screen-Mask.png" data-mid="147374741" border="0" src="https://freight.cargo.site/w/338/i/d8240eef3f3e81e744632c9d29e5f1cfe8713218ceb30cf2e8050f129bf9e9f0/Screen-Mask.png" /> <img width="338" height="730" width_o="338" height_o="730" data-src="https://freight.cargo.site/t/original/i/2745f855958a8603155133949fb630dd7db7bfcc3dd6e7678f5135cada4224c1/03.png" data-mid="147374734" border="0" src="https://freight.cargo.site/w/338/i/2745f855958a8603155133949fb630dd7db7bfcc3dd6e7678f5135cada4224c1/03.png" /> <img width="338" height="730" width_o="338" height_o="730" data-src="https://freight.cargo.site/t/original/i/128ad0f5970a55318c78b3ce782fb44d18b55980d7bf21449b0ed5a5dfe5bd6e/Screen-Mask.png" data-mid="147374736" border="0" src="https://freight.cargo.site/w/338/i/128ad0f5970a55318c78b3ce782fb44d18b55980d7bf21449b0ed5a5dfe5bd6e/Screen-Mask.png" /> <img width="338" height="730" width_o="338" height_o="730" data-src="https://freight.cargo.site/t/original/i/bf310e0d5e88edab336cb7837c52f6e94915c2b27382efbef973e259ff89f74a/02.png" data-mid="147374733" border="0" src="https://freight.cargo.site/w/338/i/bf310e0d5e88edab336cb7837c52f6e94915c2b27382efbef973e259ff89f74a/02.png" /> <img width="338" height="730" width_o="338" height_o="730" data-src="https://freight.cargo.site/t/original/i/d25e03a06e5c7f2d5276ef8edd0c268f0fb52d0f29f5e17a483374b275d76190/Screen-Mask.png" data-mid="147374732" border="0" src="https://freight.cargo.site/w/338/i/d25e03a06e5c7f2d5276ef8edd0c268f0fb52d0f29f5e17a483374b275d76190/Screen-Mask.png" /> Mid-Fi Wireframes Usability Testing I conducted usability testing with four participants 1 in person and 2 remotely via screen share <img width="1046" height="1260" width_o="1046" height_o="1260" data-src="https://freight.cargo.site/t/original/i/d881991110f58c3783b14729ffbdaf5928af09750cd6f0225186444e129de371/Screen-Shot-2022-04-13-at-11.41.06-AM.png" data-mid="147374772" border="0" src="https://freight.cargo.site/w/1000/i/d881991110f58c3783b14729ffbdaf5928af09750cd6f0225186444e129de371/Screen-Shot-2022-04-13-at-11.41.06-AM.png" /> <img width="3012" height="1686" width_o="3012" height_o="1686" data-src="https://freight.cargo.site/t/original/i/555c2b5169443aa9b47ab5b6db6379612cf7e8af68f2a7f56eb86dea799dfb67/Screen-Shot-2022-04-13-at-12.26.52-PM.png" data-mid="147374770" border="0" src="https://freight.cargo.site/w/1000/i/555c2b5169443aa9b47ab5b6db6379612cf7e8af68f2a7f56eb86dea799dfb67/Screen-Shot-2022-04-13-at-12.26.52-PM.png" /> Task Completion&nbsp; 100% Task Error&nbsp; 92% Tasks Goal: Discover how easily a user can browse the Apple Music library.Check local events and concerts and add them to the calendar.Observe the overall user satisfaction when navigating through the prototype.Uncover any areas of inefficiency, confusion, or difficulty for the user Feature Overview <img width="600" height="1066" width_o="600" height_o="1066" data-src="https://freight.cargo.site/t/original/i/0bee2fdcf6759f2cf1627d64dace59668879635921cc563ea438f6f138a08c45/ezgif.com-gif-maker-27.gif" data-mid="147374745" border="0" data-scale="77" src="https://freight.cargo.site/w/600/i/0bee2fdcf6759f2cf1627d64dace59668879635921cc563ea438f6f138a08c45/ezgif.com-gif-maker-27.gif" /> Redesign Dashboard Allow location featureThe process begins by pressing “Allow Location,” prompting users to grant location access.Users are then asked to confirm their understanding of the button’s action and its implications.Once confirmed, they tap the location button to proceed.This action grants your app one-time permission to access their location.This enables the app to provide tailored services based on their current whereabouts. RedesignSongs“Songs” is the core feature of Apple Music, where users find their curated playlists and albums.Recommendations are based on the music users have "Loved."Users can easily access their favorite music.Music suggestions are tailored to the user's location.Personalized playlists help users discover new tracks and artists they might enjoy. <img width="600" height="971" width_o="600" height_o="971" data-src="https://freight.cargo.site/t/original/i/3cf7c685695d6eb95523dfb1ad0a3d3501bc59f75d2fe7cc1d8b8dc503168997/ezgif.com-gif-maker-28.gif" data-mid="147374746" border="0" data-scale="65" src="https://freight.cargo.site/w/600/i/3cf7c685695d6eb95523dfb1ad0a3d3501bc59f75d2fe7cc1d8b8dc503168997/ezgif.com-gif-maker-28.gif" /> <img width="600" height="930" width_o="600" height_o="930" data-src="https://freight.cargo.site/t/original/i/a03b9fe2c8bf4ac21445d8226b67e20b16310c548d9973027c5b93defd80f71d/ezgif.com-gif-maker-30.gif" data-mid="147374748" border="0" data-scale="81" src="https://freight.cargo.site/w/600/i/a03b9fe2c8bf4ac21445d8226b67e20b16310c548d9973027c5b93defd80f71d/ezgif.com-gif-maker-30.gif" /> RedesignRadio StationDiscover Local Radio: Explore popular local stations based on your location.Personalized Suggestions: Get recommendations that match your preferences and surroundings.Easy Access: Integrated into the app for seamless navigation.Improved Listening: Enjoy curated lists for a better music experience.Connect Locally: Engage with community culture through featured stations. RedesignEvents &amp;ConcertsUsers can access recommendations within the app, eliminating the need for a separate application.The app notifies users about events posted by artists they follow.Users receive notifications about concerts featuring their favorite artists.Recommendations for local events are provided based on the user's preferences.Event notifications include details such as venue, date, and ticket availability. <img width="600" height="971" width_o="600" height_o="971" data-src="https://freight.cargo.site/t/original/i/29945b863bfa8a166ffb411649ec1766a1234942c12e3426fbbd90ba3d71746b/ezgif.com-gif-maker-31.gif" data-mid="147374749" border="0" data-scale="76" src="https://freight.cargo.site/w/600/i/29945b863bfa8a166ffb411649ec1766a1234942c12e3426fbbd90ba3d71746b/ezgif.com-gif-maker-31.gif" /> <img width="600" height="971" width_o="600" height_o="971" data-src="https://freight.cargo.site/t/original/i/4ee7ba6b36a8b7287ef920183d3497241e1272245decbe76d6f94a25f97b7fcb/ezgif.com-gif-maker-26.gif" data-mid="147374750" border="0" data-scale="67" src="https://freight.cargo.site/w/600/i/4ee7ba6b36a8b7287ef920183d3497241e1272245decbe76d6f94a25f97b7fcb/ezgif.com-gif-maker-26.gif" /> RedesignPlay MusicUsers can now see adjacent songs (previous and next) for easier navigation.Horizontal swipe gestures enable switching between songs seamlessly.This new feature enhances user control over their listening experience.Intuitive navigation makes switching tracks more accessible than before.Enhancements allow for a more interactive and fluid music playback experience. Learnings Reflections &amp; Challenge This project has taught me how to navigate existing product constraints and design within established systems, leveraging familiar design patterns and components. Understanding users' needs indirectly, rather than asking directly, proved challenging yet effective in uncovering genuine pain points and crafting solutions that resonate with users' language and expectations. https://carlapan.work/lets-rave Fri, 08 Jul 2022 04:25:12 +0000 Carla's portfolio https://carlapan.work/lets-rave Let’s Rave UX DesignConcept As a festival enthusiast, the LetsRave app is tailored to empower music enthusiasts by facilitating seamless ticket purchases for concerts and performances by their beloved artists, ensuring they never miss out on their favorite events. <img width="4728" height="2800" width_o="4728" height_o="2800" data-src="https://freight.cargo.site/t/original/i/8482bfe2d164b2fb86eb8f15d4f83fbcee494d91bc9bbb9b4b1093695c70f8da/iPhone-XR-Isometric2.png" data-mid="147374950" border="0" src="https://freight.cargo.site/w/1000/i/8482bfe2d164b2fb86eb8f15d4f83fbcee494d91bc9bbb9b4b1093695c70f8da/iPhone-XR-Isometric2.png" /> Project time 4 Weeks Challenge User Comfort: User comfort and ease in purchasing concert tickets and artist merchandise. System Improvement: Improving system functionality to enhance user satisfaction. User Persona During the research, I developed a persona named Michelle to understand the pain points and frustrations of our target users. <img width="1344" height="622" width_o="1344" height_o="622" data-src="https://freight.cargo.site/t/original/i/e5cb3f3779eed59f2ba5cb91fab13d32df456782ac52a215c786d315cef1afc7/Frame-11.png" data-mid="147374954" border="0" src="https://freight.cargo.site/w/1000/i/e5cb3f3779eed59f2ba5cb91fab13d32df456782ac52a215c786d315cef1afc7/Frame-11.png" /> User Flow &amp; Initial&nbsp;WireFrames <img width="1535" height="769" width_o="1535" height_o="769" data-src="https://freight.cargo.site/t/original/i/f15210a4db8fff9e23c9d021ca280d64c5ef8b90c2172023f7dde280a97dcfe8/Frame-12.png" data-mid="147374956" border="0" src="https://freight.cargo.site/w/1000/i/f15210a4db8fff9e23c9d021ca280d64c5ef8b90c2172023f7dde280a97dcfe8/Frame-12.png" /> <img width="1535" height="769" width_o="1535" height_o="769" data-src="https://freight.cargo.site/t/original/i/cb6663e91d4c1fc5c1e7e3a3a090678ce909c913bea7e869bec3a8246bb76ce6/Frame-13.png" data-mid="147374957" border="0" src="https://freight.cargo.site/w/1000/i/cb6663e91d4c1fc5c1e7e3a3a090678ce909c913bea7e869bec3a8246bb76ce6/Frame-13.png" /> Usability Testing &amp; Feedback <img width="2054" height="634" width_o="2054" height_o="634" data-src="https://freight.cargo.site/t/original/i/9c9f4926d63cf741dcc1aacf12de21d85b36ea7169dfad2e9bc541e0685261c1/Frame-17.png" data-mid="147374959" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/9c9f4926d63cf741dcc1aacf12de21d85b36ea7169dfad2e9bc541e0685261c1/Frame-17.png" /> <img width="1342" height="1064" width_o="1342" height_o="1064" data-src="https://freight.cargo.site/t/original/i/619a50e18a63a49fec715f29bf69fdd34575fdc20b9c21aa80a8f5148a42cb41/Frame-19.png" data-mid="147374962" border="0" src="https://freight.cargo.site/w/1000/i/619a50e18a63a49fec715f29bf69fdd34575fdc20b9c21aa80a8f5148a42cb41/Frame-19.png" /> Home PageTrending EDM Music Festivals Upon entering the homepage, users are able to : Explore curated suggestions for the most trending EDM music festivals and shows. Discover upcoming events featuring their favorite EDM artists.Access quick links to purchase tickets and explore event details. Artists ListMore Details about the Performance Select your favorite EDM artist from the list.View their schedule of upcoming performances.Access detailed information on each artist's dedicated page, including event details and ticketing information.Explore the full lineup of upcoming shows and performances to plan your festival experience. <img width="1342" height="1064" width_o="1342" height_o="1064" data-src="https://freight.cargo.site/t/original/i/c6583141be13259cec07a019380f4340f091a79a1035ac35d1236243b67cdeb3/Frame-20.png" data-mid="147374963" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/c6583141be13259cec07a019380f4340f091a79a1035ac35d1236243b67cdeb3/Frame-20.png" /> <img width="1238" height="896" width_o="1238" height_o="896" data-src="https://freight.cargo.site/t/original/i/fc41a31895d8591e83c7a662212d0c98f9f1f65da3c0ea8a2bbf5bd06f89f80e/Frame-22.png" data-mid="147374967" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/fc41a31895d8591e83c7a662212d0c98f9f1f65da3c0ea8a2bbf5bd06f89f80e/Frame-22.png" /> Book your TicketsExplore Festival Details Explore comprehensive festival details, including location, time, and ticket prices, all on the first screen. Select "Buy Ticket" to initiate your purchase After confirming, view your order number for reference. Access detailed ticket information to ensure a smooth event experience. Upcoming EventsEasily Track Upcoming Events After purchasing a ticket, users can navigate back to the home page to track their upcoming events. Access detailed information about the concert ticket they've purchased upon entering the upcoming events page. View their ticket directly from the upcoming events page for easy access. Stay informed and prepared for their upcoming event with all necessary details at hand. <img width="1234" height="896" width_o="1234" height_o="896" data-src="https://freight.cargo.site/t/original/i/51916bc8aee43c2dfd550bfc4ff41bb0ff051e5313d23d6fd4df14fd631baa27/Frame-23.png" data-mid="147374968" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/51916bc8aee43c2dfd550bfc4ff41bb0ff051e5313d23d6fd4df14fd631baa27/Frame-23.png" /> https://carlapan.work/YAO-Original Fri, 08 Jul 2022 04:25:11 +0000 Carla's portfolio https://carlapan.work/YAO-Original Yào Original K-Design Award Winner of Communication Design UI Design Branding Package Design Yào is a beer company specializing in medicinal liquor for adult consumers. It stands out by incorporating healthy ingredients like hops and wormwood, known for their therapeutic properties in alleviating insomnia, depressive symptoms, nervous tension, and anxiety. <img width="3246" height="2282" width_o="3246" height_o="2282" data-src="https://freight.cargo.site/t/original/i/1883803b791f0d6a423c311b10f2542801ddad500418384c82723cd4e70f73ce/png-1.png" data-mid="147374924" border="0" src="https://freight.cargo.site/w/1000/i/1883803b791f0d6a423c311b10f2542801ddad500418384c82723cd4e70f73ce/png-1.png" /> INTRO Project Time: 12 Weeks Concept Choosing green as the primary color is symbolic of herb medicine and represents health. It communicates that the alcoholic drink offered by the company can benefit consumers' health. <img width="1442" height="966" width_o="1442" height_o="966" data-src="https://freight.cargo.site/t/original/i/bbcfe2bf6329402c163f58cdb52e6d8f70769574b3aab26dce5588b44612cb12/Screen-Shot-2022-04-20-at-7.41.png" data-mid="147374934" border="0" src="https://freight.cargo.site/w/1000/i/bbcfe2bf6329402c163f58cdb52e6d8f70769574b3aab26dce5588b44612cb12/Screen-Shot-2022-04-20-at-7.41.png" /> <img width="2028" height="2036" width_o="2028" height_o="2036" data-src="https://freight.cargo.site/t/original/i/e1d6e48c4e56b0021f6826f2aa80a3028abf6cfe4c7d4e709f60e6eda4161c9a/08-Bottle-Cap-Mock-Up.png" data-mid="147374938" border="0" src="https://freight.cargo.site/w/1000/i/e1d6e48c4e56b0021f6826f2aa80a3028abf6cfe4c7d4e709f60e6eda4161c9a/08-Bottle-Cap-Mock-Up.png" /> <img width="2244" height="2168" width_o="2244" height_o="2168" data-src="https://freight.cargo.site/t/original/i/a4d31df03cc3962d9f52128039481712eeaf5e8423a857d2a33f0cd0f2163429/05-Bottle-Cap-Mock-Up.png" data-mid="147374940" border="0" src="https://freight.cargo.site/w/1000/i/a4d31df03cc3962d9f52128039481712eeaf5e8423a857d2a33f0cd0f2163429/05-Bottle-Cap-Mock-Up.png" /> Desktop &amp;Mobile Product Page <img width="3043" height="2124" width_o="3043" height_o="2124" data-src="https://freight.cargo.site/t/original/i/00eb792f8769f065c47f28a6fdbd63d0d8dcde7d6ae4e58b77afb3bf345d8847/02-Desktop.png" data-mid="147374942" border="0" src="https://freight.cargo.site/w/1000/i/00eb792f8769f065c47f28a6fdbd63d0d8dcde7d6ae4e58b77afb3bf345d8847/02-Desktop.png" /> <img width="1330" height="2225" width_o="1330" height_o="2225" data-src="https://freight.cargo.site/t/original/i/01c77090af71f1eed7000ce75886fd5d1404e1ff4c30a8e51cc12c6b315afdee/04-Mobile02.png" data-mid="147374943" border="0" src="https://freight.cargo.site/w/1000/i/01c77090af71f1eed7000ce75886fd5d1404e1ff4c30a8e51cc12c6b315afdee/04-Mobile02.png" /> <img width="3246" height="2282" width_o="3246" height_o="2282" data-src="https://freight.cargo.site/t/original/i/f284f4c89bbd87bacfc1c7b77ac946e85cd52188f66c59bcf412cc2260ba1171/png-1.png" data-mid="147374944" border="0" src="https://freight.cargo.site/w/1000/i/f284f4c89bbd87bacfc1c7b77ac946e85cd52188f66c59bcf412cc2260ba1171/png-1.png" /> Package DesignIn the center of the circle is an illustration of a snake, symbolizing the brand's direct association with snakes. The product, Snake Gall Medical Wine, boasts 67.5% ABV, emphasizing its high alcohol concentration, which is a distinctive feature. <img width="1436" height="1026" width_o="1436" height_o="1026" data-src="https://freight.cargo.site/t/original/i/6eeecac2e6ee131e8cd8e3f4cc57d68f6915392c782848e270a9cd7ffbd57cc9/Screen-Shot-2022-04-20-at-8.19.01-PM.png" data-mid="147374945" border="0" src="https://freight.cargo.site/w/1000/i/6eeecac2e6ee131e8cd8e3f4cc57d68f6915392c782848e270a9cd7ffbd57cc9/Screen-Shot-2022-04-20-at-8.19.01-PM.png" /> <img width="3000" height="2000" width_o="3000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/2ac8a0baccea65b598fde4cf7581cbc632ca68a436b1fb1991f8dcade23c294d/beer_bottle_mockup_3.jpg" data-mid="147374946" border="0" src="https://freight.cargo.site/w/1000/i/2ac8a0baccea65b598fde4cf7581cbc632ca68a436b1fb1991f8dcade23c294d/beer_bottle_mockup_3.jpg" /> <img width="5000" height="3205" width_o="5000" height_o="3205" data-src="https://freight.cargo.site/t/original/i/fe88fd7f1daadf1a4eb813d5ef02fbe267506a9c0382584b0634fe12f7e84b50/05.jpg" data-mid="147374947" border="0" src="https://freight.cargo.site/w/1000/i/fe88fd7f1daadf1a4eb813d5ef02fbe267506a9c0382584b0634fe12f7e84b50/05.jpg" /> https://carlapan.work/UberEats-Health-mood Fri, 08 Jul 2022 04:25:17 +0000 Carla's portfolio https://carlapan.work/UberEats-Health-mood UberEats - Health mood&nbsp; UI Design Case Study Introducing UberEats Health Mode, tailored for health-conscious food enthusiasts and dieters. Users can order personalized dishes that align with their fitness goals, while also creating and monitoring their calorie targets directly within the app. <img width="1536" height="864" width_o="1536" height_o="864" data-src="https://freight.cargo.site/t/original/i/4954dcc5b37930021aeb9f12a7965fb0ef9b4d0a5565d91feea5e368c365edf1/animatedMockupV5.gif" data-mid="147375034" border="0" src="https://freight.cargo.site/w/1000/i/4954dcc5b37930021aeb9f12a7965fb0ef9b4d0a5565d91feea5e368c365edf1/animatedMockupV5.gif" /> IntroductionProject Time: 6 Weeks Project Team: Carla Pan, Jiayue Gou, Jasmin Liang Design challenge Unclear user navigation paths. Inconsistent visual design language. Lack of accessibility considerations. Poor user feedback integration. Overwhelming information architecture. Research &amp; Insights We began with an online survey that garnered 32 responses and conducted in-depth interviews with five individuals within our extended network to better understand their diet plans and daily activities. KEY INSIGNT 65% of survey respondents find it challenging to resist high-calorie foods while on a diet. 88% of respondents are interested in viewing the app's nutritional information and calorie counts.72% of respondents used food delivery apps more than three times per week during COVID-19. User Persona Using these insights, we crafted a persona named Natalie.To capture the pain points and frustrations of our target users. <img width="2550" height="1537" width_o="2550" height_o="1537" data-src="https://freight.cargo.site/t/original/i/6e61c420beeed4ba5b8d9e98edf302f8ac6d7e787aaf8de6bf59f7cf201c3512/Persona.png" data-mid="147375009" border="0" src="https://freight.cargo.site/w/1000/i/6e61c420beeed4ba5b8d9e98edf302f8ac6d7e787aaf8de6bf59f7cf201c3512/Persona.png" /> Initial Wireframes&amp; Testing We then sketched low-fi screens, focusing on the main features, in a simple hand-drawn style to outline the onboarding process steps. Next, we conducted 2 hours of in-class user testing to gather feedback on our low-fidelity designs. <img width="1855" height="1094" width_o="1855" height_o="1094" data-src="https://freight.cargo.site/t/original/i/595c83af3946a3ce7aedf7af53026098369b7c1b0a85abddafa9b26dd0230a08/Frame-697.png" data-mid="147375012" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/595c83af3946a3ce7aedf7af53026098369b7c1b0a85abddafa9b26dd0230a08/Frame-697.png" /> USER TEST FEEDBACK Improve the division between calorie and payment information on the checkout page.Add a separate page for nutrition and daily intake information after checkout.Include a questionnaire at the beginning to accommodate different dietary needs.Highlight the health mode feature when users first enter the home page.Focus on dishes rather than restaurants. High-Fidelity Layout Having finalized our user flow iterations and thoroughly refined our concepts, we transitioned into defining the visual style and embarking on the high-fidelity design phase. <img width="3418" height="1200" width_o="3418" height_o="1200" data-src="https://freight.cargo.site/t/original/i/7c8218d5b4f484a8c5576166b37d432b16e29dd87de474aff4f296afbb6bc41e/ubereats.png" data-mid="147375025" border="0" src="https://freight.cargo.site/w/1000/i/7c8218d5b4f484a8c5576166b37d432b16e29dd87de474aff4f296afbb6bc41e/ubereats.png" /> Survey Feedback&nbsp; Upon opening the app for the first time, users are warmly greeted with an essential introduction that provides guidance and sets the stage for their experience. Next, they can customize their daily meal goals by choosing tags based on their specific nutrient objectives.At the top of the app, users have the option to enable health mode according to their preferences. <img width="600" height="1066" width_o="600" height_o="1066" data-src="https://freight.cargo.site/t/original/i/55e9989818a8752bd9f49140722c9092c875aed7dada6dd279b223711186fca5/ezgif.com-gif-maker-33.gif" data-mid="147375026" border="0" data-scale="66" src="https://freight.cargo.site/w/600/i/55e9989818a8752bd9f49140722c9092c875aed7dada6dd279b223711186fca5/ezgif.com-gif-maker-33.gif" /> RedesignAdd DishesThe "Order Again" option entices customers with vivid, mouth-watering pictures of food, effectively encouraging repeat orders.Users have the flexibility to customize their dishes with a variety of toppings, each clearly displaying its calorie count.Detailed information is readily accessible for each dish, providing comprehensive details such as total calories and a breakdown of nutrient components.Essential nutritional components, including carbohydrates, proteins, and fats, are presented in kilograms, offering users a deeper understanding and informed choice about their food selections. RedesignCheck Out Page After completing all steps, users reach the checkout process named "Go to Check"Users can easily track their remaining calories displayed prominently at the top of the page. Detailed information on total calories and goals is provided at the bottom, where users confirm before proceeding.A comprehensive list shows ordered items, providing detailed insights into food calories, daily calorie goals, and the percentage contribution of each item to their daily intake.Further down, the page offers a comprehensive view of nutrient amounts and their proportions, aiding users in making informed dietary choices. <img width="600" height="1123" width_o="600" height_o="1123" data-src="https://freight.cargo.site/t/original/i/7bcd160672e9c0422e008727456f87057e20aaeca45630b4ea4a44ac24236e11/ezgif.com-gif-maker-26.gif" data-mid="147375028" border="0" data-scale="77" src="https://freight.cargo.site/w/600/i/7bcd160672e9c0422e008727456f87057e20aaeca45630b4ea4a44ac24236e11/ezgif.com-gif-maker-26.gif" />