https://stzudio.com stzudio Mon, 03 Mar 2025 23:40:04 +0000 https://stzudio.com en https://stzudio.com/Home-3-0 Thu, 29 Feb 2024 14:30:12 +0000 stzudio https://stzudio.com/Home-3-0 Term Finance web3, branding, motion, visual design Cork Protocol web3, branding, motion, visual design IN-HOUSE.COM UX/UI design, design system TENREN’S TEA UX/UI design DAYSHEETS UX/UI design FACEBOOK SOCIAL IMPACT UI Design, Content design Taipei Culture Center Visual design JANUS FILM UX/UI design Triple C DesignVisual design, branding Virtual Gallery SynergyUI design, 3d, metaverse Kitchen StarterMotion graphic BraincastWorksMotion/ Video editing Beer Belly BreweryPackaging/ Branding Taiwan Graphic Design ExhibitionBranding/ Graphic design https://stzudio.com/Term Mon, 03 Mar 2025 23:40:04 +0000 stzudio https://stzudio.com/Term Term Finance Interest rate volatility has long been a barrier to predictable lending and borrowing. Term Finance addresses this challenge by introducing a capital-efficient, fixed-rate, fixed-term lending protocol designed to bring certainty and transparency to on-chain credit markets. Role: Graphic/ Motion/ Website Client: Term Finance Year of Production: 2024-2025 TGE Video UI Walk through Partnership Videos Branding <img width="941" height="604" width_o="941" height_o="604" data-src="https://freight.cargo.site/t/original/i/98c6572f1e0229ad6e6640b2a18293f4be099f2ec02a3538abd7e2bf193c3b8d/Screenshot-2025-03-03-at-6.48.27PM.png" data-mid="227600533" border="0" src="https://freight.cargo.site/w/941/i/98c6572f1e0229ad6e6640b2a18293f4be099f2ec02a3538abd7e2bf193c3b8d/Screenshot-2025-03-03-at-6.48.27PM.png" /> <img width="1007" height="645" width_o="1007" height_o="645" data-src="https://freight.cargo.site/t/original/i/c3215bd3e238add4f20ffe51bdb7ee0f1f7bf9e1bafa2061530458df436c9dea/Screenshot-2025-03-03-at-6.59.09PM.png" data-mid="227600536" border="0" src="https://freight.cargo.site/w/1000/i/c3215bd3e238add4f20ffe51bdb7ee0f1f7bf9e1bafa2061530458df436c9dea/Screenshot-2025-03-03-at-6.59.09PM.png" /> <img width="697" height="634" width_o="697" height_o="634" data-src="https://freight.cargo.site/t/original/i/7a61cae8ee92f17dbf41f7f5703329a183e57a04a0fc05e8a8f820a06b2206a0/Screenshot-2025-03-03-at-6.48.38PM.png" data-mid="227600534" border="0" src="https://freight.cargo.site/w/697/i/7a61cae8ee92f17dbf41f7f5703329a183e57a04a0fc05e8a8f820a06b2206a0/Screenshot-2025-03-03-at-6.48.38PM.png" /> Marketing Templates <img width="611" height="326" width_o="611" height_o="326" data-src="https://freight.cargo.site/t/original/i/0e6d78c1d825e42ee83da7faba3c3983661fb2801dea01431ed0a84ee8c73bfa/Screenshot-2025-03-03-at-6.48.54PM.png" data-mid="227600539" border="0" src="https://freight.cargo.site/w/611/i/0e6d78c1d825e42ee83da7faba3c3983661fb2801dea01431ed0a84ee8c73bfa/Screenshot-2025-03-03-at-6.48.54PM.png" /> <img width="557" height="567" width_o="557" height_o="567" data-src="https://freight.cargo.site/t/original/i/e313365e6d30cc72bfd6dd7a3ae1e127a7853503076ce2f43e99bafc18537f39/Screenshot-2025-03-03-at-6.49.11PM.png" data-mid="227600540" border="0" src="https://freight.cargo.site/w/557/i/e313365e6d30cc72bfd6dd7a3ae1e127a7853503076ce2f43e99bafc18537f39/Screenshot-2025-03-03-at-6.49.11PM.png" /> <img width="1081" height="415" width_o="1081" height_o="415" data-src="https://freight.cargo.site/t/original/i/50bbf66190ed4abd34e61501d15ae75e2e5f6a480574f390918009e2532a5f36/Screenshot-2025-03-03-at-6.49.35PM.png" data-mid="227600541" border="0" src="https://freight.cargo.site/w/1000/i/50bbf66190ed4abd34e61501d15ae75e2e5f6a480574f390918009e2532a5f36/Screenshot-2025-03-03-at-6.49.35PM.png" /> <img width="1015" height="865" width_o="1015" height_o="865" data-src="https://freight.cargo.site/t/original/i/f79fd372abd1655693d5ee48b0b17923cbc4dc5afab73142f9c596af201f8551/Screenshot-2025-03-03-at-6.49.58PM.png" data-mid="227600542" border="0" src="https://freight.cargo.site/w/1000/i/f79fd372abd1655693d5ee48b0b17923cbc4dc5afab73142f9c596af201f8551/Screenshot-2025-03-03-at-6.49.58PM.png" /> <img width="1920" height="9697" width_o="1920" height_o="9697" data-src="https://freight.cargo.site/t/original/i/c3816c234b3cfbc928cc20c7becc509df862ee9bfc7d7fed05d84ee57de9c679/BlueSheets-Key-Visual.png" data-mid="227600638" border="0" src="https://freight.cargo.site/w/1000/i/c3816c234b3cfbc928cc20c7becc509df862ee9bfc7d7fed05d84ee57de9c679/BlueSheets-Key-Visual.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/be00e3ce4f5cc7d801bec8178b4a5332d149ce3ac2b3d7cf877a5f2976a26642/Points.png" data-mid="227600619" border="0" src="https://freight.cargo.site/w/1000/i/be00e3ce4f5cc7d801bec8178b4a5332d149ce3ac2b3d7cf877a5f2976a26642/Points.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/543baf48fffdbc9444c84b50e7d78d92e09682e795c81d21b167f009eec1b683/TSV.png" data-mid="227600620" border="0" src="https://freight.cargo.site/w/1000/i/543baf48fffdbc9444c84b50e7d78d92e09682e795c81d21b167f009eec1b683/TSV.png" /> <img width="960" height="540" width_o="960" height_o="540" data-src="https://freight.cargo.site/t/original/i/632a80e9fea63082f245869e50153ce31efa22e2a12edcb5b46adafb536496fe/Auction.png" data-mid="228117362" border="0" src="https://freight.cargo.site/w/960/i/632a80e9fea63082f245869e50153ce31efa22e2a12edcb5b46adafb536496fe/Auction.png" /> <img width="960" height="540" width_o="960" height_o="540" data-src="https://freight.cargo.site/t/original/i/5dc1fea4c5f14d970225f2eb24374095e1b8c85f2d86dd04b8c82facc0da40a5/TSV.png" data-mid="228117349" border="0" src="https://freight.cargo.site/w/960/i/5dc1fea4c5f14d970225f2eb24374095e1b8c85f2d86dd04b8c82facc0da40a5/TSV.png" /> <img width="960" height="540" width_o="960" height_o="540" data-src="https://freight.cargo.site/t/original/i/fce80289be5318c7602b41efc42f5c5d7eaf3e7fcf0f1a85af61855ff4507c68/TSV-2.png" data-mid="228116515" border="0" src="https://freight.cargo.site/w/960/i/fce80289be5318c7602b41efc42f5c5d7eaf3e7fcf0f1a85af61855ff4507c68/TSV-2.png" /> <img width="960" height="540" width_o="960" height_o="540" data-src="https://freight.cargo.site/t/original/i/611b4f10e0130d466d4bd2758d1377e76cb8211872fc7e2b4c23cda3461a1304/TSV-1.png" data-mid="228116514" border="0" src="https://freight.cargo.site/w/960/i/611b4f10e0130d466d4bd2758d1377e76cb8211872fc7e2b4c23cda3461a1304/TSV-1.png" /> ︎ Product launch video Milestone video Product promo video https://stzudio.com/Cork Mon, 03 Mar 2025 22:53:07 +0000 stzudio https://stzudio.com/Cork Cork Protocol Cork Protocol is a DeFi platform that enables users to hedge, trade, and earn by tokenizing the risk of depeg events for stablecoins and liquid (re)staking tokens. Through its innovative Depeg Swaps, Cork allows participants to manage the risk associated with pegged assets losing their expected market value, providing a market between buyers and sellers without trust assumptions. Website︎ Role: Graphic/ Motion/ Website Client: Cork Protocol Year of Production: 2024-2025 What is Cork? Analogy video&nbsp;aaaaa Branding <img width="1733" height="915" width_o="1733" height_o="915" data-src="https://freight.cargo.site/t/original/i/105d5c8a3527cefce5ce47ede38712604b6d44e8a1b99ff56777e04f0ec211a8/Screenshot-2025-03-03-at-6.21.06PM.png" data-mid="227599557" border="0" src="https://freight.cargo.site/w/1000/i/105d5c8a3527cefce5ce47ede38712604b6d44e8a1b99ff56777e04f0ec211a8/Screenshot-2025-03-03-at-6.21.06PM.png" /><img width="1499" height="970" width_o="1499" height_o="970" data-src="https://freight.cargo.site/t/original/i/e7cee1dcff0520891bc91a0589fdd9246bf8b25329e33d6900797966f489ea0a/Screenshot-2025-03-03-at-6.21.35PM.png" data-mid="227599556" border="0" src="https://freight.cargo.site/w/1000/i/e7cee1dcff0520891bc91a0589fdd9246bf8b25329e33d6900797966f489ea0a/Screenshot-2025-03-03-at-6.21.35PM.png" /> ︎ Marketing Templates <img width="902" height="564" width_o="902" height_o="564" data-src="https://freight.cargo.site/t/original/i/70ff3a58d3c90ee1b53c4203bdd6239ec1544981a00b3e75258a36858fece8e7/Screenshot-2025-03-03-at-6.23.11PM.png" data-mid="227599647" border="0" src="https://freight.cargo.site/w/902/i/70ff3a58d3c90ee1b53c4203bdd6239ec1544981a00b3e75258a36858fece8e7/Screenshot-2025-03-03-at-6.23.11PM.png" /><img width="1118" height="347" width_o="1118" height_o="347" data-src="https://freight.cargo.site/t/original/i/be99409487e656b7cadd5a808c058113f644558abeb78b8d6320757cfe3957f3/Screenshot-2025-03-03-at-6.23.26PM.png" data-mid="227599648" border="0" src="https://freight.cargo.site/w/1000/i/be99409487e656b7cadd5a808c058113f644558abeb78b8d6320757cfe3957f3/Screenshot-2025-03-03-at-6.23.26PM.png" /><img width="1477" height="3800" width_o="1477" height_o="3800" data-src="https://freight.cargo.site/t/original/i/32e6ef81fcb36454fe391c8d503d32710482775f944df1e3f02792cb5492dd74/Twitter-Posts.png" data-mid="230481658" border="0" src="https://freight.cargo.site/w/1000/i/32e6ef81fcb36454fe391c8d503d32710482775f944df1e3f02792cb5492dd74/Twitter-Posts.png" /> ︎ Website &lt;website link&gt; <img width="1056" height="651" width_o="1056" height_o="651" data-src="https://freight.cargo.site/t/original/i/d42696ceb573db6c8eb44bf347a84461a122a524d6be893c2d85c346ba96af0a/Screenshot-2025-03-03-at-6.28.32PM.png" data-mid="227599696" border="0" src="https://freight.cargo.site/w/1000/i/d42696ceb573db6c8eb44bf347a84461a122a524d6be893c2d85c346ba96af0a/Screenshot-2025-03-03-at-6.28.32PM.png" /><img width="539" height="680" width_o="539" height_o="680" data-src="https://freight.cargo.site/t/original/i/dd198f51489e84eb8a76e3b51c2279b01e4b4188a7f5166963e427045ffb1799/Screenshot-2025-03-03-at-6.28.38PM.png" data-mid="227599697" border="0" src="https://freight.cargo.site/w/539/i/dd198f51489e84eb8a76e3b51c2279b01e4b4188a7f5166963e427045ffb1799/Screenshot-2025-03-03-at-6.28.38PM.png" /> ︎ Promo Video Education Video for pitch deck NFTs https://stzudio.com/in-house Thu, 04 May 2023 18:49:31 +0000 stzudio https://stzudio.com/in-house in-House in-House is a desktop app that provides user ability to rate, comment, and share the company they work for annomously. In-House provides an anonymous platform for verified employees to rate and discuss company matters. Users create security questions to access their company's page and give feedback across various categories. All feedback is subject to team voting to build consensus and ensure accuracy. You can access the final product here︎ Role: Lead UI Designer Client: in-house.com Year of Production: 2023 <img width="1366" height="824" width_o="1366" height_o="824" data-src="https://freight.cargo.site/t/original/i/76db4bb049bd70da3ab67d2761b67e31cb09a5207048b0666483f4b5f0a464f6/hero-copy.jpg" data-mid="177698753" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/76db4bb049bd70da3ab67d2761b67e31cb09a5207048b0666483f4b5f0a464f6/hero-copy.jpg" /> Project OverviewProblem Statement Project - Handoff I was brought on board to take over a project that was originally handled by a previous design team. However, the previous system was not scaleable due to the nature of it being a start-up. The design system was not fully built.The previous designer who was involved had already left, and I had to pick it up in a short time.Some components were inconsistent, duplicated, and missing. Product - A High Bounce Rate&nbsp; We had a high bounce rate from the current product. Design - The first version of MVP has strong contrast.Product functionality - user being blocked by the mink (insider question), where we had high bounce rate. The post page function is not complete.Developeres - there were 7 breakpoints for the current product, the dev team doesn’t have components built.&nbsp; Project Goal Redesign the Product Design system - Atomic design system that will help dev to work faster.&nbsp;Responsive - use mobile, tablet, and desktop, 3 breakpoints to shorten the design/ dev process.UI - change the color to be less contrast but still follow the WCAG guide.&nbsp;Product - A feature to solve bounce rate, and complete the post page feature. Business Goal Engage the User and create an Efficient Work Process&nbsp; Following the launch of our MVP in January, we experienced a high bounce rate, and user engagement was low. Our product is centered around providing a platform for users to express themselves, and as such, we have consulted with stakeholders and our product owner to devise strategies to encourage insider activity and redesign/clean the design system. Resolve the high bounce rate issue with a new feature to engage none insidersAdding post reply(comment) function to help user interaction. &nbsp;Clean up/ Redesign the current design system. Users &amp; Audience Tech, Frontline, and Progressive Orgs From our research, we are targeting high-tech rebels (activist engineers), distressed essential (low-wage frontline), and progressive organs (startups, non-profit). <img width="960" height="600" width_o="960" height_o="600" data-src="https://freight.cargo.site/t/original/i/42c6a66a9578b63fb5b5a088911c7e5351e92a97ba1c22477b7ae82a555190f4/Target-User-Personas-UNDER-DEVEL.png" data-mid="178083301" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/960/i/42c6a66a9578b63fb5b5a088911c7e5351e92a97ba1c22477b7ae82a555190f4/Target-User-Personas-UNDER-DEVEL.png" /> <img width="960" height="600" width_o="960" height_o="600" data-src="https://freight.cargo.site/t/original/i/40bb73df28c43b9f5d2980137a3955b5e3f4ed796e2e0542cc7af420610f7b9d/Target-User-Personas-UNDER-DEVEL-1.png" data-mid="178083302" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/960/i/40bb73df28c43b9f5d2980137a3955b5e3f4ed796e2e0542cc7af420610f7b9d/Target-User-Personas-UNDER-DEVEL-1.png" /> Design Challenge Update the Design System, Components &amp; Release the New Version&nbsp; Project scope and requirements are as below New design system in atomic system. &nbsp;New features and pages.Rewrite UI rule bookLanding page update according to new designsRedesign UI scheme that helps users to understand different levels of content importance, such as visual hierarchy, color contrast, and design consistency.Hand off to devHelp QA My Role As the UI Design Lead, I collaborated closely with the Product Owner, Junior Designer, and Tech Leads. During the implementation phase, I provided firm guidance to two developers and two QA professionals to ensure successful project delivery. I also led the design team, managing their workflow to meet deadlines and maintain a consistent pace that was at least two weeks ahead of the development team. Throughout the development process, I oversaw all stages, including product strategy, branding, user flow, Hi-fi mockup creation, and project management. By taking full ownership of the product, I ensured that it was launched on schedule. Key Deliverables A number of deliverables were required for the project, including: New design system&nbsp;V2 MVPRewrite UI rule bookBranding&nbsp;User flowHigh-fi mockupsFeature graphic <img width="843" height="640" width_o="843" height_o="640" data-src="https://freight.cargo.site/t/original/i/be84bb3db8d6ab60966fa2959e288b66023244c9eeaf685d6d6af173e149edbf/landingpage_img_3-1.png" data-mid="177698874" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/843/i/be84bb3db8d6ab60966fa2959e288b66023244c9eeaf685d6d6af173e149edbf/landingpage_img_3-1.png" /> <img width="843" height="640" width_o="843" height_o="640" data-src="https://freight.cargo.site/t/original/i/e0fcade6223cd810d393dfaf482cd8c224432740af8facc2b1ae79d2aba01119/allVignettes-horizontal-needs-fixing-2-copy-2.png" data-mid="177698875" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/843/i/e0fcade6223cd810d393dfaf482cd8c224432740af8facc2b1ae79d2aba01119/allVignettes-horizontal-needs-fixing-2-copy-2.png" /> <img width="843" height="640" width_o="843" height_o="640" data-src="https://freight.cargo.site/t/original/i/e3b2bd6e3060f072e5ce0bab39fc161788e8888bae8faf571512505b11dedea1/landingpage_img_1-1.png" data-mid="177698876" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/843/i/e3b2bd6e3060f072e5ce0bab39fc161788e8888bae8faf571512505b11dedea1/landingpage_img_1-1.png" /> ︎ Design Process Developing process The developing process ran through 3 phases within 3 months:&nbsp; Discover / 1 Week&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎︎︎ Understand the current design (design system) &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎︎︎ Understand the current product problem (user flow, feature)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎︎︎ Competitive Analysis Define / 4 Weeks&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎︎︎ Oversee user flow &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎︎︎ UAT test/ target audience &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎︎︎ Workshop possible solutions &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎︎︎ Define design system Delivery / 8 Weeks &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎︎︎ Design execution - deliver Hi-fi mockups by phases &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎︎︎ Engineer execution - Build design components &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎︎︎ QA -&nbsp;Ensure shipping features with a high-quality bar Discover Competitive Analysis <img width="669" height="80" width_o="669" height_o="80" data-src="https://freight.cargo.site/t/original/i/63bcf6bf9ed9565061d8e110960553867aa2846ba4f5271ad33b0d53e642f207/Group-556.png" data-mid="178815750" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/669/i/63bcf6bf9ed9565061d8e110960553867aa2846ba4f5271ad33b0d53e642f207/Group-556.png" /> 1. Target Audience: Fishbowl primarily targets professionals in industries such as consulting, finance, and tech, while Blind caters to a broader range of professionals across various industries. 2. User Interface and Experience: Fishbowl's user interface is user-friendly and intuitive, with a clean and modern design. Blind's user interface is also user-friendly, but it is more minimalistic in design, and it focuses on providing a distraction-free experience. 3. Anonymity: Both Fishbowl and Blind allow users to remain anonymous. However, Blind has a stronger emphasis on anonymity, as it is a core feature of the platform. Blind allows users to communicate without revealing their identities, which can be beneficial in certain situations. Fishbowl allows users to create a pseudonymous profile, but it still requires users to provide their real name and company. 4. Features: Fishbowl offers a range of features, such as the ability to create or join interest-based groups, share knowledge, ask questions, and network with other professionals. Blind provides similar features but also includes the ability to post anonymously, which sets it apart from Fishbowl. 5. Community: Both platforms foster a sense of community and offer a space for professionals to connect and engage with one another. However, Fishbowl has a more established community and a larger user base, while Blind is a newer platform that is still growing. 6. Monetization: Fishbowl generates revenue by charging companies to sponsor or advertise on the platform. Blind does not currently generate revenue and has yet to implement any monetization strategies. Problems There’s two problems needs to be tackle at the same time Old design system - Inconsistent user experiences, confusion, and difficulties in maintaining and updating the product. To list a few issues below: naming in the component library is not consistent, margin/ spacing is not consistent, typography is not responsive...&nbsp; &nbsp; Old product user flow - We had two different user journeys - one for insiders and one for non-insiders (depending on whether they knew about insider information). For non-insiders, the journey ended when they clicked on a company card and saw the question popup. Insiders, on the other hand, could rate and post content, but the product was lacking in features for this group. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎︎︎Asking first time user to verify as an insider is confusing. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎︎︎looping user back to search page give user nothing to see. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎︎︎lack of interaction in the post section, user can’t interact with each other. Old user flow: <img width="5142" height="1690" width_o="5142" height_o="1690" data-src="https://freight.cargo.site/t/original/i/e1ca1e7c6c9194731cdb62a0d1d291b42f5abff8300af20615353e2687dae36d/V1-User-flow.png" data-mid="178258296" border="0" src="https://freight.cargo.site/w/1000/i/e1ca1e7c6c9194731cdb62a0d1d291b42f5abff8300af20615353e2687dae36d/V1-User-flow.png" /> Define Solution in New User Flow After the discussion with the product owner and team, we did workshop to explore possible solutions and came up with the solutions for the old flow problems: Feed page to host none insider, and allow them to ask questions. So they will stay on the page to interact.Adding a comment feature to allow insider to reply in the post. New user flow: <img width="6011" height="2264" width_o="6011" height_o="2264" data-src="https://freight.cargo.site/t/original/i/ab851c23a1f8ace26f68bee6054d1390f6703dbb6795280ef3f63b8d72636b43/V2-User-flow.png" data-mid="178263565" border="0" src="https://freight.cargo.site/w/1000/i/ab851c23a1f8ace26f68bee6054d1390f6703dbb6795280ef3f63b8d72636b43/V2-User-flow.png" /> &nbsp; Solution in Design System After the discussion with the product owner, we need to recreate a Atomic design system and a rule for future designer to follow: New design system: atomic system to create consistent and scalable digital products by breaking down interfaces into modular components.4pt grid spacing systemWe’ve create the new design system and helped dev team to transition, the system is in the following layers: Token(atom) ︎︎︎ Molecules ︎︎︎ Organisms ︎︎︎ PagesReduce responsive breakpoints from 7 to 3Adjust the Primary color to be less contrast but still follow WCAG standardCreate new UI rule book to anchor the rulesClean up all the component library about autolayout, naming and maintain it. <img width="4065" height="1682" width_o="4065" height_o="1682" data-src="https://freight.cargo.site/t/original/i/8eb9f5e6079af23c7566ec0662a4aba5c49438f972a81e27f9d6b63789509074/Group-528.png" data-mid="178365562" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/8eb9f5e6079af23c7566ec0662a4aba5c49438f972a81e27f9d6b63789509074/Group-528.png" /> <img width="3678" height="3606" width_o="3678" height_o="3606" data-src="https://freight.cargo.site/t/original/i/d01093fcb6d662377dbe37d7d13ce043957eee285bbdd1c8c306d2ec0b36f3ae/Typography.png" data-mid="178277755" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/d01093fcb6d662377dbe37d7d13ce043957eee285bbdd1c8c306d2ec0b36f3ae/Typography.png" /> <img width="3398" height="1767" width_o="3398" height_o="1767" data-src="https://freight.cargo.site/t/original/i/c7c95401101c38c7a9391ce7c83eee8a0f6393d011c977bac9c77dc989e4e54d/colors.png" data-mid="178277759" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/c7c95401101c38c7a9391ce7c83eee8a0f6393d011c977bac9c77dc989e4e54d/colors.png" /> ︎ Organ level components: <img width="1649" height="3705" width_o="1649" height_o="3705" data-src="https://freight.cargo.site/t/original/i/1ff80818d78249372f3400ba7456dad7d6f5e45ec4bfad07c0303929bbffebb8/buttons.png" data-mid="201374729" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/1ff80818d78249372f3400ba7456dad7d6f5e45ec4bfad07c0303929bbffebb8/buttons.png" /> <img width="1649" height="2241" width_o="1649" height_o="2241" data-src="https://freight.cargo.site/t/original/i/138ced1aeebdcb99cfa5e3593a769c477c3fdc262368e3049d244c4aac71c960/sort--dropdowns.png" data-mid="201374730" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/138ced1aeebdcb99cfa5e3593a769c477c3fdc262368e3049d244c4aac71c960/sort--dropdowns.png" /> <img width="1871" height="2319" width_o="1871" height_o="2319" data-src="https://freight.cargo.site/t/original/i/35ae8b761cdaa1929ad4397f1273563de3b5c63aa4ac3718335d79689eb5a810/headers.png" data-mid="201374732" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/35ae8b761cdaa1929ad4397f1273563de3b5c63aa4ac3718335d79689eb5a810/headers.png" /> <img width="3365" height="2285" width_o="3365" height_o="2285" data-src="https://freight.cargo.site/t/original/i/bb2139bfd6a1e1c471f818cb0b51d66e5d00dfcb8baa11711f8787fbde721ad4/text-input.png" data-mid="201374733" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/bb2139bfd6a1e1c471f818cb0b51d66e5d00dfcb8baa11711f8787fbde721ad4/text-input.png" /> <img width="4262" height="3398" width_o="4262" height_o="3398" data-src="https://freight.cargo.site/t/original/i/49fb9c289c2c6fed8718258727180dfed6ac528a22445a219371a362d5f99050/rate-tiles.png" data-mid="201374734" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/49fb9c289c2c6fed8718258727180dfed6ac528a22445a219371a362d5f99050/rate-tiles.png" /> <img width="2072" height="13296" width_o="2072" height_o="13296" data-src="https://freight.cargo.site/t/original/i/a6b2fecfff02e6b97ed4faa6c88a602150d0b2c974050e5d24cb05f63335bb45/pop-ups---FAQs.png" data-mid="201374735" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/a6b2fecfff02e6b97ed4faa6c88a602150d0b2c974050e5d24cb05f63335bb45/pop-ups---FAQs.png" /> <img width="3194" height="11944" width_o="3194" height_o="11944" data-src="https://freight.cargo.site/t/original/i/a86b6493e7dbfd0caa6dbee0b271a4f77d5957d506ecac438870b22cc1fd31f9/post---mink-cards.png" data-mid="201374736" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/a86b6493e7dbfd0caa6dbee0b271a4f77d5957d506ecac438870b22cc1fd31f9/post---mink-cards.png" /> <img width="5112" height="2603" width_o="5112" height_o="2603" data-src="https://freight.cargo.site/t/original/i/0b048fcc21ae47c29cbf47a0a54edc94f1b0f26ce47c07d14cb68ca18bf85465/footers.png" data-mid="201374737" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/0b048fcc21ae47c29cbf47a0a54edc94f1b0f26ce47c07d14cb68ca18bf85465/footers.png" /> ︎ Delivery Solution Because of the natural of fast pace in start up and short timeline for design execution, wireframes and low-fi mockups were’t required. We were simultaneously finding solutions while designing hi-fi mockups. Although for the demestration purpose I created a simple wireframe with hi-fi mockups that will help stack holder to understand the product before it’s build. Old &amp; New Comparison Because of the natural of fast pace in start up and short timeline for design execution, wireframes and low-fi mockups were’t required. We were simultaneously finding solutions while designing hi-fi mockups. Although for the demestration purpose I created a simple wireframe with hi-fi mockups that will help stack holder to understand the product before it’s build. (we are a mobile first web based product, I am only showing desktop view below. But feel free to go to the product itself to see the mobile responsive v.) ︎ Responsive - breakpoints from 7 to 3 Old <img width="1442" height="1128" width_o="1442" height_o="1128" data-src="https://freight.cargo.site/t/original/i/8af417c6128bf05def37ce10cc46ee521a4e26f6bdce4bc3e17d805512ff043b/Screen-Shot-2023-05-09-at-11.37.32-PM.png" data-mid="178278342" border="0" src="https://freight.cargo.site/w/1000/i/8af417c6128bf05def37ce10cc46ee521a4e26f6bdce4bc3e17d805512ff043b/Screen-Shot-2023-05-09-at-11.37.32-PM.png" /> Visual problems:Extra works for devs New <img width="1074" height="1406" width_o="1074" height_o="1406" data-src="https://freight.cargo.site/t/original/i/93f35a660079c81a693a3d48543284e7fb947d17b10c175a7f58f4325f25f7c8/Screen-Shot-2023-05-09-at-11.38.21-PM.png" data-mid="178278344" border="0" src="https://freight.cargo.site/w/1000/i/93f35a660079c81a693a3d48543284e7fb947d17b10c175a7f58f4325f25f7c8/Screen-Shot-2023-05-09-at-11.38.21-PM.png" /> Visual solution:Use most common 3 breakpoints for mobile, tablet and desktop using fewer breakpoints can help ensure that your design remains consistent across different devices, which can lead to a more seamless user experience. ︎ Landing Page - color scheme and UX issues Old <img width="1366" height="972" width_o="1366" height_o="972" data-src="https://freight.cargo.site/t/original/i/69aac71faab15e8770af9e16bf4923acce12a5b56482ef4c2f8d67d30c5bfab0/landing1.png" data-mid="178377461" border="0" src="https://freight.cargo.site/w/1000/i/69aac71faab15e8770af9e16bf4923acce12a5b56482ef4c2f8d67d30c5bfab0/landing1.png" /> <img width="1366" height="3594" width_o="1366" height_o="3594" data-src="https://freight.cargo.site/t/original/i/61f86cce1d939013278e725cbf9ac33559026f40e1182e85ebf052a1e3b55e3c/landing2.png" data-mid="178379158" border="0" src="https://freight.cargo.site/w/1000/i/61f86cce1d939013278e725cbf9ac33559026f40e1182e85ebf052a1e3b55e3c/landing2.png" /> Visual problems: Big contrast in color scheme will cause visual fatigue, lack of visual hierarchy. But most important is reduced fidelity. Content imgs are in V1 design. UX problems: Some of the user feel scare about the product. New <img width="1366" height="879" width_o="1366" height_o="879" data-src="https://freight.cargo.site/t/original/i/720325953a28e44842579dca5a24ceacd238ddc7c767be3a4eac8c8f251fd5ee/landing11.png" data-mid="178377476" border="0" src="https://freight.cargo.site/w/1000/i/720325953a28e44842579dca5a24ceacd238ddc7c767be3a4eac8c8f251fd5ee/landing11.png" /> <img width="1366" height="3504" width_o="1366" height_o="3504" data-src="https://freight.cargo.site/t/original/i/7be2453bede02e9a7b685c61cf92d1e794034add40df9886c57ebf4b634ab057/landing22.png" data-mid="178378537" border="0" src="https://freight.cargo.site/w/1000/i/7be2453bede02e9a7b685c61cf92d1e794034add40df9886c57ebf4b634ab057/landing22.png" /> Visual solution: Adjust the primary color to make it less contrast. I used ai to generate images and update the product img to v2 UX solution:Adding the demo profile card to replace the “try me!” CTA button. This will give user more transparent feelin Old <img width="742" height="1356" width_o="742" height_o="1356" data-src="https://freight.cargo.site/t/original/i/945b7634a60f536959ae62250cf0343b117a5444dca56118936a8a72105b8be3/Screen-Shot-2023-05-10-at-4.06.25-PM.png" data-mid="178379569" border="0" src="https://freight.cargo.site/w/742/i/945b7634a60f536959ae62250cf0343b117a5444dca56118936a8a72105b8be3/Screen-Shot-2023-05-10-at-4.06.25-PM.png" /> New <img width="880" height="1602" width_o="880" height_o="1602" data-src="https://freight.cargo.site/t/original/i/d2fc489b39443043cc84e91484b406d063fe17de374f5bbafe7a4372393636f9/Screen-Shot-2023-05-10-at-4.06.44-PM.png" data-mid="178379629" border="0" src="https://freight.cargo.site/w/880/i/d2fc489b39443043cc84e91484b406d063fe17de374f5bbafe7a4372393636f9/Screen-Shot-2023-05-10-at-4.06.44-PM.png" /> Old <img width="1366" height="2244" width_o="1366" height_o="2244" data-src="https://freight.cargo.site/t/original/i/d0435e1b8154bc0abf3cd19f93ac4fdd344b5ffcf0af934bd0f64a11062183c8/mink-1-1366px.png" data-mid="178382320" border="0" src="https://freight.cargo.site/w/1000/i/d0435e1b8154bc0abf3cd19f93ac4fdd344b5ffcf0af934bd0f64a11062183c8/mink-1-1366px.png" /> UX problem: User encountered a barrier at this point and quickly left without further engagement creates high bounce rate. New <img width="1366" height="2249" width_o="1366" height_o="2249" data-src="https://freight.cargo.site/t/original/i/f4ebaa972be7220461ee12f4893db35b07aeca7aec2b46a5c303269ae67ee711/Desktop_Feed-1366px.png" data-mid="178389588" border="0" src="https://freight.cargo.site/w/1000/i/f4ebaa972be7220461ee12f4893db35b07aeca7aec2b46a5c303269ae67ee711/Desktop_Feed-1366px.png" /> <img width="1386" height="774" width_o="1386" height_o="774" data-src="https://freight.cargo.site/t/original/i/60e0b6f60d597d4ea91406cab2037f6407a96a0a9219a24f60e700f87589b5ef/May-10-2023-17-03-36.gif" data-mid="178387696" border="0" src="https://freight.cargo.site/w/1000/i/60e0b6f60d597d4ea91406cab2037f6407a96a0a9219a24f60e700f87589b5ef/May-10-2023-17-03-36.gif" /> UX solution: Add a feed page to bridge none insider to see the overview of the company. Insider feed page is different from public view, and they are encourage to interact with none insider with replies Add a “ask community” button for none insider to interact with insiders. ︎ Post Page - enhance the engaging of insiders Old <img width="1366" height="2244" width_o="1366" height_o="2244" data-src="https://freight.cargo.site/t/original/i/d76459d21275887eba2e66753a981dc067edbd2d9385c8660edaf0ee72d93f88/post-v1-1366px.png" data-mid="178389965" border="0" src="https://freight.cargo.site/w/1000/i/d76459d21275887eba2e66753a981dc067edbd2d9385c8660edaf0ee72d93f88/post-v1-1366px.png" /> <img width="744" height="785" width_o="744" height_o="785" data-src="https://freight.cargo.site/t/original/i/c5b57a3ed8816ecc9a85d7109197c92096c4b516c401214e2844d83fbe8b5d40/Group-521.png" data-mid="178390424" border="0" src="https://freight.cargo.site/w/744/i/c5b57a3ed8816ecc9a85d7109197c92096c4b516c401214e2844d83fbe8b5d40/Group-521.png" /> Visual problems: Strong contrast Header too heavy Elements feels unsettleUX problem: User unable to reply to post, everytime user needs to reply creates a new post that lead to huge amount of post. Unable to find the post New <img width="1366" height="2244" width_o="1366" height_o="2244" data-src="https://freight.cargo.site/t/original/i/c98c5ed52fc87bbfa575242fe71787b9696407384f006ead2e204f6ce9d2e57c/post-1366px.png" data-mid="178389996" border="0" src="https://freight.cargo.site/w/1000/i/c98c5ed52fc87bbfa575242fe71787b9696407384f006ead2e204f6ce9d2e57c/post-1366px.png" /> <img width="1366" height="930" width_o="1366" height_o="930" data-src="https://freight.cargo.site/t/original/i/2c0e7f325afb8f887b4e0b003ddaf82ca35af2e8a4ea5de2dc8a46b9834cd3ea/May-10-2023-17-42-00.gif" data-mid="178391874" border="0" src="https://freight.cargo.site/w/1000/i/2c0e7f325afb8f887b4e0b003ddaf82ca35af2e8a4ea5de2dc8a46b9834cd3ea/May-10-2023-17-42-00.gif" /> Visual solution: Adjust the primary color to make it less contrast. Change the header spacing and keep it tighter. New layout to balance the design.UX solution: Add comments button and comment dialogue box to encourage user to reply Add sort button to enable user to sort post ︎ Tooltips - help user to learn some of our patented terminology To cater to distinct user behaviors on mobile and desktop platforms, we have implemented specific features. On mobile, we have incorporated a tooltip button for clicks, while on desktop, we have utilized the mouse hover behavior. This ensures an optimized and intuitive user experience based on the respective device. <img width="414" height="261" width_o="414" height_o="261" data-src="https://freight.cargo.site/t/original/i/13ad35e880ec29e932e5abffd027dbebd3e1b1d67136dce17fadec54c3843fe2/Group-5531.png" data-mid="178480666" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/414/i/13ad35e880ec29e932e5abffd027dbebd3e1b1d67136dce17fadec54c3843fe2/Group-5531.png" /> <img width="714" height="246" width_o="714" height_o="246" data-src="https://freight.cargo.site/t/original/i/d41a2e00c7134be09cc85bc475a5e88fd1d1cfc11a5780eebf0d92a764a94642/Group-554.png" data-mid="191946771" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/714/i/d41a2e00c7134be09cc85bc475a5e88fd1d1cfc11a5780eebf0d92a764a94642/Group-554.png" /> ︎ Hi - Fi prototype - help marketing team, Dev and QA to handoff &nbsp; <img width="1478" height="1184" width_o="1478" height_o="1184" data-src="https://freight.cargo.site/t/original/i/86c2b6229962020148364eede24bd998ff1785c9e7bfd043ecfdf7a3caa71fb7/Screen-Shot-2023-05-11-at-12.04.36-PM.png" data-mid="178478991" border="0" src="https://freight.cargo.site/w/1000/i/86c2b6229962020148364eede24bd998ff1785c9e7bfd043ecfdf7a3caa71fb7/Screen-Shot-2023-05-11-at-12.04.36-PM.png" /> You can access the final product here︎ ︎ Outcome New UX/UI implemeted Boosted user conversion rate Our product has achieved an impressive click-through rate of nearly 90% to the Twitter Global Workforce page, accompanied by a remarkable conversion rate of almost 40% upon arrival.&nbsp; Lessons Learned By leveraging my experience, I now understand the value of starting with a design guide before diving into the actual UI development. This approach minimizes back and forth, resulting in a more efficient design process.To enhance the inclusivity of sizing in our responsive design, we can consider adjusting the breakpoints. Currently, we are utilizing 1366px for desktop, but I believe we can potentially use 1280px or even smaller as an alternative breakpoint. This adjustment would allow for a broader range of devices to comfortably access our interface.What We can Improve The current product still lack of function to interact with users.&nbsp;Below are the next steps we can take: Add a poll function.Add a new function that user can interact with other company.Add a blog page to share news about workers. https://stzudio.com/Ten-Ren-s-Tea Thu, 15 Sep 2022 19:57:34 +0000 stzudio https://stzudio.com/Ten-Ren-s-Tea TenRen’s Tea TenRen’s Tea is an international tea distribution leader. Founded in Taiwan in 1953, TenRen’s Tea has quickly expanded to more than 100 retail stores worldwide and more than 20 stores in North America to provide convenient access to its fine teas. Their operation is under the motto of "A Traditional Business Under Modern Management”. They desire to provide products to enhance the quality of life and health for our customers. Role:UX/UI Designer Client:TenRen’s Tea Year of Production:2019 <img width="2270" height="1538" width_o="2270" height_o="1538" data-src="https://freight.cargo.site/t/original/i/bea4b3a29a213c6e7436ff500eafaf4dbddc06a51e02afd59d04010bc0b98325/tenren-s-tea-landingimg.png" data-mid="153363297" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/bea4b3a29a213c6e7436ff500eafaf4dbddc06a51e02afd59d04010bc0b98325/tenren-s-tea-landingimg.png" /> Overview: TenRen’s Tea is a famous tea branch that has both online services and physical stores across the States. They’ve been doing well although the growth is slowing down their customers are still loyal. However, we notice that the current website is not mobile friendly, and not easy to find the product. TenRen’s Tea Old Website︎ Challenge: 1). Users had difficulty finding the product they want. 2). Too many product on the website that confused the users. 3). Mobile site is hard to Navigate. Goal: Optimize the site with better flow to help user navigate and ease user’s confuse feeling. So that will help users on tea purchasing process. To start my design process, I ask myself some questions. What did competitors do differently? How can I improve users to find tea faster? Who are the target audiences/ users? What feature are we missing that will fundamentally help us? What do users need the most? <img width="1600" height="800" width_o="1600" height_o="800" data-src="https://freight.cargo.site/t/original/i/1f1e2b2bea32a5d0e525672c74bf3d694245540023e224d5a1e835b33fb3ec68/DALLE-2022-09-19-15.55.14---A-painting-of-UX-designers-working-in-2030s-by-Hieronymus-Bosch..png" data-mid="159279580" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/1f1e2b2bea32a5d0e525672c74bf3d694245540023e224d5a1e835b33fb3ec68/DALLE-2022-09-19-15.55.14---A-painting-of-UX-designers-working-in-2030s-by-Hieronymus-Bosch..png" /> Research Understand User’s Needs Beginning with usability testing of the current site, asking them about how to navigate the site, make the purchase on their desktop and phone. The 5 users seems confused and frustrated about the present site. Key takeaways: People found it difficult to find what they want due to unclear categories of product “I am confused about the layout of the shop page, I see some of the product of one category but not the one I want.” “Why is there a category name gift set and what’s new along with all other teas?” “I found it difficult to find exactly what I want, I don’t know the difference of different Tea.” “It’s hard to find the tea by its region, taste or function.” People found the information of the product not clear “I can’t see how much cheaper on the sale product, it only says sale but no original price.” “I can’t find tea through specific function, I will have to click them one by one. The information are not in same format” “Some category is empty” People found it difficult to use the mobile version “The shop page is confused, I don’t know how to use it” “There’s no search function in the mobile version” Although users find the check out process is easy“Once I add my product to the cart, rest of the step is easy” Research Competitive Audit Report: I research 4 other companies in the North America Tea industry: T2, The Tea Story, Chado Tea room, Art of Tea. This research will only focus on the tea ordering flow and responsiveness. <img width="1079" height="925" width_o="1079" height_o="925" data-src="https://freight.cargo.site/t/original/i/2a40cdef92331e8c0185c5633e89ea389f59798235fd2cacb5ca3077a536fc6c/Competitive-report-Tea---Tea.jpg" data-mid="153364995" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/2a40cdef92331e8c0185c5633e89ea389f59798235fd2cacb5ca3077a536fc6c/Competitive-report-Tea---Tea.jpg" /> Gaps &amp; Oppotunities: We are missing some features in the category section and some on the product detail page. These competitors all have a different way to categorize products, we will focus on what users need and the pain points in the user interview to find the possible features. Yet we are not to rush putting these features into our website. This research shows that TenRen’s Tea page still can grow. Those missing features can easily be the key to growth. For now, we will use this information to conduct a user interview and we will come back to review the possible features once we talk to the users. <img width="1600" height="800" width_o="1600" height_o="800" data-src="https://freight.cargo.site/t/original/i/0c325e0818bba8956106f34ca262459c3e693dd0a2018485809d96eb1afe0c19/DALLE-20222-09-19-15.55.14---A-painting-of-UX-designers-working-in-2030s-by-Hieronymus-Bosch..png" data-mid="159280900" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/0c325e0818bba8956106f34ca262459c3e693dd0a2018485809d96eb1afe0c19/DALLE-20222-09-19-15.55.14---A-painting-of-UX-designers-working-in-2030s-by-Hieronymus-Bosch..png" /> Research User Interviews In the user interview, we want to figure out what users wanted in a tea website. What were their needs? How do they make decisions? What’s the key element toward a purchase? We started with a screener survey through SurveyMonkey to filter our target audience, which was people who drink tea regularly, live in North America, and had purchased tea online in the past. After the initial survey, we found 12 people that fit into our target audience and were willing to join the interview. The questions we asked were based on the user test and competitor audit report. Below are some of the questions we asked. How often do you drink tea? What’s your tea age (how many years you’ve been drinking tea)? Why do you drink tea? Do you have a favorite tea? and why? Where do you get your tea? Have you purchased tea online? Can you describe your experience when you shop for tea online? What’s the factor that effect your decisions? Do you encounter any difficulty when shopping for tea online? Is there any way in which you feel these challenges could be resolved? Pain points: We found the pain points during the interview. A user feels frustrated because they can’t find the tea they want. A user feels overwhelmed by too many options in one category and couldn’t make a decision. A user says it will be nice to know how the tea was packaged. A user feels not comfortable with his tea choice. A user shop when ran out of tea stocks at home. A user hesitates about trying a new tea. A user buys tea online because of a sale. After the interview, we use the notes and recordings to create key takeaways. We also came up with possible features that correspond to the pain points, and put it in the&nbsp;Affinity map to organize the datas. <img width="2847" height="1404" width_o="2847" height_o="1404" data-src="https://freight.cargo.site/t/original/i/eb9ad9051ce09b7b746038986bdb0cbc0f32f52f45b09efe3862bebf7df33d8c/TenRen-s-Tea-Affinity-Diagram---Frame-4.jpg" data-mid="166856578" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/eb9ad9051ce09b7b746038986bdb0cbc0f32f52f45b09efe3862bebf7df33d8c/TenRen-s-Tea-Affinity-Diagram---Frame-4.jpg" /> <img width="2464" height="1622" width_o="2464" height_o="1622" data-src="https://freight.cargo.site/t/original/i/a960561a6007a5771f47343cb7183fae74003f1c9263379a90483980744df2f0/TenRen-s-Tea-Affinity-Diagram---Frame-3.jpg" data-mid="166855302" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/a960561a6007a5771f47343cb7183fae74003f1c9263379a90483980744df2f0/TenRen-s-Tea-Affinity-Diagram---Frame-3.jpg" /> User Interview Takeaways A. Purchase intentions: Through the pain points, we can catagories that users have two different types of intentions. The user knows what they want and tries to find the item.&nbsp; (Returned purchase and First time purchase) The user does not know what the user wants but wants to try something new and browse around. B. Possible features from pain points: Search button, category system, Reviews, Taste, function, origin, Packaging Icon, tea pass - User knows what they wants Keyword selection board, top selling tea, Reviews, Taste, function, origin - User browse around We will review these features again when we create our user task. It will help us to prioritize features that meet user needs. <img width="1600" height="800" width_o="1600" height_o="800" data-src="https://freight.cargo.site/t/original/i/545df39fb872f423e7e734500d8cb0e9b5b61610d07aceec08803b91a952295c/DALLE-2022-09-19-16.44.25---A-painting-of-UX-designers-working-in-2030s-by-Hieronymus-Bosch..png" data-mid="155635997" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/545df39fb872f423e7e734500d8cb0e9b5b61610d07aceec08803b91a952295c/DALLE-2022-09-19-16.44.25---A-painting-of-UX-designers-working-in-2030s-by-Hieronymus-Bosch..png" /> Research Problem Statement, the Possible Solutions &amp; Ideation Key Features After the user testings, competitor audit, user interviews, pain points, possible solutions and personas, we come up with the problem and solution. Problem Statement: Users want to find the product they want faster and want to search through filters. But finding the current site is too complicated and hard to find the tea they want. We then use “How might we” method to ideate datas from interview included purchase intentions and features for each possible solutions. User feels overwhelmed by too many options in one category and couldn’t make decision. User feels frustrated because they can’t find the tea they want. User feels not comfortable with his tea choice. “How might we help users to find the product they want, need and fast?” Possible Solutions: Create a better&nbsp;menu system for users to find the tea they want by creating a multi-category system allowing users to find the tea they want faster. Create a customized interactive tea selection by creating a keyword selection board allowing users to select tea by their needs. Create a purchase history page with past order in it for users to order faster and smoother. Key Features: Better way to find the products they want &gt; Optimize the menu system Faster and smoother way to order from previous order &gt; Tea pass (Tea Caddy)Help users to know the tea and know what they want &gt; keyword selection board (Customize tea finder) Define &amp; Ideation User Tasks: Before we create a complete user flow, we start with a user task to revamp the purchasing process.From our research we needs to enhance three different portal for users to reach their goal.&nbsp;We added one more task for user who knows what they want and want to find the tea through direct search. Through menu Through purchase history Through customized tea finder*SearchWe then create four user tasks for different types of users. A. The user knows what the user wants and clicks the search feature directly. <img width="3774" height="650" width_o="3774" height_o="650" data-src="https://freight.cargo.site/t/original/i/c6cce4e4af3b87b4d0e65df820f2514bf093b180e349156fd281e1f80a46a5df/TenRen-s-Tea-User-Task_A.jpg" data-mid="153370435" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/c6cce4e4af3b87b4d0e65df820f2514bf093b180e349156fd281e1f80a46a5df/TenRen-s-Tea-User-Task_A.jpg" /> B. The user knows what the user wants and clicks the shop menu to find the tea in the category. <img width="4870" height="650" width_o="4870" height_o="650" data-src="https://freight.cargo.site/t/original/i/148d3eb1a40231a8d8f1941802ba986f93dbe83f58a6caeae3f73df0b2b2f764/TenRen-s-Tea-User-Task_B.jpg" data-mid="153370446" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/148d3eb1a40231a8d8f1941802ba986f93dbe83f58a6caeae3f73df0b2b2f764/TenRen-s-Tea-User-Task_B.jpg" /> C. The user knows what the user wants and clicks “Tea pass (Tea Caddy)” to purchase from previous purchase. <img width="3774" height="650" width_o="3774" height_o="650" data-src="https://freight.cargo.site/t/original/i/f45cfd4e915164b576c80942e26d5bba7188aa6111eb3034798b6ceacd8fd3e0/TenRen-s-Tea-User-Task_C.jpg" data-mid="153370544" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/f45cfd4e915164b576c80942e26d5bba7188aa6111eb3034798b6ceacd8fd3e0/TenRen-s-Tea-User-Task_C.jpg" /> D. The user does not know what the user wants and clicks the “Find tea” button to find tea. <img width="3774" height="650" width_o="3774" height_o="650" data-src="https://freight.cargo.site/t/original/i/2c553861c7f6fec1a1346f4e6e815283d95adf3d7ac0e371275facd6503b5fbe/TenRen-s-Tea-User-Task_D.jpg" data-mid="153370564" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/2c553861c7f6fec1a1346f4e6e815283d95adf3d7ac0e371275facd6503b5fbe/TenRen-s-Tea-User-Task_D.jpg" /> Define &amp; Ideation User Flow: With our key features and user tasks being built, we were able to connect all the puzzles into user flows. These are the anchor, the tree trunk, and the branches of a blooming tree. <img width="4028" height="5532" width_o="4028" height_o="5532" data-src="https://freight.cargo.site/t/original/i/1a6777b4534894a094a02375908408ea7b004130313fc9fbab6961131eb6ac68/TenRen-s-Tea-User-Flow.jpg" data-mid="153370571" border="0" src="https://freight.cargo.site/w/1000/i/1a6777b4534894a094a02375908408ea7b004130313fc9fbab6961131eb6ac68/TenRen-s-Tea-User-Flow.jpg" /> Catagorized all the items: <img width="1101" height="907" width_o="1101" height_o="907" data-src="https://freight.cargo.site/t/original/i/d8de21043edfd04aad988befc4f39aaa2ebc94107b317dbc80b48b6f1fa6fba4/Tenrens-tea-cateragory---Frame-2.jpg" data-mid="153447492" border="0" src="https://freight.cargo.site/w/1000/i/d8de21043edfd04aad988befc4f39aaa2ebc94107b317dbc80b48b6f1fa6fba4/Tenrens-tea-cateragory---Frame-2.jpg" /> <img width="1120" height="892" width_o="1120" height_o="892" data-src="https://freight.cargo.site/t/original/i/1ea9e3994a6ccdabeee07a168853d65f62674ad0a79561afa3cbdc474b9b6511/Tenrens-tea-cateragory---Frame-1.jpg" data-mid="153447488" border="0" src="https://freight.cargo.site/w/1000/i/1ea9e3994a6ccdabeee07a168853d65f62674ad0a79561afa3cbdc474b9b6511/Tenrens-tea-cateragory---Frame-1.jpg" /> Delivery Wireframe and Prototype After some sketches on paper, I jump into Figma and create the wireframe and made it into prototype according to the User Flows. I created both web and mobile version with responsible design. Web wireframe:&nbsp;(clickable) <img width="1600" height="800" width_o="1600" height_o="800" data-src="https://freight.cargo.site/t/original/i/336559dc70c948dc18eec7c773420262b24a5ba48ba5ec388a6d1b31843380a2/DALLE-2022-09-19-17.23.59---A-painting-of-UX-designers-working-in-2030s-by-Hieronymus-Bosch..png" data-mid="155636055" border="0" src="https://freight.cargo.site/w/1000/i/336559dc70c948dc18eec7c773420262b24a5ba48ba5ec388a6d1b31843380a2/DALLE-2022-09-19-17.23.59---A-painting-of-UX-designers-working-in-2030s-by-Hieronymus-Bosch..png" /> IterationIteration and Insight from the prototype user testing: We ran a usability study with 10 users. The goal of the user testing is to find out if users were able to purchase a movie ticket on the low-fi prototype smoothly.&nbsp;We analyze the result and came up with the theme below: Users think the website is not attractive10 out of 10 participants think the website might not finish yet.6 out of 10 participants found they want to see more product picture.Users think the mobile app not useful10 out of 10 participants found the mobile app hard to use.3 out of 10 participants found the user flow were smooth.Users think the purchasing process is smooth10 out of 10 participants found process smooth.&nbsp;Users can find what they want10 out of 10 participants found what they want in different method. 10 out of 10 participants found it’s easy and fast to find the tea. Prioritized insight: Bring back landing page with big hero image. Add tutorial in the mobile app. The Hi-Fi Prototype:(clickable) Takeaways: We’ve create both mobile native app and desktop version, but due to miss communication the client only need desktop version. What can be improve: We faced challenges in measuring the success of our approach, that’s why we couldn’t convince the client, but we have set a high bar for users to learn and grow. The communication between client and our account needs to be improve.We provide an alternative and simplier app with reward features. <img width="460" height="996" width_o="460" height_o="996" data-src="https://freight.cargo.site/t/original/i/b371ca70016b954aa94788fcdf6b642f541efe56731d6415bab9321161b6b1b0/460x0w.jpeg" data-mid="206513367" border="0" src="https://freight.cargo.site/w/460/i/b371ca70016b954aa94788fcdf6b642f541efe56731d6415bab9321161b6b1b0/460x0w.jpeg" /> <img width="460" height="996" width_o="460" height_o="996" data-src="https://freight.cargo.site/t/original/i/dc670524cb8188292b1fc72bbc35b8deba16825381659fe6ef24e5dd18e82de1/460x0w-1.jpeg" data-mid="206513369" border="0" src="https://freight.cargo.site/w/460/i/dc670524cb8188292b1fc72bbc35b8deba16825381659fe6ef24e5dd18e82de1/460x0w-1.jpeg" /> <img width="460" height="996" width_o="460" height_o="996" data-src="https://freight.cargo.site/t/original/i/33f617450f2749daeacedc651f9aad71a39576deb560b5ed9353230e64bb2547/460x0w-2.jpeg" data-mid="206513370" border="0" src="https://freight.cargo.site/w/460/i/33f617450f2749daeacedc651f9aad71a39576deb560b5ed9353230e64bb2547/460x0w-2.jpeg" /> <img width="460" height="996" width_o="460" height_o="996" data-src="https://freight.cargo.site/t/original/i/a107031dc09b1cafce938800617db4eed32372172beef15ff00833e39bd20bdc/460x0w-3.jpeg" data-mid="206513371" border="0" src="https://freight.cargo.site/w/460/i/a107031dc09b1cafce938800617db4eed32372172beef15ff00833e39bd20bdc/460x0w-3.jpeg" /> <img width="460" height="996" width_o="460" height_o="996" data-src="https://freight.cargo.site/t/original/i/e8be1ba18ac370d1496e10e75e4dad853057e01c1be1da7d4e447700237499d4/460x0w-4.jpeg" data-mid="206513372" border="0" src="https://freight.cargo.site/w/460/i/e8be1ba18ac370d1496e10e75e4dad853057e01c1be1da7d4e447700237499d4/460x0w-4.jpeg" /> See the final product here︎︎︎ https://stzudio.com/Daysheets Fri, 19 Apr 2024 14:58:47 +0000 stzudio https://stzudio.com/Daysheets Daysheets Daysheets is a touring and production management product designed to assist touring managers in tracking, booking, assigning, planning, and creating tasks.&nbsp; Role:Product Designer Client:Daysheets Year of Production:2023 <img width="2000" height="1355" width_o="2000" height_o="1355" data-src="https://freight.cargo.site/t/original/i/468f69229e374f6d378ae1b57aa2bc3f18124501844f136f47ef47df173f3bf2/Hero_ds.jpg" data-mid="209323123" border="0" src="https://freight.cargo.site/w/1000/i/468f69229e374f6d378ae1b57aa2bc3f18124501844f136f47ef47df173f3bf2/Hero_ds.jpg" /> Overview: Lead the overhaul of Daysheet's beta desktop application and landing page, aiming for improved functionality and user experience. Strategize and prepare for the successful launch of the MVP. Daysheets︎ Challenge: The beta version were missing features, such as guest list, day schedule add event feature. The dashboard was not intuitive which resulting in inefficiency and wasted time. Sorting and manage past events were difficult. Goal: Create solutions to help users to track, understand, sort, find and optimize the performance of their work. &nbsp; Key deliverables: MVP flowGuest list flow and featureArtist sort flow and featureDay schedule add event feature Updated Landig page Beta userflow: In the beta flow, user start the journey with tour page where they can access profile, archive and start to create a new tour. The new tour journey start with add a new or select artist from history &gt; create the tour and adding details &gt; Once it’s done it goes to dashboard where user can review edit details of the tour. <img width="2409" height="392" width_o="2409" height_o="392" data-src="https://freight.cargo.site/t/original/i/d299fe5318301dc7e0ea04f6570b575ab03d9e773b7e1747808374e667f854b0/Frame-1.png" data-mid="210192223" border="0" src="https://freight.cargo.site/w/1000/i/d299fe5318301dc7e0ea04f6570b575ab03d9e773b7e1747808374e667f854b0/Frame-1.png" /> The pain points were: User request to be able to add guest list. (currently added through day schedule event) User had hard time input artist name and had difficult to find specific artist in the archive. User getting confused by the add event feature. Updated userflow: Added guest list feature under Tour dashboard &gt; day schedule Added new level on the begin of journey.(Tour/Artist) Allow user to sort by artist and also create the tour with artist. Added new button on the day menu, that different from add event button. Provide drop down options in color system to differenciate different types of events (Flight, Transfer, Hotel, Contact and Notes). Below in Green are the new added features.<img width="4233" height="1667" width_o="4233" height_o="1667" data-src="https://freight.cargo.site/t/original/i/52deb25bbdd80ed30f272a91c1a5b6da300aa22e9c2b989438981c6ed1c80a07/Userflow.png" data-mid="210195433" border="0" src="https://freight.cargo.site/w/1000/i/52deb25bbdd80ed30f272a91c1a5b6da300aa22e9c2b989438981c6ed1c80a07/Userflow.png" /> <img width="1964" height="906" width_o="1964" height_o="906" data-src="https://freight.cargo.site/t/original/i/64c8952ce831b65b92ccedcfbd76352ecda8193615acc8b486684a7c8e7a4846/Screenshot-2024-05-02-at-10.09.39PM.png" data-mid="210195435" border="0" src="https://freight.cargo.site/w/1000/i/64c8952ce831b65b92ccedcfbd76352ecda8193615acc8b486684a7c8e7a4846/Screenshot-2024-05-02-at-10.09.39PM.png" /> <img width="814" height="682" width_o="814" height_o="682" data-src="https://freight.cargo.site/t/original/i/9755acf75210340420e68626ebb1bc581653ff720279c0ccd41319ac6d72c94d/Screenshot-2024-05-02-at-10.09.45PM.png" data-mid="210195436" border="0" src="https://freight.cargo.site/w/814/i/9755acf75210340420e68626ebb1bc581653ff720279c0ccd41319ac6d72c94d/Screenshot-2024-05-02-at-10.09.45PM.png" /> Delivery Guest list feature User was using new events to document guest list or upload the pdf in document. I want users able to manage the guest list easily between all tour members so that will save manager’s time. A flow that included set up, request, search/browse the list and physical copy. During the flow creation, I prioritized key features with stakeholders. Manager should be able to configure details such as the total number of available tickets and different ticket types. Additionally, managers should have the option to enable tour members to request tickets. The application should include a list view, and a button to export data for analog purposes.&nbsp; Settings screen: Allow tour memeber to request tickets Total ticketsCustom ticket type<img width="1728" height="1117" width_o="1728" height_o="1117" data-src="https://freight.cargo.site/t/original/i/cdaf4d9872482c66e6f360c229012ecc0729b1f01573c907e1f4c9936f162fcf/Guest-List---setting.png" data-mid="210196556" border="0" src="https://freight.cargo.site/w/1000/i/cdaf4d9872482c66e6f360c229012ecc0729b1f01573c907e1f4c9936f162fcf/Guest-List---setting.png" /> Request screen: Manage/ approve the request Search feature<img width="1728" height="1117" width_o="1728" height_o="1117" data-src="https://freight.cargo.site/t/original/i/0d252c84f3bd51885e853140983a7778f32402840eba58e13688b2db809e09ad/Requested.png" data-mid="210196573" border="0" src="https://freight.cargo.site/w/1000/i/0d252c84f3bd51885e853140983a7778f32402840eba58e13688b2db809e09ad/Requested.png" /> List: Brows and edit ticket Search feature <img width="1728" height="1117" width_o="1728" height_o="1117" data-src="https://freight.cargo.site/t/original/i/014cafe2da09da8becd5879ecb77af6168aee31912f9270f6c6a0841fb3cb092/List-view.png" data-mid="210196571" border="0" src="https://freight.cargo.site/w/1000/i/014cafe2da09da8becd5879ecb77af6168aee31912f9270f6c6a0841fb3cb092/List-view.png" />Export: Export formats selectionCSV/ PDF options <img width="1728" height="1117" width_o="1728" height_o="1117" data-src="https://freight.cargo.site/t/original/i/43a030f083be0c3a26ee3fad616c6ca2a95b645ee45bf8d071ef6e9c3264dead/Guest-list-Export.png" data-mid="210196566" border="0" src="https://freight.cargo.site/w/1000/i/43a030f083be0c3a26ee3fad616c6ca2a95b645ee45bf8d071ef6e9c3264dead/Guest-list-Export.png" /> Delivery Sorting with artist Users should have the ability to easily find previous tours by artist, not just by date. To simplify the search process, I utilized the Spotify API as the primary search method. Additionally, I enhanced the landing screen by adding a new layer, allowing users to select their preferred method for starting their tour creation journey. <img width="5886" height="2439" width_o="5886" height_o="2439" data-src="https://freight.cargo.site/t/original/i/52240e45a645541b773599a6c10f6063495c96ab877fdc6b51d9c7d01f5216ba/Group-15.png" data-mid="210226806" border="0" src="https://freight.cargo.site/w/1000/i/52240e45a645541b773599a6c10f6063495c96ab877fdc6b51d9c7d01f5216ba/Group-15.png" />Artist tab &gt; Artist select &gt; Tour Details(date/travel) &gt; Day define(day types/ location) &gt; Review Artist tab: New layer on landing for user to start the journey Old &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; New <img width="1728" height="1060" width_o="1728" height_o="1060" data-src="https://freight.cargo.site/t/original/i/95466e9fbe9cd6f59db18c72f04f59a5dc113270fd24ff486e2949b5936325a3/OldDashboard.png" data-mid="210226973" border="0" src="https://freight.cargo.site/w/1000/i/95466e9fbe9cd6f59db18c72f04f59a5dc113270fd24ff486e2949b5936325a3/OldDashboard.png" /> <img width="1728" height="1117" width_o="1728" height_o="1117" data-src="https://freight.cargo.site/t/original/i/5505d29ae9282dff76cba55c1aa0577307e452c0b70fe4b10d5672d220a934dd/Artist-view-new.png" data-mid="210226974" border="0" src="https://freight.cargo.site/w/1000/i/5505d29ae9282dff76cba55c1aa0577307e452c0b70fe4b10d5672d220a934dd/Artist-view-new.png" /> Artist select: Spotify apiUser will see created artist<img width="1728" height="1117" width_o="1728" height_o="1117" data-src="https://freight.cargo.site/t/original/i/d84f48a57e5341e6550555cd70d58ed272111cecbbdd1432ba559c352ce84294/Artist-view-search.png" data-mid="210227142" border="0" src="https://freight.cargo.site/w/1000/i/d84f48a57e5341e6550555cd70d58ed272111cecbbdd1432ba559c352ce84294/Artist-view-search.png" /> Tour Details: Tour NameStart and end DateTravel method<img width="1728" height="1117" width_o="1728" height_o="1117" data-src="https://freight.cargo.site/t/original/i/15f023d8658205e8d274303f67894de6082298f3c43dce10ca40b29a21674988/Create-Tour.png" data-mid="210227169" border="0" src="https://freight.cargo.site/w/1000/i/15f023d8658205e8d274303f67894de6082298f3c43dce10ca40b29a21674988/Create-Tour.png" /> Day define: Day typeslocation<img width="1728" height="1117" width_o="1728" height_o="1117" data-src="https://freight.cargo.site/t/original/i/e2b80cbfe8a120a9d606a42536f8aa4dc2f804246cb5477643e43bd153eb97a7/Create-Tour---Define-Dates.png" data-mid="210227289" border="0" src="https://freight.cargo.site/w/1000/i/e2b80cbfe8a120a9d606a42536f8aa4dc2f804246cb5477643e43bd153eb97a7/Create-Tour---Define-Dates.png" /> Review:Once saved it goes to tour dashboard where manager can edit day details. <img width="1728" height="1117" width_o="1728" height_o="1117" data-src="https://freight.cargo.site/t/original/i/de00af436c9933d55f46b2d7d0cdfd8c33e93987e94fee534187fc0929b75336/Review.png" data-mid="210227361" border="0" src="https://freight.cargo.site/w/1000/i/de00af436c9933d55f46b2d7d0cdfd8c33e93987e94fee534187fc0929b75336/Review.png" /> DeliveryNew add event button on day schedule I addressed user confusion with the current event addition feature by implementing a color-coded system to categorize events. Additionally, I improved accessibility by adding an 'Add Event' button directly on the day menu for easier access. Also provide instroction when there’s no events. <img width="315" height="328" width_o="315" height_o="328" data-src="https://freight.cargo.site/t/original/i/e8a235d0e0177218de1b3f47c3434d23fac3aab8a772d0ccb98e7b046c5a552c/Screenshot-2024-05-03-at-11.27-2.png" data-mid="210228314" border="0" src="https://freight.cargo.site/w/315/i/e8a235d0e0177218de1b3f47c3434d23fac3aab8a772d0ccb98e7b046c5a552c/Screenshot-2024-05-03-at-11.27-2.png" /> <img width="1728" height="1117" width_o="1728" height_o="1117" data-src="https://freight.cargo.site/t/original/i/21a9ebac37f1393891c780e67af3f47553e114deb9c8642a21ffae4c929e70ab/Day-schedule-clean-with-indications.png" data-mid="210228466" border="0" src="https://freight.cargo.site/w/1000/i/21a9ebac37f1393891c780e67af3f47553e114deb9c8642a21ffae4c929e70ab/Day-schedule-clean-with-indications.png" /> <img width="6035" height="6190" width_o="6035" height_o="6190" data-src="https://freight.cargo.site/t/original/i/14747350648464e24999964237c472a80fd5692645fcf1ee10c7c11f7f561d1e/Group-14.png" data-mid="210228445" border="0" src="https://freight.cargo.site/w/1000/i/14747350648464e24999964237c472a80fd5692645fcf1ee10c7c11f7f561d1e/Group-14.png" /> DeliveryLanding PageNew landing page with new features. <img width="1438" height="10821" width_o="1438" height_o="10821" data-src="https://freight.cargo.site/t/original/i/5d3ca175edfa319e8d95defbfbeca59b78dfe78d64283b03faed5035b97f3ac9/Group-43422.png" data-mid="210228511" border="0" src="https://freight.cargo.site/w/1000/i/5d3ca175edfa319e8d95defbfbeca59b78dfe78d64283b03faed5035b97f3ac9/Group-43422.png" /> What I learned and can be improved The beta version's feature set highlighted the importance of user segmentation. By not initially separating the two user types, we encountered limitations in the functionality offered. This experience emphasizes the value of upfront user research and understanding diverse user needs. It's crucial to identify distinct user groups early on to tailor features and optimize the overall experience. Rethinking the day and day layout revealed an opportunity for improved user intuition. The current flow suggests room for optimization. This underscores the iterative nature of design. We can learn from user testing and analytics to refine information architecture and create a more intuitive user journey. https://stzudio.com/Facebook-Social-Impact Tue, 10 Oct 2023 20:53:33 +0000 stzudio https://stzudio.com/Facebook-Social-Impact Facebook&nbsp;social impact Facebook Social Impact is an internal tool that provides information and programs about education, workshop and 1:1 consultation for employees.&nbsp; Role:Product Designer Client:Facebook Year of Production:2021 <img width="2000" height="1355" width_o="2000" height_o="1355" data-src="https://freight.cargo.site/t/original/i/dda740afcb3ba5da89d178bb7537c9b7442526ec59bcceebc7868af7443ec140/Hero_fb.jpg" data-mid="193527601" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/dda740afcb3ba5da89d178bb7537c9b7442526ec59bcceebc7868af7443ec140/Hero_fb.jpg" /> Overview: Facebook had plans to introduce a fresh platform named "Social Impact." This platform was set to encompass three significant elements: 1:1 Consultation, workshops, and events(my events). Our team was tasked with collaborating with Facebook stakeholders to develop a desktop site following Facebook's established design system. FACEBOOK’s social impact︎ Challenge: 1). How can we assist users in locating the specific feature they're seeking and aid them in discovering new ones? 2). We need to showcase events, workshops, and consultations in various dates and languages. Goal: Construct a desktop website with a user-friendly flow while ensuring adherence to Facebook's design system for consistent aesthetics. To start my design process, I ask myself some questions. WWhat are the constraints? How can I improve users to find something impactful? How can I inspire user to discover and use these features? What are the obstacles here? Research Understand User’s Needs I started the research with interview the stakeholders and try to get more insight of how the userflow will be. The answer was pretty simple, inspire the user and easy for them to find what they want. So I simply divided users intentions into two: 1. User don’t know what they need and browse around. 2. User trying to find a specific workshop/ consultation. 3. User trying to browse specific topic but wondering. Define &amp; Ideation User Tasks: Before I create a complete user flow, I start with a user task to revamp the user tasks. <img width="4116" height="752" width_o="4116" height_o="752" data-src="https://freight.cargo.site/t/original/i/09f67e6bb0d91c066d3f121037b3a1044d7ebba9a4b979fd0c1074ee2158d9d4/user-task.png" data-mid="193535517" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/09f67e6bb0d91c066d3f121037b3a1044d7ebba9a4b979fd0c1074ee2158d9d4/user-task.png" /> Define &amp; Ideation User Flow: With the user tasks being lay down, I was able to connect all the puzzles into user flows. These are the anchor for the product. <img width="3025" height="3687" width_o="3025" height_o="3687" data-src="https://freight.cargo.site/t/original/i/3a7d8448d2fedcaf47cc91c92ec967a658db00bec718049517f92ad0b69deed8/User-flow.png" data-mid="193536489" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/3a7d8448d2fedcaf47cc91c92ec967a658db00bec718049517f92ad0b69deed8/User-flow.png" /> Delivery Wireframe&nbsp; I had to adhere to a particular module and design system to develop the product. Given our reliance on their module, I encountered various constraints and had to employ specific strategies during the creative process. <img width="1733" height="993" width_o="1733" height_o="993" data-src="https://freight.cargo.site/t/original/i/d28b46ddd16317772864b239ffecffe8dbc966303489a2d2d49201ba2f6fc8c5/Screen-Shot-2023-10-12-at-5.22.10-PM.png" data-mid="193536704" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/d28b46ddd16317772864b239ffecffe8dbc966303489a2d2d49201ba2f6fc8c5/Screen-Shot-2023-10-12-at-5.22.10-PM.png" /> I integrated the module and constructed the prototype based on the user-flow. I included notes outlining constraints for the team's review. <img width="6891" height="8391" width_o="6891" height_o="8391" data-src="https://freight.cargo.site/t/original/i/75bb4e9c607badca96bcf3742c536ee798a17d6fe2495e6b2da75cd848d9baf1/layouts.png" data-mid="193570564" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/75bb4e9c607badca96bcf3742c536ee798a17d6fe2495e6b2da75cd848d9baf1/layouts.png" /> Landing PageThe menu and search options at the top facilitate an easy start for returning users. Below the menu, you'll find: A hero image with a brief introduction to Facebook Social Impact.Three distinct learning tracks (please note that the Storytelling track leads to an external site).'My Events' for users to explore upcoming events.Highlights in various topics.Support resources for in-depth learning and exploration. <img width="1440" height="4669" width_o="1440" height_o="4669" data-src="https://freight.cargo.site/t/original/i/d3c211d3ea9b4e0f1e3e076edb3198398c6d9a88aef7b8acdc49dd45dd200f78/Homepage.png" data-mid="193628666" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/d3c211d3ea9b4e0f1e3e076edb3198398c6d9a88aef7b8acdc49dd45dd200f78/Homepage.png" /> Workshops &amp; 1:1 ConsultationsThe workshops encompass four languages, and each of these pages will feature a comprehensive list of the available workshops in these languages. For individual workshop sign-up pages (initially 17 of them, later scaled to accommodate 30), they are organized chronologically by date and time. The 1:1 Consultations section comprises a total of 250 consultations, offered in four languages, across six different topics, each accompanied by 28 thumbnails. <img width="1440" height="1323" width_o="1440" height_o="1323" data-src="https://freight.cargo.site/t/original/i/41869478b3cd4296fb7bf934f88c54d034090692bbf9025fa4494653256546e9/Workshop1.png" data-mid="193629711" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/41869478b3cd4296fb7bf934f88c54d034090692bbf9025fa4494653256546e9/Workshop1.png" /> <img width="1440" height="1566" width_o="1440" height_o="1566" data-src="https://freight.cargo.site/t/original/i/4d4e4ca6b06025ce6736e3d2e1d03b2e6682b467560557a6c2150f13a7b393d6/Workshop2.png" data-mid="193629712" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/4d4e4ca6b06025ce6736e3d2e1d03b2e6682b467560557a6c2150f13a7b393d6/Workshop2.png" /> <img width="1440" height="1332" width_o="1440" height_o="1332" data-src="https://freight.cargo.site/t/original/i/b78d33f288371e87c8625903ff4187f95c4f3c7edcb5bb3b6a7ddf3e4e476bda/Consultation1.png" data-mid="193629864" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/b78d33f288371e87c8625903ff4187f95c4f3c7edcb5bb3b6a7ddf3e4e476bda/Consultation1.png" /> <img width="1440" height="1768" width_o="1440" height_o="1768" data-src="https://freight.cargo.site/t/original/i/30a490d253972fe452457c2314b882c4e0111751cb295e257d6a58fabbeca37d/Consultation2.png" data-mid="193629867" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/30a490d253972fe452457c2314b882c4e0111751cb295e257d6a58fabbeca37d/Consultation2.png" /> All events and my eventsUsers have the option to explore all events, including workshops and consultations. They can refine their search using filters or review the events they've already enrolled in. <img width="1440" height="1155" width_o="1440" height_o="1155" data-src="https://freight.cargo.site/t/original/i/2d1a20d068bb8a15b931aa31975db45d776c1ef93684763f72a845aa07dc7374/All-Event---Filtered.png" data-mid="193629996" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/2d1a20d068bb8a15b931aa31975db45d776c1ef93684763f72a845aa07dc7374/All-Event---Filtered.png" /> <img width="1440" height="1155" width_o="1440" height_o="1155" data-src="https://freight.cargo.site/t/original/i/45da6bd92c475b8b3d5634806b48c73808b85fab21ac07710974821e24369107/Event---My-Event.png" data-mid="193629962" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/45da6bd92c475b8b3d5634806b48c73808b85fab21ac07710974821e24369107/Event---My-Event.png" /> Highlights in different topic<img width="1440" height="2737" width_o="1440" height_o="2737" data-src="https://freight.cargo.site/t/original/i/c4762d72d4726062da5e22b8c5c120c74fe79dc06d1a4baf11142924deb4291b/Climate-Change.png" data-mid="193630103" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/c4762d72d4726062da5e22b8c5c120c74fe79dc06d1a4baf11142924deb4291b/Climate-Change.png" /> What I learned and can be improved Collaborating with a large company like this demands patience and effective communication.&nbsp; To enhance user engagement, I can integrate impactful storytelling elements and user testimonials to illustrate the positive impact of these programs.However, due to the strategy being primarily developed at a higher level, I had limited access to user data and engagement tracking resources. https://stzudio.com/Taipei-Cultural-Center Fri, 01 Mar 2024 19:50:16 +0000 stzudio https://stzudio.com/Taipei-Cultural-Center Taipei Culture Center The Taipei Culture Center in New York City serves as a vital platform for showcasing Taiwanese arts and culture. I had the privilege of collaborating as a visual designer with various cultural organizations and the TPECC (Taipei Economic and Cultural Center) to create diverse design materials. Below are feature projects through out the years. Type: Digital and production Role:Visual Designer Client: Taipei Culture Center in NY Year of Production:2019 - 2022 <img width="2550" height="1650" width_o="2550" height_o="1650" data-src="https://freight.cargo.site/t/original/i/a66302c76040fef8ef45fd31672fe9b90b44e13c0413a550257ac7927947475a/1.jpg" data-mid="205863663" border="0" src="https://freight.cargo.site/w/1000/i/a66302c76040fef8ef45fd31672fe9b90b44e13c0413a550257ac7927947475a/1.jpg" /> <img width="1600" height="1028" width_o="1600" height_o="1028" data-src="https://freight.cargo.site/t/original/i/8a06ce13c9a5625fd9c20a63c058180aa62e5d4da3ea8d8fdeffb90a1ad382ba/5-Fold-Accordion-Brochure-Mockup-copy.png" data-mid="205863604" border="0" src="https://freight.cargo.site/w/1000/i/8a06ce13c9a5625fd9c20a63c058180aa62e5d4da3ea8d8fdeffb90a1ad382ba/5-Fold-Accordion-Brochure-Mockup-copy.png" /> <img width="2550" height="1650" width_o="2550" height_o="1650" data-src="https://freight.cargo.site/t/original/i/2cd29d0e125bbceef84f6db6ef55faa64b5c51371048ccbd0bb8f86f98acc4ee/3.jpg" data-mid="205863617" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/2cd29d0e125bbceef84f6db6ef55faa64b5c51371048ccbd0bb8f86f98acc4ee/3.jpg" /> <img width="2550" height="1650" width_o="2550" height_o="1650" data-src="https://freight.cargo.site/t/original/i/299b446101f3a3a6b7302a3797904c8913180789e59391b2031c5c69e30c02dc/5.jpg" data-mid="205863622" border="0" src="https://freight.cargo.site/w/1000/i/299b446101f3a3a6b7302a3797904c8913180789e59391b2031c5c69e30c02dc/5.jpg" /> <img width="2550" height="1650" width_o="2550" height_o="1650" data-src="https://freight.cargo.site/t/original/i/3a7b2c5337b71c93ad9e8b321ae78a72fa159e7185dc06f88195aa743b374321/8.jpg" data-mid="205863628" border="0" src="https://freight.cargo.site/w/1000/i/3a7b2c5337b71c93ad9e8b321ae78a72fa159e7185dc06f88195aa743b374321/8.jpg" /> <img width="1650" height="2550" width_o="1650" height_o="2550" data-src="https://freight.cargo.site/t/original/i/91f3020cd8608ae25352768026042fd2cbaa3a5897ef4be03af377ea2e179ac3/a.jpg" data-mid="205865919" border="0" src="https://freight.cargo.site/w/1000/i/91f3020cd8608ae25352768026042fd2cbaa3a5897ef4be03af377ea2e179ac3/a.jpg" /> <img width="1650" height="2550" width_o="1650" height_o="2550" data-src="https://freight.cargo.site/t/original/i/62a03d9917e880c326734a6a94b6ba095e41161320b7649f0f2d8bf00afcea30/b.jpg" data-mid="205866328" border="0" src="https://freight.cargo.site/w/1000/i/62a03d9917e880c326734a6a94b6ba095e41161320b7649f0f2d8bf00afcea30/b.jpg" /> <img width="3394" height="1061" width_o="3394" height_o="1061" data-src="https://freight.cargo.site/t/original/i/53a4fd2d47dcefd60057bdb9c8cac9bd28d418de4519a706d3f5857768998b30/color-01.png" data-mid="205863667" border="0" src="https://freight.cargo.site/w/1000/i/53a4fd2d47dcefd60057bdb9c8cac9bd28d418de4519a706d3f5857768998b30/color-01.png" /> <img width="1305" height="547" width_o="1305" height_o="547" data-src="https://freight.cargo.site/t/original/i/6d2a89aad1130a7be5621e87ffe1a52c55d1daa10bf11c6e8c2a6591918f480d/TPECC_ad_horizon.jpg" data-mid="205863637" border="0" src="https://freight.cargo.site/w/1000/i/6d2a89aad1130a7be5621e87ffe1a52c55d1daa10bf11c6e8c2a6591918f480d/TPECC_ad_horizon.jpg" /> <img width="2925" height="1419" width_o="2925" height_o="1419" data-src="https://freight.cargo.site/t/original/i/8fb686fcc74fa85d6100531cfe39e02062e2c3cb552ae32c68f686bab0176b43/banner.jpg.png" data-mid="205864318" border="0" src="https://freight.cargo.site/w/1000/i/8fb686fcc74fa85d6100531cfe39e02062e2c3cb552ae32c68f686bab0176b43/banner.jpg.png" /> <img width="2137" height="1462" width_o="2137" height_o="1462" data-src="https://freight.cargo.site/t/original/i/a6bb782a4f259734403b2f0616fa9864e0309825d400a0ec875fe3a1a25f150e/front_r10-01.jpg" data-mid="205864434" border="0" src="https://freight.cargo.site/w/1000/i/a6bb782a4f259734403b2f0616fa9864e0309825d400a0ec875fe3a1a25f150e/front_r10-01.jpg" /> <img width="2137" height="1462" width_o="2137" height_o="1462" data-src="https://freight.cargo.site/t/original/i/5fe541d9eb9b156aebb9d0824926548ccadec2025c342f59d3f9d5ff39691798/inside_r10-01.jpg" data-mid="205864445" border="0" src="https://freight.cargo.site/w/1000/i/5fe541d9eb9b156aebb9d0824926548ccadec2025c342f59d3f9d5ff39691798/inside_r10-01.jpg" /> <img width="4000" height="3000" width_o="4000" height_o="3000" data-src="https://freight.cargo.site/t/original/i/bb967e66d922a04ef99c942f8e9f2c87b0d9fc11d02a87a5a9f9188083af392c/Small-Canvas-Tote-Bag-MockUp.jpg" data-mid="205866326" border="0" src="https://freight.cargo.site/w/1000/i/bb967e66d922a04ef99c942f8e9f2c87b0d9fc11d02a87a5a9f9188083af392c/Small-Canvas-Tote-Bag-MockUp.jpg" /> <img width="1600" height="1200" width_o="1600" height_o="1200" data-src="https://freight.cargo.site/t/original/i/e3d0c5fb7dfd7fbc3f9ed860bcf41a96f44a1b9ffe79a8998fb97bc598a92b15/1-copy.png" data-mid="205864446" border="0" src="https://freight.cargo.site/w/1000/i/e3d0c5fb7dfd7fbc3f9ed860bcf41a96f44a1b9ffe79a8998fb97bc598a92b15/1-copy.png" /> <img width="1600" height="1200" width_o="1600" height_o="1200" data-src="https://freight.cargo.site/t/original/i/7ebcb95cb41ff81bd13c91ebbe50f7ad6885f2853dc500924a5d5c0f68f3430b/2.png" data-mid="205864447" border="0" src="https://freight.cargo.site/w/1000/i/7ebcb95cb41ff81bd13c91ebbe50f7ad6885f2853dc500924a5d5c0f68f3430b/2.png" /> <img width="1600" height="1200" width_o="1600" height_o="1200" data-src="https://freight.cargo.site/t/original/i/a580ff9b2e75f05bee453a7a9a825fa926640eaafa50ac8a09b91a9f7d940af2/3.png" data-mid="205864452" border="0" src="https://freight.cargo.site/w/1000/i/a580ff9b2e75f05bee453a7a9a825fa926640eaafa50ac8a09b91a9f7d940af2/3.png" /> <img width="2569" height="1595" width_o="2569" height_o="1595" data-src="https://freight.cargo.site/t/original/i/f742ac27e30268a93b9826b9faa7d1b8d5533767bf191175516991275ab8b627/avnire-02.png" data-mid="205864469" border="0" src="https://freight.cargo.site/w/1000/i/f742ac27e30268a93b9826b9faa7d1b8d5533767bf191175516991275ab8b627/avnire-02.png" /> <img width="3500" height="2480" width_o="3500" height_o="2480" data-src="https://freight.cargo.site/t/original/i/51985b6514fc3dc0d7b2027c6a4bd4fd3f2be8b0f3cdf8a2f51c54078337f1c8/demo.jpg" data-mid="205864789" border="0" src="https://freight.cargo.site/w/1000/i/51985b6514fc3dc0d7b2027c6a4bd4fd3f2be8b0f3cdf8a2f51c54078337f1c8/demo.jpg" /> <img width="625" height="1250" width_o="625" height_o="1250" data-src="https://freight.cargo.site/t/original/i/c19117eb8bfd4e75ae28caa43d90db438518991e87a500f89c1b7966eebca528/artnetadd-01.jpg" data-mid="205864997" border="0" src="https://freight.cargo.site/w/625/i/c19117eb8bfd4e75ae28caa43d90db438518991e87a500f89c1b7966eebca528/artnetadd-01.jpg" /> <img width="625" height="1250" width_o="625" height_o="1250" data-src="https://freight.cargo.site/t/original/i/9539741bddf24194a37e02071365243125ca436377746bc5766d9f09352d5c2b/artnetadd-03.jpg" data-mid="205865102" border="0" src="https://freight.cargo.site/w/625/i/9539741bddf24194a37e02071365243125ca436377746bc5766d9f09352d5c2b/artnetadd-03.jpg" /> <img width="2000" height="950" width_o="2000" height_o="950" data-src="https://freight.cargo.site/t/original/i/5d7f8c68be6300f31586c8c587604ce850cf6d8a63fbbdf6963b369dc5a8c84b/MacBook-Pro-16-copy.jpg" data-mid="205865771" border="0" src="https://freight.cargo.site/w/1000/i/5d7f8c68be6300f31586c8c587604ce850cf6d8a63fbbdf6963b369dc5a8c84b/MacBook-Pro-16-copy.jpg" /> <img width="2700" height="3600" width_o="2700" height_o="3600" data-src="https://freight.cargo.site/t/original/i/a7d540ba7956247be2d326950ad13daa41da379de6bd5fbe05b86aa7501dd22d/18x24.jpg" data-mid="205864624" border="0" src="https://freight.cargo.site/w/1000/i/a7d540ba7956247be2d326950ad13daa41da379de6bd5fbe05b86aa7501dd22d/18x24.jpg" /> <img width="3600" height="5400" width_o="3600" height_o="5400" data-src="https://freight.cargo.site/t/original/i/027fa86ccf7982860bbce0879c23d666f2d8fefbf0934de2d310d227111f23e7/24x36-2.jpg" data-mid="205864629" border="0" src="https://freight.cargo.site/w/1000/i/027fa86ccf7982860bbce0879c23d666f2d8fefbf0934de2d310d227111f23e7/24x36-2.jpg" /> <img width="601" height="900" width_o="601" height_o="900" data-src="https://freight.cargo.site/t/original/i/58148bff2dfab50260f34021290f8b78df91765e36e0e5114689a0192050242e/front_small.jpg" data-mid="205864649" border="0" src="https://freight.cargo.site/w/601/i/58148bff2dfab50260f34021290f8b78df91765e36e0e5114689a0192050242e/front_small.jpg" /> <img width="1200" height="1800" width_o="1200" height_o="1800" data-src="https://freight.cargo.site/t/original/i/1e448ba8e5853261902b5f482ff89bef24cfc451c5fdf970d1e9dfd696475761/final-01.jpg" data-mid="205864648" border="0" src="https://freight.cargo.site/w/1000/i/1e448ba8e5853261902b5f482ff89bef24cfc451c5fdf970d1e9dfd696475761/final-01.jpg" /> <img width="612" height="792" width_o="612" height_o="792" data-src="https://freight.cargo.site/t/original/i/41d168f18acdec6409960c7746da5cc7208feaa7d9bf73b11df260135e962c97/eblast.jpg" data-mid="205864643" border="0" src="https://freight.cargo.site/w/612/i/41d168f18acdec6409960c7746da5cc7208feaa7d9bf73b11df260135e962c97/eblast.jpg" /> <img width="1296" height="1728" width_o="1296" height_o="1728" data-src="https://freight.cargo.site/t/original/i/4e90c370c5d2183e5d6716f32a0ca6d0643e60a755a836d198645cbfe772191a/Tpecc2022OCT_Fv2.jpg" data-mid="210772138" border="0" src="https://freight.cargo.site/w/1000/i/4e90c370c5d2183e5d6716f32a0ca6d0643e60a755a836d198645cbfe772191a/Tpecc2022OCT_Fv2.jpg" /> <img width="1000" height="1481" width_o="1000" height_o="1481" data-src="https://freight.cargo.site/t/original/i/308c1517f572a0b30bf8ea5c578f28409e04e4ed63edbc995c333c5fd403030a/SSC_v1.png" data-mid="210902003" border="0" src="https://freight.cargo.site/w/1000/i/308c1517f572a0b30bf8ea5c578f28409e04e4ed63edbc995c333c5fd403030a/SSC_v1.png" /> <img width="1000" height="1481" width_o="1000" height_o="1481" data-src="https://freight.cargo.site/t/original/i/54df9527f68fd96dd607efce6dea025fdf2235621b9717d30fa38e4325c1ac05/SSC_vrutalism2.png" data-mid="210901999" border="0" src="https://freight.cargo.site/w/1000/i/54df9527f68fd96dd607efce6dea025fdf2235621b9717d30fa38e4325c1ac05/SSC_vrutalism2.png" /> <img width="1000" height="1481" width_o="1000" height_o="1481" data-src="https://freight.cargo.site/t/original/i/308491b33bd057a4647f18393d6c1fb9f9cae08b4244586753e048daa6ae2bbb/SSC_v2.png" data-mid="210902002" border="0" src="https://freight.cargo.site/w/1000/i/308491b33bd057a4647f18393d6c1fb9f9cae08b4244586753e048daa6ae2bbb/SSC_v2.png" /> <img width="798" height="369" width_o="798" height_o="369" data-src="https://freight.cargo.site/t/original/i/50a2eb567bcaa5c414690df9d7b91be0b76ce438556697504ce5f7d99446486b/60b7227e-2caf-4be9-a0a9-5edbe17ba75f.jpg" data-mid="210772684" border="0" src="https://freight.cargo.site/w/798/i/50a2eb567bcaa5c414690df9d7b91be0b76ce438556697504ce5f7d99446486b/60b7227e-2caf-4be9-a0a9-5edbe17ba75f.jpg" /> <img width="2480" height="3508" width_o="2480" height_o="3508" data-src="https://freight.cargo.site/t/original/i/b62fcd2f7439a4f011065f4334a5545b941fcfca4ecada5a31dbd46b1e0aca57/ed8842186226091.657180466778e.jpg" data-mid="210984614" border="0" src="https://freight.cargo.site/w/1000/i/b62fcd2f7439a4f011065f4334a5545b941fcfca4ecada5a31dbd46b1e0aca57/ed8842186226091.657180466778e.jpg" /> <img width="1276" height="1651" width_o="1276" height_o="1651" data-src="https://freight.cargo.site/t/original/i/48c6f057308121f323ae9dd3eb9791d237a4ec66b25869c29cb9f80dfb994c84/PYPA2021application_poster_v2-01.jpg" data-mid="205864651" border="0" src="https://freight.cargo.site/w/1000/i/48c6f057308121f323ae9dd3eb9791d237a4ec66b25869c29cb9f80dfb994c84/PYPA2021application_poster_v2-01.jpg" /> <img width="1250" height="778" width_o="1250" height_o="778" data-src="https://freight.cargo.site/t/original/i/d3e84a0611488a15c1cd7220f27062bcd21f9c6dafaaa1ca316b2fcf7d72ece5/0.png" data-mid="210772149" border="0" src="https://freight.cargo.site/w/1000/i/d3e84a0611488a15c1cd7220f27062bcd21f9c6dafaaa1ca316b2fcf7d72ece5/0.png" /> <img width="1640" height="1255" width_o="1640" height_o="1255" data-src="https://freight.cargo.site/t/original/i/e57e4a9ccb464af1b51d4da6d1b68cb47c051c294315f4f0f65165fa5bd4d27c/concert_program_Page_2_small.jpg" data-mid="205863537" border="0" src="https://freight.cargo.site/w/1000/i/e57e4a9ccb464af1b51d4da6d1b68cb47c051c294315f4f0f65165fa5bd4d27c/concert_program_Page_2_small.jpg" /> <img width="1400" height="1167" width_o="1400" height_o="1167" data-src="https://freight.cargo.site/t/original/i/8ed416f7821bc0d91fbc797e97418b1a350a993d55d5ce61f2e13031909c6685/bookfront_small.jpg" data-mid="210770455" border="0" src="https://freight.cargo.site/w/1000/i/8ed416f7821bc0d91fbc797e97418b1a350a993d55d5ce61f2e13031909c6685/bookfront_small.jpg" /> <img width="1500" height="1000" width_o="1500" height_o="1000" data-src="https://freight.cargo.site/t/original/i/fc395cc66f7932f4be986861646f2d62c26d7c1174c204b1c890461333829e77/book3-copy.jpg" data-mid="210770457" border="0" src="https://freight.cargo.site/w/1000/i/fc395cc66f7932f4be986861646f2d62c26d7c1174c204b1c890461333829e77/book3-copy.jpg" /> <img width="1500" height="986" width_o="1500" height_o="986" data-src="https://freight.cargo.site/t/original/i/6c17a80981a1ffb26a458df0fdbd42293628190c1bc161f4f20a127281067b7d/Untitled-2-11.png" data-mid="210770454" border="0" src="https://freight.cargo.site/w/1000/i/6c17a80981a1ffb26a458df0fdbd42293628190c1bc161f4f20a127281067b7d/Untitled-2-11.png" /> <img width="841" height="595" width_o="841" height_o="595" data-src="https://freight.cargo.site/t/original/i/114c8b1344a7f62d7cb9bc90a7c0994c6a8164abd5219c2c85307aed285858cd/Maria-Lezhnina-team---final-submission-BOARDS-A4--CORRECT.jpg" data-mid="210771990" border="0" src="https://freight.cargo.site/w/841/i/114c8b1344a7f62d7cb9bc90a7c0994c6a8164abd5219c2c85307aed285858cd/Maria-Lezhnina-team---final-submission-BOARDS-A4--CORRECT.jpg" /> <img width="841" height="595" width_o="841" height_o="595" data-src="https://freight.cargo.site/t/original/i/6fd1deda066fc151213f6a70565f9c2879fcf3399c5416a5355a48f2c193a83d/Maria-Lezhnina-team---final-submission-BOARDS-A4--CORRECT2.jpg" data-mid="210771989" border="0" src="https://freight.cargo.site/w/841/i/6fd1deda066fc151213f6a70565f9c2879fcf3399c5416a5355a48f2c193a83d/Maria-Lezhnina-team---final-submission-BOARDS-A4--CORRECT2.jpg" /> <img width="841" height="595" width_o="841" height_o="595" data-src="https://freight.cargo.site/t/original/i/f04bc5115a1e3225751dba115dfb94b74b5d9a4989428b8d8161cb664ad1be81/Maria-Lezhnina---BOARDS-A4---Submission-2.jpg" data-mid="210772001" border="0" src="https://freight.cargo.site/w/841/i/f04bc5115a1e3225751dba115dfb94b74b5d9a4989428b8d8161cb664ad1be81/Maria-Lezhnina---BOARDS-A4---Submission-2.jpg" /> <img width="841" height="595" width_o="841" height_o="595" data-src="https://freight.cargo.site/t/original/i/2b7a6347b46e416b9a28e04c438775c24ee0882eb794b693585077e0c1b42a1e/Maria-Lezhnina---BOARDS-A4---Submission-22.jpg" data-mid="210772002" border="0" src="https://freight.cargo.site/w/841/i/2b7a6347b46e416b9a28e04c438775c24ee0882eb794b693585077e0c1b42a1e/Maria-Lezhnina---BOARDS-A4---Submission-22.jpg" /> https://stzudio.com/Janus-Films Mon, 11 Mar 2024 20:30:16 +0000 stzudio https://stzudio.com/Janus-Films Janus Films Janus Films portrays itself as a dedicated entity promoting the preservation and appreciation of cinematic art. They cater to cinephiles and film enthusiasts seeking to experience a diverse range of classic and independent films, often unavailable through mainstream channels. Role:UX/UI Designer Client:Janus Films <img width="3416" height="1862" width_o="3416" height_o="1862" data-src="https://freight.cargo.site/t/original/i/63ad8e87f3b2f366d557496e1936551c76d2b9d19baea35a62332b2c3c329098/Screenshot-2024-03-11-at-11.33.54PM.png" data-mid="206554480" border="0" src="https://freight.cargo.site/w/1000/i/63ad8e87f3b2f366d557496e1936551c76d2b9d19baea35a62332b2c3c329098/Screenshot-2024-03-11-at-11.33.54PM.png" /> Overview: I spearheaded the development of Janus Films' new website, aiming to elevate user engagement and modernize its design. Following extensive research, I noticed that our competitors were offering a superior browsing experience with larger images. As a result, my goal is to create a timeless website that not only distinguishes itself in the market but also delivers an enhanced user experience, seamlessly guiding customers to the films they seek. <img width="480" height="358" width_o="480" height_o="358" data-src="https://freight.cargo.site/t/original/i/1c4ecf75e315db57f4941ac4353107566c6467335013dd5729d764d235b6849f/janusfilmold.gif" data-mid="206540275" border="0" data-scale="100" src="https://freight.cargo.site/w/480/i/1c4ecf75e315db57f4941ac4353107566c6467335013dd5729d764d235b6849f/janusfilmold.gif" /> Old website Key deliverables: A number of deliverables were required for the project, including: Redesign of websiteResponsive media/ mobile and desktopIA &amp; User flowHigh-fi mockupsFinal delivery Challenge: 1.Designing a user-friendly interface: The challenge lies in creating a design that is both classic and user friendly to modern users.2.Providing a access to the archive: Janus Films has huge data base of films, user will need to be easy access those movies and find what they want.3.Film booking service: This site will also need to provide a booking button for exhibitors (theaters) interested in showing the film for publicity. 4.Some constrains: The client prefers a website without videos or trailers and insists on maintaining a minimalist, modern aesthetic. They have requested the exclusion of animations or elaborate effects, emphasizing the importance of a classic design approach." create a problem statement Problem Statement: The challenge is to design a user-friendly interface that strikes a balance between classic aesthetics and modern usability, while also providing seamless access to Janus Films' extensive movie archive. Additionally, constraints such as the client's preference for a minimalist, modern aesthetic without videos, trailers, or animations must be navigated to ensure a classic design approach.With so many features available, it's important to consider what users truly need and prioritize those features accordingly. To start my design process, I use golden circle to understand why? How? and What? Ideations: Next, I want to focus on possible features that can be the solution to the problems.&nbsp; So why do we need a website? How are we different from others? What do we provide on our site? Why: Janus Films aims to enrich global cinema by preserving and distributing exceptional films from diverse cultures. How: They curate meticulously, collaborating with filmmakers and archives to restore and distribute cinematic treasures. What: Janus Films' dedication results in a profound impact, introducing audiences to masterpieces and fostering cultural exchange. These method sum up two points: Prioritizing user-friendly navigation through Janus Films' treasure trove of archived movies, which is the cornerstone of their offerings.Promoting upcoming and new releases to enhance audience engagement and anticipation. and Several minor features requested to be inherited from the previous website include: News, contact, Film Booking button, film details, link to press kits.&nbsp; &nbsp; User Flows: With the key features layout that helps the creation of user flows. By architect out the tasks one by one to avoid messing up with the navigation and hierarchy. ▼ <img width="499" height="429" width_o="499" height_o="429" data-src="https://freight.cargo.site/t/original/i/2878706f531f139199ba5bea3e48a6fde1211b77ef2cf0288f238f9717cd5518/IA.png" data-mid="206550302" border="0" src="https://freight.cargo.site/w/499/i/2878706f531f139199ba5bea3e48a6fde1211b77ef2cf0288f238f9717cd5518/IA.png" /> After discussing with the stakeholders, I incorporated the necessary features and created a user flow. Besides original alphabetical sorting, we added filter by director, format, country, year. ▼ <img width="1019" height="644" width_o="1019" height_o="644" data-src="https://freight.cargo.site/t/original/i/99e8e5960dc38a47a39697897b7357f43a0f03be76cd6373b232cbd4353fd292/Userflow.png" data-mid="206550386" border="0" src="https://freight.cargo.site/w/1000/i/99e8e5960dc38a47a39697897b7357f43a0f03be76cd6373b232cbd4353fd292/Userflow.png" /> Wireframe: (clickable) User Testing, Iterations &amp; Final product: I ran a usability study with internal stakeholders and external stakeholders from my circle. The goal of the user testing is to find out if users were able to find the movie.The result was very positive. One worth mentioned suggestion was regarding to the feature film’s status. After discuss with stakeholder we made an adjustment accordingly. Below is the final Hi-Fi wireframe.(clickable) <img width="320" height="196" width_o="320" height_o="196" data-src="https://freight.cargo.site/t/original/i/1a223378928caf2b5dddf51bf0a28d9c6ee63db2c893eb84172e51bebb90489d/Mar-11-2024-23-10-36.gif" data-mid="206552968" border="0" src="https://freight.cargo.site/w/320/i/1a223378928caf2b5dddf51bf0a28d9c6ee63db2c893eb84172e51bebb90489d/Mar-11-2024-23-10-36.gif" /> <img width="320" height="196" width_o="320" height_o="196" data-src="https://freight.cargo.site/t/original/i/b079ff42561d33436d088b1ed83bb2e2066757448a905b195a08666aea9e6b58/Mar-11-2024-23-11-06.gif" data-mid="206552969" border="0" src="https://freight.cargo.site/w/320/i/b079ff42561d33436d088b1ed83bb2e2066757448a905b195a08666aea9e6b58/Mar-11-2024-23-11-06.gif" /> <img width="1425" height="3825" width_o="1425" height_o="3825" data-src="https://freight.cargo.site/t/original/i/6266a3437f44a448d2d145c408b01c28dc45ad341dc84fa6958e0ceeb3b91adf/Landing.jpg" data-mid="206553232" border="0" src="https://freight.cargo.site/w/1000/i/6266a3437f44a448d2d145c408b01c28dc45ad341dc84fa6958e0ceeb3b91adf/Landing.jpg" /> <img width="1425" height="2410" width_o="1425" height_o="2410" data-src="https://freight.cargo.site/t/original/i/fe543619749ca4f98e290287cd416664eb39540fd976bcdf9d57429e1eaf0f1c/PDP.jpg" data-mid="206553467" border="0" src="https://freight.cargo.site/w/1000/i/fe543619749ca4f98e290287cd416664eb39540fd976bcdf9d57429e1eaf0f1c/PDP.jpg" /> ***To read the Final site︎ *** Takeaways:Due to the limited of budget and scoop, the booking service linked to email. It would be nice to create a seamless experience for the booking service in the next steps. https://stzudio.com/Triple-C-Design Tue, 01 Feb 2022 21:26:15 +0000 stzudio https://stzudio.com/Triple-C-Design Triple C Design Triple C Design creates fashion accessories such as phone chargers, mini speakers, power banks, phone cases. I worked at Triple C Design as a full-time Art director/ designer/ photographer/ videographer/ web developer for a year. The keywords of Triple C Design are “Bold color, fashion, and technology, playful and unique”.&nbsp; Project Type:Product, Photography, Video, Web, Print &amp; Packaging&nbsp; Role:Designer, Art director, Photographer, Videographer Client:Triple C Design Year of Production:2015 <img width="2500" height="1683" width_o="2500" height_o="1683" data-src="https://freight.cargo.site/t/original/i/f61ec0c9e4c22dfd2d96f5af51f2b03f4efcdcf4d1e961764a609e4359eec4ee/1.jpg" data-mid="132288957" border="0" src="https://freight.cargo.site/w/1000/i/f61ec0c9e4c22dfd2d96f5af51f2b03f4efcdcf4d1e961764a609e4359eec4ee/1.jpg" /> <img width="2500" height="1683" width_o="2500" height_o="1683" data-src="https://freight.cargo.site/t/original/i/27f7130c9d0581a38ec61203f48381a55ef86b63840bbf7e0692ef1d4fe158bf/2.jpg" data-mid="132288958" border="0" src="https://freight.cargo.site/w/1000/i/27f7130c9d0581a38ec61203f48381a55ef86b63840bbf7e0692ef1d4fe158bf/2.jpg" /> <img width="2500" height="1683" width_o="2500" height_o="1683" data-src="https://freight.cargo.site/t/original/i/0abdecd7dc7f935e359808517485099cb3ab89aa3a3287c57d539fca2609a266/3.jpg" data-mid="132288959" border="0" src="https://freight.cargo.site/w/1000/i/0abdecd7dc7f935e359808517485099cb3ab89aa3a3287c57d539fca2609a266/3.jpg" /> PROJECT OVERVIEW:A website that present our brand image with fashion and technology aspect. The product include: e-com website, trade show posters, email blasts, catalog, brand video and package design. E-commerce website: <img width="1338" height="2343" width_o="1338" height_o="2343" data-src="https://freight.cargo.site/t/original/i/4087e608ce0965eea10f24208316a52bf6d346f66bade9926b85fcb8338a19f5/product-page_function.png" data-mid="132289715" border="0" src="https://freight.cargo.site/w/1000/i/4087e608ce0965eea10f24208316a52bf6d346f66bade9926b85fcb8338a19f5/product-page_function.png" /> <img width="5327" height="13573" width_o="5327" height_o="13573" data-src="https://freight.cargo.site/t/original/i/d9d208243137337c370172016b75bf11aa6d0577fdf10ca76364e31e6503e1e4/homepage-1-01.jpg" data-mid="132375754" border="0" src="https://freight.cargo.site/w/1000/i/d9d208243137337c370172016b75bf11aa6d0577fdf10ca76364e31e6503e1e4/homepage-1-01.jpg" /> <img width="470" height="420" width_o="470" height_o="420" data-src="https://freight.cargo.site/t/original/i/2ad47ee3d18188ac615f3d57bef541c5d5e3afc409f42115793bb0c8e3f4658b/Untitled-13.gif" data-mid="132289809" border="0" src="https://freight.cargo.site/w/470/i/2ad47ee3d18188ac615f3d57bef541c5d5e3afc409f42115793bb0c8e3f4658b/Untitled-13.gif" /> <img width="470" height="420" width_o="470" height_o="420" data-src="https://freight.cargo.site/t/original/i/332a19ba07d56cf17d02afc39215cb9d15357255bb4d804d8a3e6472c7b5c844/Untitled-15.gif" data-mid="132289810" border="0" src="https://freight.cargo.site/w/470/i/332a19ba07d56cf17d02afc39215cb9d15357255bb4d804d8a3e6472c7b5c844/Untitled-15.gif" /> <img width="470" height="420" width_o="470" height_o="420" data-src="https://freight.cargo.site/t/original/i/4d0e81ba8f65a45b5633ba461f466bc01e526b40e1c42f14e2e805d9e2ac0e31/Untitled-16.gif" data-mid="132289812" border="0" src="https://freight.cargo.site/w/470/i/4d0e81ba8f65a45b5633ba461f466bc01e526b40e1c42f14e2e805d9e2ac0e31/Untitled-16.gif" /> <img width="470" height="420" width_o="470" height_o="420" data-src="https://freight.cargo.site/t/original/i/b71df64d30aeb739580c4a624a0b7ea3f93328948fdb23f281c41d48b15db361/Untitled-17.gif" data-mid="132289813" border="0" src="https://freight.cargo.site/w/470/i/b71df64d30aeb739580c4a624a0b7ea3f93328948fdb23f281c41d48b15db361/Untitled-17.gif" /> Product Photography, Mock Up, Retouching <img width="2650" height="1242" width_o="2650" height_o="1242" data-src="https://freight.cargo.site/t/original/i/4d11e572706128e2024de16021c633512e554d81582e987ea21748fb08f2e3d0/suctionstand-lifestyle.jpg" data-mid="132275278" border="0" src="https://freight.cargo.site/w/1000/i/4d11e572706128e2024de16021c633512e554d81582e987ea21748fb08f2e3d0/suctionstand-lifestyle.jpg" /> <img width="2650" height="1242" width_o="2650" height_o="1242" data-src="https://freight.cargo.site/t/original/i/67fa5ed0955556394c5eae3d90ab77b225a1958bedb6bf6c35f62ac5286fee06/stylecordz.jpg" data-mid="132273414" border="0" src="https://freight.cargo.site/w/1000/i/67fa5ed0955556394c5eae3d90ab77b225a1958bedb6bf6c35f62ac5286fee06/stylecordz.jpg" /> <img width="2650" height="1242" width_o="2650" height_o="1242" data-src="https://freight.cargo.site/t/original/i/c423813ec4f5e60371d083fc446edf1143c73ab7fab789db40407e0e54622eab/cablemate-sec5.jpg" data-mid="132275187" border="0" src="https://freight.cargo.site/w/1000/i/c423813ec4f5e60371d083fc446edf1143c73ab7fab789db40407e0e54622eab/cablemate-sec5.jpg" /> <img width="2650" height="1242" width_o="2650" height_o="1242" data-src="https://freight.cargo.site/t/original/i/44ddf9050a471aef1d55baee626b5a1a456aa6294ce082eeab567b074ec78a5a/3.jpg" data-mid="132278673" border="0" src="https://freight.cargo.site/w/1000/i/44ddf9050a471aef1d55baee626b5a1a456aa6294ce082eeab567b074ec78a5a/3.jpg" /> <img width="2650" height="1242" width_o="2650" height_o="1242" data-src="https://freight.cargo.site/t/original/i/6f739e96449d63a2b5d12503f633cb2b15bffc307acd1d77bb668ed40ff3418e/powercard-gd.jpg" data-mid="132274805" border="0" src="https://freight.cargo.site/w/1000/i/6f739e96449d63a2b5d12503f633cb2b15bffc307acd1d77bb668ed40ff3418e/powercard-gd.jpg" /> <img width="2650" height="1242" width_o="2650" height_o="1242" data-src="https://freight.cargo.site/t/original/i/e5d756e0b30826a255d97b2ecc3afbccac4a35de61aa2099e652e6b8882471a1/2-copy.jpg" data-mid="132278706" border="0" src="https://freight.cargo.site/w/1000/i/e5d756e0b30826a255d97b2ecc3afbccac4a35de61aa2099e652e6b8882471a1/2-copy.jpg" /> <img width="2650" height="1242" width_o="2650" height_o="1242" data-src="https://freight.cargo.site/t/original/i/53b2a3e6eab1904850d04a11db19486eff5c6f955340685364266fc4547d592c/1-copy.jpg" data-mid="132278705" border="0" src="https://freight.cargo.site/w/1000/i/53b2a3e6eab1904850d04a11db19486eff5c6f955340685364266fc4547d592c/1-copy.jpg" /> Trade Show Product Posters <img width="2000" height="2000" width_o="2000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/52eb3de5c439e376f0135a9322b0713d20e44c04b74ce74070af9968db6cd676/24-inch-square-116-glitter.jpg" data-mid="132276889" border="0" src="https://freight.cargo.site/w/1000/i/52eb3de5c439e376f0135a9322b0713d20e44c04b74ce74070af9968db6cd676/24-inch-square-116-glitter.jpg" /> <img width="2000" height="2000" width_o="2000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/dba889b708b0d17e246ba313b2e77c71367c95609536a7f3b26c23c1ebf50c48/24-inch-square-smartbattery.jpg" data-mid="132276894" border="0" src="https://freight.cargo.site/w/1000/i/dba889b708b0d17e246ba313b2e77c71367c95609536a7f3b26c23c1ebf50c48/24-inch-square-smartbattery.jpg" /> <img width="2000" height="2000" width_o="2000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/4dffac93c1c1533af3de8056383e36de81345f82b365bb84129a581c41dad2f6/24-inch-square-retractingcable.jpg" data-mid="132276893" border="0" src="https://freight.cargo.site/w/1000/i/4dffac93c1c1533af3de8056383e36de81345f82b365bb84129a581c41dad2f6/24-inch-square-retractingcable.jpg" /> <img width="2000" height="2000" width_o="2000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/db27cd63c927f808c6b82423de1f8ab4dc4dcceeed2d54c627e2f6d8efb51227/24-inch-square-amplifier.jpg" data-mid="132276892" border="0" src="https://freight.cargo.site/w/1000/i/db27cd63c927f808c6b82423de1f8ab4dc4dcceeed2d54c627e2f6d8efb51227/24-inch-square-amplifier.jpg" /> <img width="2000" height="2000" width_o="2000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/cc9f75f02d934fdb3f0fee11be76b3e56b5d2d0fd749522abc8c3c575db7d9eb/24-inch-square-146.jpg" data-mid="132276891" border="0" src="https://freight.cargo.site/w/1000/i/cc9f75f02d934fdb3f0fee11be76b3e56b5d2d0fd749522abc8c3c575db7d9eb/24-inch-square-146.jpg" /> <img width="2000" height="2000" width_o="2000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/dc834590dd9d781dc98b0870fb2235e1f4ffbfed8356e189115ad6ec5a1a2efa/24-inch-square-133.jpg" data-mid="132276890" border="0" src="https://freight.cargo.site/w/1000/i/dc834590dd9d781dc98b0870fb2235e1f4ffbfed8356e189115ad6ec5a1a2efa/24-inch-square-133.jpg" /> <img width="2000" height="2000" width_o="2000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/0c81b7b83beae47401d928a7116a2e063ed36ccf41d77f5f0fd89933dc215c0f/11.25-square-647.jpg" data-mid="132276975" border="0" src="https://freight.cargo.site/w/1000/i/0c81b7b83beae47401d928a7116a2e063ed36ccf41d77f5f0fd89933dc215c0f/11.25-square-647.jpg" /> <img width="2000" height="2000" width_o="2000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/adbdcfaea0e1067a8e98b6d41dee86f9235f8ec8bf82a5e00f6730775cef93f3/11.25-square-146.jpg" data-mid="132276971" border="0" src="https://freight.cargo.site/w/1000/i/adbdcfaea0e1067a8e98b6d41dee86f9235f8ec8bf82a5e00f6730775cef93f3/11.25-square-146.jpg" /> Seasonal Catalog Summer 16Winter 14 link here &nbsp;Summer 15 link here <img width="3279" height="1260" width_o="3279" height_o="1260" data-src="https://freight.cargo.site/t/original/i/e21b123ce9b1bcd2e661b5f2b0011daa9de460d56f42d377c9c0f1579778d7c4/SS-16-Catalog-1.jpg" data-mid="132284714" border="0" src="https://freight.cargo.site/w/1000/i/e21b123ce9b1bcd2e661b5f2b0011daa9de460d56f42d377c9c0f1579778d7c4/SS-16-Catalog-1.jpg" /> <img width="3279" height="1260" width_o="3279" height_o="1260" data-src="https://freight.cargo.site/t/original/i/9d5ed06e9956cceb331c58b9769d4780fb8dacfd2fbb5f4796f09604749eff2f/SS-16-Catalog-2.jpg" data-mid="132284715" border="0" src="https://freight.cargo.site/w/1000/i/9d5ed06e9956cceb331c58b9769d4780fb8dacfd2fbb5f4796f09604749eff2f/SS-16-Catalog-2.jpg" /> <img width="3279" height="1260" width_o="3279" height_o="1260" data-src="https://freight.cargo.site/t/original/i/4f2e4ec29da28f21a36df3d950373553e34c3469da8f9f98cc06d33247754221/SS-16-Catalog-3-copy.jpg" data-mid="132284716" border="0" src="https://freight.cargo.site/w/1000/i/4f2e4ec29da28f21a36df3d950373553e34c3469da8f9f98cc06d33247754221/SS-16-Catalog-3-copy.jpg" /> <img width="3279" height="1260" width_o="3279" height_o="1260" data-src="https://freight.cargo.site/t/original/i/fa30fea85727b134ad214cbe81e23118ad9ed16dbcef1f63a36efcae10bc7ff8/SS-16-Catalog-4.jpg" data-mid="132284718" border="0" src="https://freight.cargo.site/w/1000/i/fa30fea85727b134ad214cbe81e23118ad9ed16dbcef1f63a36efcae10bc7ff8/SS-16-Catalog-4.jpg" /> <img width="3279" height="1260" width_o="3279" height_o="1260" data-src="https://freight.cargo.site/t/original/i/23736773eb8ca4306450ca3f24fdd8b246883b783e188a9b4a9bfa7a769da941/SS-16-Catalog-5.jpg" data-mid="132284722" border="0" src="https://freight.cargo.site/w/1000/i/23736773eb8ca4306450ca3f24fdd8b246883b783e188a9b4a9bfa7a769da941/SS-16-Catalog-5.jpg" /> <img width="3279" height="1260" width_o="3279" height_o="1260" data-src="https://freight.cargo.site/t/original/i/03001b7a0661539d754639be3e1a47457a8c3f42ebc656e0a77cdb624499c551/SS-16-Catalog-6.jpg" data-mid="132284724" border="0" src="https://freight.cargo.site/w/1000/i/03001b7a0661539d754639be3e1a47457a8c3f42ebc656e0a77cdb624499c551/SS-16-Catalog-6.jpg" /> <img width="3279" height="1260" width_o="3279" height_o="1260" data-src="https://freight.cargo.site/t/original/i/8d095244a74bd95ca762e749468e8061e7815f706c0abc65a006cbd2532a9209/SS-16-Catalog-7.jpg" data-mid="132284726" border="0" src="https://freight.cargo.site/w/1000/i/8d095244a74bd95ca762e749468e8061e7815f706c0abc65a006cbd2532a9209/SS-16-Catalog-7.jpg" /> <img width="3279" height="1260" width_o="3279" height_o="1260" data-src="https://freight.cargo.site/t/original/i/62fb7baea765ba99feb83f86178db2b7b32ab41b3ca38390738433c7ae939496/SS-16-Catalog-8-copy.jpg" data-mid="132284727" border="0" src="https://freight.cargo.site/w/1000/i/62fb7baea765ba99feb83f86178db2b7b32ab41b3ca38390738433c7ae939496/SS-16-Catalog-8-copy.jpg" /> <img width="3279" height="1260" width_o="3279" height_o="1260" data-src="https://freight.cargo.site/t/original/i/f25daa1a69dbbc5ce7b91ebcab0d5b483e033b1134943ffc351ddd6b3c7f981b/SS-16-Catalog-9-copy.jpg" data-mid="132284728" border="0" src="https://freight.cargo.site/w/1000/i/f25daa1a69dbbc5ce7b91ebcab0d5b483e033b1134943ffc351ddd6b3c7f981b/SS-16-Catalog-9-copy.jpg" /> <img width="3279" height="1260" width_o="3279" height_o="1260" data-src="https://freight.cargo.site/t/original/i/aa536595c9cb014ae7195e7be4298bcd614122fe8f970b6540eed3ef4d2d9806/SS-16-Catalog-10-copy.jpg" data-mid="132284729" border="0" src="https://freight.cargo.site/w/1000/i/aa536595c9cb014ae7195e7be4298bcd614122fe8f970b6540eed3ef4d2d9806/SS-16-Catalog-10-copy.jpg" /> <img width="3279" height="1260" width_o="3279" height_o="1260" data-src="https://freight.cargo.site/t/original/i/7e6ea4a3b5e42a55827dfeaf8ca493bf33b1fe6b15ae188c3176acbab2707950/SS-16-Catalog-11-copy.jpg" data-mid="132284730" border="0" src="https://freight.cargo.site/w/1000/i/7e6ea4a3b5e42a55827dfeaf8ca493bf33b1fe6b15ae188c3176acbab2707950/SS-16-Catalog-11-copy.jpg" /> <img width="3279" height="1260" width_o="3279" height_o="1260" data-src="https://freight.cargo.site/t/original/i/83441e9a81ff6fb21f33086d5cc86148109477392f2a6a016769068ba76ace83/SS-16-Catalog-12-copy.jpg" data-mid="132284732" border="0" src="https://freight.cargo.site/w/1000/i/83441e9a81ff6fb21f33086d5cc86148109477392f2a6a016769068ba76ace83/SS-16-Catalog-12-copy.jpg" /> <img width="3279" height="1260" width_o="3279" height_o="1260" data-src="https://freight.cargo.site/t/original/i/2addb89c6ad0a2f5dba97e76fa9471e83adcad65224efdc7b5260d0447c75644/SS-16-Catalog-13-copy.jpg" data-mid="132284735" border="0" src="https://freight.cargo.site/w/1000/i/2addb89c6ad0a2f5dba97e76fa9471e83adcad65224efdc7b5260d0447c75644/SS-16-Catalog-13-copy.jpg" /> <img width="3279" height="1260" width_o="3279" height_o="1260" data-src="https://freight.cargo.site/t/original/i/fdd1914d36fb18343f852077082c73b3dfc3f3d5d79345e2e337c8bcc95bb12c/SS-16-Catalog-14-copy.jpg" data-mid="132284739" border="0" src="https://freight.cargo.site/w/1000/i/fdd1914d36fb18343f852077082c73b3dfc3f3d5d79345e2e337c8bcc95bb12c/SS-16-Catalog-14-copy.jpg" /> <img width="3279" height="1260" width_o="3279" height_o="1260" data-src="https://freight.cargo.site/t/original/i/1fd648d7634a823e67534d6bb360452c78f5e08bc05005a30107e53739d5aeb1/SS-16-Catalog-15-copy.jpg" data-mid="132284742" border="0" src="https://freight.cargo.site/w/1000/i/1fd648d7634a823e67534d6bb360452c78f5e08bc05005a30107e53739d5aeb1/SS-16-Catalog-15-copy.jpg" /> <img width="3279" height="1260" width_o="3279" height_o="1260" data-src="https://freight.cargo.site/t/original/i/09a5afc8efaccba9f9df3e091f49c2852ab6ef7be5ca8ac25422b3c2d66950e3/SS-16-Catalog-16-copy.jpg" data-mid="132284743" border="0" src="https://freight.cargo.site/w/1000/i/09a5afc8efaccba9f9df3e091f49c2852ab6ef7be5ca8ac25422b3c2d66950e3/SS-16-Catalog-16-copy.jpg" /> <img width="3279" height="1260" width_o="3279" height_o="1260" data-src="https://freight.cargo.site/t/original/i/eb856d6dcd8ff093dcee42c61c36de18457df6313bd96e32291d3bf15bb5b1c2/SS-16-Catalog-17-copy.jpg" data-mid="132284746" border="0" src="https://freight.cargo.site/w/1000/i/eb856d6dcd8ff093dcee42c61c36de18457df6313bd96e32291d3bf15bb5b1c2/SS-16-Catalog-17-copy.jpg" /> <img width="3279" height="1260" width_o="3279" height_o="1260" data-src="https://freight.cargo.site/t/original/i/42313381f02b305dfb684ab8ec5919e170a62a235d58c2f23d1b137423779015/SS-16-Catalog-18-copy.jpg" data-mid="132284749" border="0" src="https://freight.cargo.site/w/1000/i/42313381f02b305dfb684ab8ec5919e170a62a235d58c2f23d1b137423779015/SS-16-Catalog-18-copy.jpg" /> <img width="3279" height="1260" width_o="3279" height_o="1260" data-src="https://freight.cargo.site/t/original/i/df42f8c2f36d33daf1383fbd9ec74d6b15e92b906f8dcc86487dd1dcbccf95b3/SS-16-Catalog-19-copy.jpg" data-mid="132284752" border="0" src="https://freight.cargo.site/w/1000/i/df42f8c2f36d33daf1383fbd9ec74d6b15e92b906f8dcc86487dd1dcbccf95b3/SS-16-Catalog-19-copy.jpg" /> <img width="3279" height="1260" width_o="3279" height_o="1260" data-src="https://freight.cargo.site/t/original/i/6b0d229eb0c383f8e5b241c7fcfcf84d7264301f4f1b49bd8995d3c65f75435b/SS-16-Catalog-20-copy.jpg" data-mid="132284754" border="0" src="https://freight.cargo.site/w/1000/i/6b0d229eb0c383f8e5b241c7fcfcf84d7264301f4f1b49bd8995d3c65f75435b/SS-16-Catalog-20-copy.jpg" /> <img width="3279" height="1260" width_o="3279" height_o="1260" data-src="https://freight.cargo.site/t/original/i/66bf7d0bd2e70e5b4af60321d93eb5326975c2bd3d65acbacaf9f487f86146de/SS-16-Catalog-21-copy.jpg" data-mid="132284756" border="0" src="https://freight.cargo.site/w/1000/i/66bf7d0bd2e70e5b4af60321d93eb5326975c2bd3d65acbacaf9f487f86146de/SS-16-Catalog-21-copy.jpg" /> <img width="3279" height="1260" width_o="3279" height_o="1260" data-src="https://freight.cargo.site/t/original/i/79ddc7237f280de00caa26816c6843f7a696c684a7ae4780e835bc1187d9565f/SS-16-Catalog-22-copy.jpg" data-mid="132284759" border="0" src="https://freight.cargo.site/w/1000/i/79ddc7237f280de00caa26816c6843f7a696c684a7ae4780e835bc1187d9565f/SS-16-Catalog-22-copy.jpg" /> E-mail blasts <img width="650" height="862" width_o="650" height_o="862" data-src="https://freight.cargo.site/t/original/i/4e6d2815842ed8dd8b2805044537b08c8a7980c56fe6bcf0147226e9a5b3db1c/blucube-section1-1.jpg" data-mid="132286768" border="0" src="https://freight.cargo.site/w/650/i/4e6d2815842ed8dd8b2805044537b08c8a7980c56fe6bcf0147226e9a5b3db1c/blucube-section1-1.jpg" /> <img width="661" height="923" width_o="661" height_o="923" data-src="https://freight.cargo.site/t/original/i/2144b7b333784da5b608e5b76ebabcf6557b2ec649f93c302d1b303cb00858eb/power-wallet-section1.png" data-mid="132287208" border="0" src="https://freight.cargo.site/w/661/i/2144b7b333784da5b608e5b76ebabcf6557b2ec649f93c302d1b303cb00858eb/power-wallet-section1.png" /> <img width="661" height="935" width_o="661" height_o="935" data-src="https://freight.cargo.site/t/original/i/1768a8764efa567d7239263ce73bcc107d8a744e2432c2f27bf1e04571bba169/holidaysale1.jpg" data-mid="132286825" border="0" src="https://freight.cargo.site/w/661/i/1768a8764efa567d7239263ce73bcc107d8a744e2432c2f27bf1e04571bba169/holidaysale1.jpg" /> <img width="661" height="1004" width_o="661" height_o="1004" data-src="https://freight.cargo.site/t/original/i/cfe9bf4290695ad4c39ef1ca96842efb58898950def9965867d51fe770d6c002/soundcore2-copy.png" data-mid="132287195" border="0" src="https://freight.cargo.site/w/661/i/cfe9bf4290695ad4c39ef1ca96842efb58898950def9965867d51fe770d6c002/soundcore2-copy.png" /> <img width="661" height="989" width_o="661" height_o="989" data-src="https://freight.cargo.site/t/original/i/46dbb4d2b9b56792f3351f7c19859ac82a6f8c16ef1180ef269298562b7e0b43/xmas20offsale.gif" data-mid="132286936" border="0" src="https://freight.cargo.site/w/661/i/46dbb4d2b9b56792f3351f7c19859ac82a6f8c16ef1180ef269298562b7e0b43/xmas20offsale.gif" /> <img width="650" height="1094" width_o="650" height_o="1094" data-src="https://freight.cargo.site/t/original/i/2ad85004227d7275fa4e2d96f6d3f14d7c9d224c0a646f52990f8c2e44301ac8/walletcase-section1.jpg" data-mid="132286882" border="0" src="https://freight.cargo.site/w/650/i/2ad85004227d7275fa4e2d96f6d3f14d7c9d224c0a646f52990f8c2e44301ac8/walletcase-section1.jpg" /> <img width="650" height="1094" width_o="650" height_o="1094" data-src="https://freight.cargo.site/t/original/i/e6f21c61905c23b459eb565c833b5a8e1b83faf96733ef2d9f12a0f25286ef96/116GTeblast.jpg" data-mid="132286735" border="0" src="https://freight.cargo.site/w/650/i/e6f21c61905c23b459eb565c833b5a8e1b83faf96733ef2d9f12a0f25286ef96/116GTeblast.jpg" /> <img width="600" height="1163" width_o="600" height_o="1163" data-src="https://freight.cargo.site/t/original/i/ee42d3a6bc1dea25d1e12a944666c90c76383de319b40ed9b0aa63e0a6e4e855/eblastSA4.jpg" data-mid="132287296" border="0" src="https://freight.cargo.site/w/600/i/ee42d3a6bc1dea25d1e12a944666c90c76383de319b40ed9b0aa63e0a6e4e855/eblastSA4.jpg" /> <img width="661" height="1061" width_o="661" height_o="1061" data-src="https://freight.cargo.site/t/original/i/6671d52f4ea8fdb8c48abe22716d558255cc4a9326ba2ffc519b109d11f8ee7b/securitag-section1.png" data-mid="132287279" border="0" src="https://freight.cargo.site/w/661/i/6671d52f4ea8fdb8c48abe22716d558255cc4a9326ba2ffc519b109d11f8ee7b/securitag-section1.png" /> <img width="650" height="1094" width_o="650" height_o="1094" data-src="https://freight.cargo.site/t/original/i/ffc6adb67103345884746e1fc884624eac55d64841e04e4e32bacea85b7dbb27/blugo-section1.png" data-mid="132287531" border="0" src="https://freight.cargo.site/w/650/i/ffc6adb67103345884746e1fc884624eac55d64841e04e4e32bacea85b7dbb27/blugo-section1.png" /> <img width="600" height="707" width_o="600" height_o="707" data-src="https://freight.cargo.site/t/original/i/014445148ceefc4fd5ef4b2c049b4cfa3567f5d8189fb899e98fe01eeee7cc61/Eblastcablemate.jpg" data-mid="132287572" border="0" src="https://freight.cargo.site/w/600/i/014445148ceefc4fd5ef4b2c049b4cfa3567f5d8189fb899e98fe01eeee7cc61/Eblastcablemate.jpg" /> Brand Video Motion + Editing + Shooting Packaging Design <img width="1821" height="925" width_o="1821" height_o="925" data-src="https://freight.cargo.site/t/original/i/837e4a879710a294043c0497080336cc7ce6ee514a057e8a06863593dc6d016a/116NewPackaging-01.png" data-mid="132290565" border="0" src="https://freight.cargo.site/w/1000/i/837e4a879710a294043c0497080336cc7ce6ee514a057e8a06863593dc6d016a/116NewPackaging-01.png" />