https://www.lucybeta.com/home daily 1.0 2024-06-04 https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/2930e7a3-9039-40a3-bca4-07154af8c033/3.gif Home https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/1d9b0019-c358-436c-a6c4-f2bc3b52fc41/ezgif.com-gif-maker+%281%29.gif Home - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/57b0473f-a2d5-4c95-b3b8-a898600e3ebf/pervaaz1.jpg Home - Make it stand out View Case Study https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/8449d304-bef4-4989-b216-261e7aa3869c/Screenshot+2024-05-31+131821.png Home - Make it stand out View Case Study https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/b7404869-a42e-46e4-a94d-9e304dca27f0/a2-01.png Home - Make it stand out View Case Study https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/614f6c99-9437-4c9f-b4d4-37f4b8a2d606/Untitled-1-03.png https://www.lucybeta.com/contact-me daily 0.75 2024-06-04 https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/b3203890-3176-4e09-8d76-7afccffedc95/ezgif.com-gif-maker.gif Contact - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.lucybeta.com/about-me daily 0.75 2024-06-04 https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/b2cca83f-729a-466f-a941-89df8b817a16/port1.jpg About - I specialize in turning complex ideas into simple masterpieces. Designing is more than just a profession to me; it is my passion. I take pride in producing exceptional results that bring a positive change to people's lives. As a curious and diligent person, I find joy in exploring the realms of art, design, and fashion, always looking to enhance my skills in every possible way. As a designer with over a decade of experience in graphic art, leather goods, accessories, and apparel, I have honed my knowledge and critical thinking skills to better serve my clients. Through my work, I find it intriguing to gain insight into different perspectives, attitudes, and behaviors. I believe that as a great designer, it's important to ask "why" and explore all options to find the best design solution that effectively solves the problem at hand. If you are seeking to enhance the value of your business, feel free to reach out to me. Let’s build something beautiful together! https://www.lucybeta.com/mirrorold daily 0.75 2022-10-03 https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/4cb488e8-b638-4265-945a-6124279db3b0/MIRROR+MOCK+UP+ALL-01.jpg Mirror old - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/1d9b0019-c358-436c-a6c4-f2bc3b52fc41/ezgif.com-gif-maker+%281%29.gif Mirror old - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/2305397a-069e-4287-8dd9-ffb14360b2f3/Screen+Recording+2022-10-02+at+18.50.53.gif Mirror old - Problem: Users find that it is difficult to know if the clothes they choose online will fit them by look and size. Solution: Virtual Fitting feature is added on the website to help user with this problem. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/9b6dc2da-443e-40d7-a0dc-888c3df15a1c/Screen+Recording+2022-10-01+at+16.01.10.gif Mirror old - Problem: Mirror has no online website while they are doing great offline for brick and mortar stores. Solution: A responsive website is created in order for Mirror to have strong presence in online sphere. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/abbd2f61-64cb-4620-914f-55734ba6ade5/Screen+Recording+2022-10-02+at+18.34.39.gif Mirror old - Problem: Mirror has no website with online shopping feature to boost their business apart from their physical stores. Solution: A responsive website with online shopping feature is created so users are able to shop conveniently from anywhere. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/cb19cc0a-59d2-4c87-871d-b98b3c7d0178/Screen+Recording+2022-10-02+at+19.34.57.gif Mirror old - Problem: Users find that it is convenient to have saved wishlist and they can revisit the list to order them. Solution: Sign up and sign in page is created so they have profile to save information, wishlist, sizes and preference in the system. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/5de2c180-f678-44b7-aa51-e20bef1e50ce/ama-01.png Mirror old - Indirect Competitors ASOS and Amazon are indirect competitors for Mirror due to their strength in online sphere with similar market https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/d3502bbb-174d-4bd0-ae46-a464ebbeb150/08_HEADPHONES_134_c-01.png Mirror old - Direct Competitors Target, Shein and H&M are direct competitors for Mirror due to the similarity of the target market https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/ac13afa0-b532-4f3a-a8a1-fca657f92ff0/Frame+1a.png Mirror old - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/d44b17cd-1683-4e72-953b-2d31f31f6e77/Project+Goals-01.jpg Mirror old - Project Goals. Reliable brand Easy check out & payment Browse and purchase from any device Satisfying online shopping experience Simultaneous online & offline stock detail information Ease navigation & search Have fast & responsive website Sale items to clear old inventory https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/9d3a9a42-7414-45ff-bff3-147930726e5f/Screenshot+2022-04-01+at+17.44.59.jpg Mirror old - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/e55aee73-948d-40bb-a348-5d19807d8133/1+persona-04.png Mirror old - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/ccd04f4a-e7af-4531-99ff-a22f2e76b699/Screenshot+2022-04-01+at+18.35.59.jpeg Mirror old https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/7a8813ca-01c7-4a79-bbc0-6a1ab3dd67cd/Screenshot+2022-04-01+at+20.55.30.png Mirror old - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/46ebf916-c87b-4ad8-a128-3bef7a39ac7c/Screenshot+2022-04-01+at+19.41.03.png Mirror old https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/9346fd2f-7baa-44a8-9b4e-d26b778a01fd/UI+Kit+1-01.png Mirror old - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/a3f168d9-eb44-4003-a07c-7cb8828de995/all+pages-03.png Mirror old - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/ed0f3895-49cb-4dd4-be9d-bbba32e7effc/mirror.jpg Mirror old - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/8dcd76b3-0c9f-4c9d-8e5c-95c6f57bd49d/page+6-06.png Mirror old - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/c162fc28-544c-4eb4-9064-f0ab7f8ee9cf/page+8-08.png Mirror old - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/047b889a-8041-4228-bbc6-8b866ad8f4d3/page+5-05.png Mirror old - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/9453e079-6014-4f5c-8203-afc173655226/page+1+g-02.png Mirror old - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/aa6c6372-87de-4bff-b131-73c53fa7b25e/page+7-07.png Mirror old - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/3dbaa4ee-b1c3-454f-b834-3542bce44e1b/Screenshot+2022-04-01+at+22.54.10.png Mirror old - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/5603d156-303c-42f9-aa12-e0c0be32f6ee/page+2-02.jpg Mirror old - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/fcb7980b-410a-46fd-9400-dd71097d6510/page+4-04.png Mirror old - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/e42402a0-5342-453a-8d11-e89f9b5fda82/Screenshot+2022-04-04+at+14.10.53.png Mirror old - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/c06f4acf-3d94-4100-8872-2170fee15ba8/Affinity+map+-+mirror.png Mirror old - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/42c679b3-aa3b-4dd4-be67-432099abd68c/Screenshot+2022-04-04+at+14.30.21.png Mirror old - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/3ec68b60-c427-4611-88f2-ab048956f3ec/Screenshot+2022-04-04+at+14.17.36.png Mirror old - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/17b78993-cd34-4735-a2cf-57d2b22b49bc/Screenshot+2022-04-04+at+14.28.28.png Mirror old - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/bf0ad77e-7cdc-4971-b333-279247dd5e48/Screenshot+2022-04-04+at+14.14.39.png Mirror old - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/4cb488e8-b638-4265-945a-6124279db3b0/MIRROR+MOCK+UP+ALL-01.jpg Mirror old - Next Steps. Create Screens for tablet and mobile devices Plan more quantitative & qualitative research Plan another Usability Test https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/1651081907849-7PL0S26L7FQ6BFIWQP2X/Screenshot+2022-04-27+at+10.37.47.png Mirror old https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/1651081460600-W2RHKAAFCEIH8YCWNXEZ/Screenshot+2022-04-27+at+12.42.44.png Mirror old https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/1651082299380-DUAIAULCNV0I2B2BPXHS/Screenshot%2B2022-04-27%2Bat%2B12.54.07.jpg Mirror old https://www.lucybeta.com/work daily 0.75 2024-06-04 https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/614f6c99-9437-4c9f-b4d4-37f4b8a2d606/Untitled-1-03.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/1649881713509-V3H8EP7BF49LGUQT2STV/Screenshot+2022-03-29+at+18.08.44.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/1ac7dbd6-917f-448d-a252-39bbe9392537/yiphauz+mockup1c.jpg Work https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/9f90d6c4-d42b-4b05-b6a8-80f00339cc8a/Phone+mockup+2.jpg Work https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/0d34bc31-b435-4b2b-928e-9131910725de/IphoneXMockup%402x.jpg Work https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/8449d304-bef4-4989-b216-261e7aa3869c/Screenshot+2024-05-31+131821.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.lucybeta.com/yiphauzcafe daily 0.75 2023-05-12 https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/ffa38612-c17f-4033-a0f6-0467d4309a16/aa-01.png YIP Hauz Cafe - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/1d9b0019-c358-436c-a6c4-f2bc3b52fc41/ezgif.com-gif-maker+%281%29.gif YIP Hauz Cafe - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/f79e8ed7-841d-4f2b-b42d-ad76dc0e74fc/1.gif YIP Hauz Cafe - Problem: YIP has no website with general and detailed information, pictures, menu, online order, and reservation booking. Solution: A responsive website with all information available online. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/91988995-7acd-4546-b026-d4d4f654bd37/4.gif YIP Hauz Cafe - Problem: There is no online checkout for in-house orders. Solution: Created a smooth checkout flow with various payment options. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/f5359105-b8f4-40f2-9330-54e3dc03b13d/5.gif YIP Hauz Cafe - Problem: YIP has credible reviews online only on Google Maps reviews. Solution: A review section that links to the source. ( Google Map reviews ) https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/c7cded10-242b-4417-885a-fd30703cc0b5/3.gif YIP Hauz Cafe - Problem: YIP has no pictures of the menu items online. Solution: Create an online order menu with pictures, details, and prices. I added bestsellers and popular tags for extra information. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/45fd7b65-304f-4302-b533-f92ae261c16d/2.gif YIP Hauz Cafe - Problem: YIP collaborates with 3rd party delivery companies but has no in-house order online service. Solution: An in-house order online feature on the website. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/985abe0a-27c3-4ca1-822e-4b70362e8a6e/Frame+2.png YIP Hauz Cafe - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/58f865b2-594a-4251-b23e-730fe999bc1c/Frame+1.png YIP Hauz Cafe - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/d11877b2-33fe-4b1c-b08b-a0ff094cc477/Competitive+Analysis.png YIP Hauz Cafe - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/50ed5460-0084-4cfd-9dc9-430aa6313c3d/Frame+3.png YIP Hauz Cafe - Make it stand out Many customers are still enjoying to visit the cafe but since the pandemic, it has decreased remarkably. YIP Cafe is engaged with few online delivery parties who charge around 20% of the original price, which impacted the price to be more expensive apart from extra charge for delivery service for customers. They rely on Instagram for current promotion and engage with their customers. Customers approach them for order and reservation via phone call, Instagram and Whatsapp. The owner prefers green colour as the main colour for website as it is neutral and fresh with friendly approach to customers. YIP has broad target market from single, couples and family around 13 years to 50 years old. They want to have their own website which provides in-house online order and reservation together with all pictures and information about the cafe. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/5063ec5b-b4ba-4844-8bbb-77922f9df0b5/Frame+4.png YIP Hauz Cafe - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/c7b5fb4a-8f52-4d91-81e0-bcaf9fe55598/Affinity+map+-+YIP.png YIP Hauz Cafe - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/7ed3d208-74b8-43f7-80e1-08f649e2a4d5/Project+Goals-+YIP.png YIP Hauz Cafe - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/ea267e7c-28c9-4d50-bfbd-1bc1875b0359/Persona+-+mawar.png YIP Hauz Cafe - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/8e83e48e-3605-40e6-a92c-f5789a814d78/Sketches.png YIP Hauz Cafe - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/7621b39b-8468-42a8-b086-036676ec355f/Sitemap+-+YIP.png YIP Hauz Cafe - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/6f8211f7-4102-4ba1-bd5e-f700224cddbc/User+Flow+-+YIP.png YIP Hauz Cafe https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/b93da270-e467-4315-abcc-3aed0ae255cc/Desktop+-+3.png YIP Hauz Cafe - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/032444d5-8ccc-4630-887f-59439d5194e9/UI+Kit1.png YIP Hauz Cafe - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/268c64b6-8aec-4d7f-856d-46c203c2c698/all+Hifi+pages-+10.png YIP Hauz Cafe - Menu Page Problem: Users wanted to know which ones are bestseller items. Solution: Add a bestseller icon to menu items. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/e701e659-c02d-41b1-9bf5-de0eaa9eb33c/all+Hifi+pages-+12.png YIP Hauz Cafe - Home Page - Body Section Problem: Users missed the free gelato offer because it is not as evident at the bottom. Solution: Place the offer of free gelato after the hero section for better visibility. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/c310f6b9-cdfe-4e1c-a40b-7e5b7bb2d519/all+Hifi+pages-+5.png YIP Hauz Cafe - Home Page - Body Section Problem: Users were not attracted to the image and layout of a new gelato flavor. Solution: Change and add more food pictures on the homepage to boost customers’ confidence to order food from the site and feature bestseller items to increase customers’ appetite. Problem: Users didn’t see the text around the gelato due to the bad color contrast. Solution: Change the color of the circle text of the gelato picture to be darker for better color contrast. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/fab17941-46fa-4e2e-9ee9-ec0bf830f999/all+Hifi+pages-+3.png YIP Hauz Cafe https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/85bb8416-9cea-41a7-b5d0-5014c74f2e81/all+Hifi+pages-+14.png YIP Hauz Cafe - Delivery Pop-up Box Problem: Users missed the note “Fill in the address” because it is at the bottom of the box and is in grey with small text. Solution: Change the note “Fill in the address” to be on top with prominent color. Problem: Users prefer the “Use my location” button instead of filling in the postal code box. Solution: Move the “Use my location” button to the left for better usability. Problem: Users were confused and didn’t fill in the postal code but directly jumped to Yiphauz Delivery which was inactive before filling in the postal code. Solution: Reduce the opacity of the button to avoid confusion. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/250146de-5b07-416f-900b-11d9c858ffa1/all+Hifi+pages-+13.png YIP Hauz Cafe - Home Page - Review section Problem: Users questioned the reliability of featured reviews. Solution: Add a link to Google Maps Reviews from the reviews section to convince users that the reviews are credible. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/c37b3e46-d241-4759-83c2-15614f37072b/Desktop+-+6.png YIP Hauz Cafe - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/aa35ba7c-2f59-47fa-a59e-873192820e8f/all+Hifi+pages-+11.png YIP Hauz Cafe - Home Page - Hero Section Problem: Users were unaware that more sections were at the bottom of the hero section. Solution: Make the illustration and sections smaller to show more sections below the hero section. Problem: Users were confused about the illustration, whether the guy takes or gives the food package to the lady Solution: Remove the back arm of the lady in the illustration to make it evident that the guy is delivering the food package. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/aa3fca14-015a-4ff6-8044-c2ba47217aa1/all+Hifi+pages-+9.png YIP Hauz Cafe - Menu Page - Detail Section Problem: Users wanted to know what kind of toppings are available together with images. Solution: Add images for a better understanding of the topping types. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/e670b547-8978-4634-82e6-75a670b87636/mockup+1a.jpg YIP Hauz Cafe - Next Steps. For this project, I focused on the home page, menu page, online order process, and payment process for users. The next step will be: Another Usability Testing for the Desktop version after the iteration Another Usability Testing for the Mobile version Profile creation for users Detail features on reservation feature and contacts us feature Hand in the project to the developer team to run and launch it for the last quarter of 2022 https://www.lucybeta.com/sanvello daily 0.75 2023-05-12 https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/f7bddd5c-7a96-4ffd-9319-cd54249b8ad5/sanvello2.png Sanvello - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/1d9b0019-c358-436c-a6c4-f2bc3b52fc41/ezgif.com-gif-maker+%281%29.gif Sanvello - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/84fd5ba9-0028-4467-ab80-d595c8d8e6f0/2.gif Sanvello - Problem: Sanvello has today’s meditation on the home screen but not today’s yoga. Solution: Today’s yoga is added on the home screen for users’ convenience. The view can be portrait or landscape for a bigger view. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/1ce19434-52ec-41d7-9781-e48edccaaee8/3.gif Sanvello - Problem: Users sometimes have no motivation to do yoga by themselves alone. Solution: Added live yoga sessions with the instructor and other users digitally. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/06f9f0ec-8b0e-43f3-b330-626ba1cb11c1/4.gif Sanvello - Problem: Users want to choose a yoga session based on their preference. Solution: A simple yet informative filter is created to narrow down yoga options. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/7f7ba2b1-3482-465c-8b9d-68a7ad2be38b/1.gif Sanvello - Problem: Sanvello has no physical feature to improve the psychological aspect of users. Users desire an all-around mental health app to enhance their well-being. Solution: Adding a yoga feature on the Sanvello app. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/2ee2d2f6-6914-4ae2-90e9-8f8bb7fd5ca7/Desktop+-+3.png Sanvello - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/c1b1248f-a6b0-4c43-bf99-7beaa8eda175/Desktop+-+4.png Sanvello - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/8da2f44a-1630-44f4-88c6-0bf7d8d0e18b/Competitive+Analysis.png Sanvello - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/1a9d5562-43b2-4b37-961a-80fa1bc8bb25/Desktop+-+5a.png Sanvello - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/7f96b59a-ce96-42ca-8fb9-bfe4e6bf2041/Affinity+map+-+Sanvello.png Sanvello - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/166afba4-9ff3-4200-affa-b114fc87c168/Persona+-+Sienna+Rose.png Sanvello - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/da1e34f7-3fb0-495d-8636-0014cc4fe2bd/Project+Goals.png Sanvello - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/b7cf76af-4f20-41d0-9a27-89ff29061662/Sketches.png Sanvello - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/a0adb950-4b36-4c1c-939a-b65680d9e177/Sitemap+-+Sanvello.png Sanvello - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/6021560e-0815-4f4c-91ae-7845a104b783/Information+Architecture+chosen+-+Sanvello.png Sanvello https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/bc808312-fa65-4813-8aaf-95a0baee2f0d/mockup+sanvello1-02.png Sanvello - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/31acae94-c8f8-4eeb-b79c-5b33783886fb/User+Flow+-+Sanvello+chosen.png Sanvello - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/1993037c-74c3-4e77-8da6-46f27e0fd649/1.png Sanvello - Home Screen Problem: Users were not attracted to scroll down because they wanted to immediately see today’s yoga feature. How many participants said this?: (3/7) Solution: Move today’s yoga feature as a highlight on top of the screen https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/39e991b6-1a72-45ec-9a20-a70816b56e86/Desktop+-+6.png Sanvello - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/8dbef88d-f7a0-4ddb-a67c-997fc7c2bb7c/5.png Sanvello - Session Booked Screen Problem: Users are confused about how to exit from the confirmation screen. How many participants said this?: (2/7) Solution: Added an “x” button to exit the screen. Problem: Users thought the information was not detailed enough. How many participants said this?: (1/7) Solution: Added more information about the session. Problem: Users thought the CTA button was way too low and “add to calendar“was more important than “see you then.” How many participants said this?: (2/7) Solution: Move the CTA button higher and change the button. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/26cfc39a-824c-4346-98b8-46e155494b89/6.png Sanvello - Filtered Yoga Screen Problem: Users are confused about which screen they are at. How many participants said this?: (2/7) Solution: Added breadcrumbs to make it clear. Problem: Users wanted to know which session was the most popular or the latest added on the app. How many participants said this?: (3/7) Solution: Added sort-by button. Problem: Users wanted to know briefly about the session. How many participants said this?: (5/7) Solution: Added tagging information for fast extra detail. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/4ca93f9f-4b8e-48f7-8359-c0bcaf61e4db/2.png Sanvello - Video Screen Problem: Users wanted to know more detail about the session and what they needed to do before starting it. How many participants said this?: (3/7) Solution: Added more detail of yoga session such as duration, level, and prop, including poses users need to do. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/72e83cdd-e36b-426a-af68-494dd4467c06/4.png Sanvello - Live Classes Screen Problem: Users sometimes miss the month and date of the chosen session. How many participants said this?: (3/7) Solution: Added extra information of the month on top of the screen and a more obvious chosen date in different colors. Problem: Users wanted to know the status of the session, extra information, how many people have signed up, and if the session is full. How many participants said this?: (3/7) Solution: Added information on how many people have signed up, the information icon button, and if the session is full. Problem: Users wanted an extra step before confirming the booking. How many participants said this?: (5/7) Solution: Added a pop-up screen to confirm the booking of the session. Problem: Users thought the background was a bit too bright compared to the rest of the screens. How many participants said this?: (2/7) Solution: Change the background to align with the rest of the screens. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/38c8a10d-279d-475e-bfda-fbde33496f4b/3.png Sanvello - Yoga Screen Problem: Users missed “Live Sessions” because it looks similar to the rest of the categories. How many participants said this?: (3/7) Solution: Added a special section for “Live Sessions” and made all courses button more prominent. Problem: Users wanted “New Arrival”& “Live Sessions” on top to see the most updated sessions. How many participants said this?: (2/7) Solution: Moved “New Arrival”& “Live Sessions” to be on top of the screen. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/b4d68b97-c24e-415c-a4de-3ed535b6c9bd/mockup1-01.png Sanvello https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/b9682fda-05cd-40c3-9ac5-fabf765b99dc/Phone+mockup.png Sanvello - Next Steps. For this project, I focused on the yoga feature to provide a physical practice for Sanvello users to get an all-around health experience. The next step will be: Another Usability Testing 1:1 for more depth feedback Design a “Check in” screen after the yoga session, a rating and feedback screen for yoga sessions, a wishlist screen, and a yoga reminder screen. Design for other mobile devices’ layouts. Scheduling screens and connecting the app with google calendar. https://www.lucybeta.com/pervaaz daily 0.75 2023-05-12 https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/dd9653a4-5256-418c-8bec-a0b20d0a16c4/5401589a.png https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/1a8e4939-9f02-4131-902a-a8a7369a6629/Screenshot+2023-05-11+at+09.11.31.png Pervaaz Urdu Language School - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/1d9b0019-c358-436c-a6c4-f2bc3b52fc41/ezgif.com-gif-maker+%281%29.gif Pervaaz Urdu Language School - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/39fd01c2-6310-4525-b88c-a3e90a1d73bb/1.gif Pervaaz Urdu Language School - Problem: Pervaaz has no mobile app. Solution: Preparing onboarding with easy sign-up and sign-in features for users. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/5b01fa94-a4d0-435d-b61a-508f29e957e1/5.gif Pervaaz Urdu Language School - Problem: Users want to practice not only when they are in the class. Solution: Create explore and games screens to practice their Urdu language via games, quizzes, recommended podcasts, songs, and articles. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/b4d422b2-1321-4d68-8b20-c370e844f60d/4.gif Pervaaz Urdu Language School - Problem: Users want to see the curriculum they are in and their progress in the program. Solution: Create a profile screen for parents and children, together with curriculum detail and progress in the course. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/26bc0ef1-74e5-4536-bbd2-cbedfbaf7283/2a.gif Pervaaz Urdu Language School - Problem: Pervaaz has a conservative way of registration via the Indus Arts website and Whatsapp methods. Solution: Prepare screens for registration and choose the course with easy payment via the app. Ideally, the system will save repeated students. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/dd4e4095-5173-42fe-8b50-8dc5c4166561/3.gif Pervaaz Urdu Language School - Problem: Users have difficulty reaching administration staff for extra information. Solution: A floating chatbot that is easy to find on the Home screen so users can easily ask via chat, call, or email. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/3978712d-6b82-4063-a37b-adf196b5a1f8/Screenshot+2022-09-23+at+00.32.09-01.png Pervaaz Urdu Language School - I did some research online to know how big is the language app in the market and surprisingly it is a huge business. Language learning apps generated $8.21 billion in 2021, a 32% year-on-year increase Duolingo made the most revenue of all apps, reporting $250 million in 2021 https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/9a663561-a186-47f4-956c-8edd81bba97e/Competitive+Analysis+p.png Pervaaz Urdu Language School - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/fd5db006-ad6b-464c-be8c-ca208c658a23/Frame+3x.png Pervaaz Urdu Language School - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/765cd640-1743-4408-9e8b-b22bf221d5f2/Persona+-+Haniya+Baqri.png Pervaaz Urdu Language School - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/1f061752-2d56-4681-a1b8-38c0ac6b9ab3/Affinity+map+-+Pervaaz.png Pervaaz Urdu Language School - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/0820a7d1-78b2-4927-9cd5-de75499d9fce/Persona+-+Alisha+Abbasi.png Pervaaz Urdu Language School - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/2db1c964-d6f5-42e3-b786-f9d65528027b/Project+Goals-+Pervaaz.png Pervaaz Urdu Language School - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/b290d82b-8666-441d-9bb1-6d620850670d/pSketches.png Pervaaz Urdu Language School - Low Fidelity Wireframes I began to sketch a few possibilities of what screens and features are necessary. I found some inspiration from various language apps. I tried to make four main screens: the home screen was created to be simple yet informative to see in a brief moment, explore screen to provide valuable sources for learning, games screen to be a fun yet supporting learning tool for students on the go, and profile screens for parents and adult student to be straightforward and user friendly to check their account, progress and easy communication to teachers and administration staffs. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/6c296c12-3549-4b6d-828c-187232f5f2ac/Chosen+Information+Architecture+chosen+-+Pervaaza.png Pervaaz Urdu Language School https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/500c2118-65b6-4aba-83c7-e325a5c0cdc4/User+Flow+-+Pervaaz+Alisha.png Pervaaz Urdu Language School - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/da10dcde-9cb1-45d9-bcce-67ed95f1c230/wireframes+1a-02.png Pervaaz Urdu Language School - Mid Fidelity Wireframes Referencing the sketches and consider some possible alternatives, I created mid-fidelity design. The wireframes included Home Screen, Explore Screen, and Filter Screen. Along the process I changed few elements as something are more effective than the earlier ideas. Click here for the complete screens of wireframes. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/4ca73957-d568-4f8a-9ffa-e47a1d2cba05/UI+Kitp.png Pervaaz Urdu Language School - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/9da0d4a8-d94a-4323-98cb-d773abd1489e/before+after1.png Pervaaz Urdu Language School - Sign Up Screen Sign Up Screen Problem: Users are confused with the automatic “Sign In” option on the Prototype. How many participants said this?: (2/17) Solution: Added “Join” or “Sign In” option after onboarding screens, I have changed the font and layout to be more aligned with the form in the app. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/636ec495-c5c6-4d10-917a-ca85eab32d99/phones+1aa-01.png Pervaaz Urdu Language School https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/fd5ad1ff-db25-4a30-bd36-cfa9d8d11c78/before+after3.png Pervaaz Urdu Language School - Course Screen Problem: Users thought that the kinder or adult course drop-down was not that obvious to click. How many participants said this?: (3/17) Solution: Make the box’s line bolder and kinder and adult courses on the same page to avoid confusion. Problem: Users wanted to know if the class was full or still available. How many participants said this?: (1/17) Solution: Added extra information on how many spots are left or fully booked. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/2f2695b4-ae32-4763-ad51-60986640d628/Desktop+-+6a.png Pervaaz Urdu Language School - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/6caf6321-103d-468a-881d-242f7d4decba/before+after4.png Pervaaz Urdu Language School - Check Out Screen Problem: Users have no flexibility to go back and change their choice. How many participants said this?: (3/17) Solution: Add a back button, so they have the flexibility to fix their error. Problem: The user is confused with the pay later option. How many participants said this?: (1/17) Solution: Remove the pay later option for now and discuss more options at a later stage. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/d60e62ff-0e63-4438-8e65-50e1d92b2a7c/before+after2.png Pervaaz Urdu Language School - Home Screen Home Screen Problem: Users thought the contact us button was the chat bubble on top. How many participants said this?: (4/17) Solution: Change the chat icon to be inbox icon on the navigation. Problem: Users thought that the curriculum for adults or children on the home screen is not clear enough ( I have stated that in the app but maybe it is not clear enough ) How many participants said this?: (2/17) Solution: Make the title in the box to be more clear for adults or the child. Problem: Users didn’t like to scroll all the way down to find the contact us button and they want it to be available on the screen every time. How many participants said this?: (5/17) Solution: Change the contact us button with a chatbot floating button so it is accessible from every screen and add an automatic question from it. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/0d34bc31-b435-4b2b-928e-9131910725de/IphoneXMockup%402x.jpg Pervaaz Urdu Language School - Next Steps. For this particular project, I focused on main screens, sign up and sign in together with registration and payment flow and layout for adult students and parents for young students. The next step will be: Another Usability Testing 1:1 for more depth feedback Profile creation for administration staff and teachers Detail features on Explore screens and Games screens Scheduling screens and connecting the app with google calendar and social media such as Whatsapp Hand in the project to the developer team to run and launch it for the first quarter of 2023 https://www.lucybeta.com/mirror daily 0.75 2023-05-12 https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/4cb488e8-b638-4265-945a-6124279db3b0/MIRROR+MOCK+UP+ALL-01.jpg Mirror - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/1d9b0019-c358-436c-a6c4-f2bc3b52fc41/ezgif.com-gif-maker+%281%29.gif Mirror - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/9b6dc2da-443e-40d7-a0dc-888c3df15a1c/Screen+Recording+2022-10-01+at+16.01.10.gif Mirror - Problem: Mirror has no online website while they are doing great offline for brick and mortar stores. Solution: A responsive website is created in order for Mirror to have strong presence in online sphere. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/cb19cc0a-59d2-4c87-871d-b98b3c7d0178/Screen+Recording+2022-10-02+at+19.34.57.gif Mirror - Problem: Users find that it is convenient to have saved wishlist and they can revisit the list to order them. Solution: Sign up and sign in page is created so they have profile to save information, wishlist, sizes and preference in the system https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/2305397a-069e-4287-8dd9-ffb14360b2f3/Screen+Recording+2022-10-02+at+18.50.53.gif Mirror - Problem: Users find that it is difficult to know if the clothes they choose online will fit them by look and size. Solution: Virtual Fitting feature is added on the website to help user with this problem. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/abbd2f61-64cb-4620-914f-55734ba6ade5/Screen+Recording+2022-10-02+at+18.34.39.gif Mirror - Problem: Mirror has no website with online shopping feature to boost their business apart from their physical stores. Solution: A responsive website with online shopping feature is created so users are able to shop conveniently from anywhere. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/985680db-e844-4582-a20d-bac75c368a9f/Competitive+Analysisq.png Mirror - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/ac13afa0-b532-4f3a-a8a1-fca657f92ff0/Frame+1a.png Mirror - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/f77a6fc4-ea5d-46e8-b30d-49c9b9cbc0ad/Desktop+-+5.png Mirror - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/73f2bb0e-0597-4ab0-af66-5a012cc555b9/Affinity+map+interview++mirrora.jpg Mirror - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/55b5c7b5-7087-48d9-8292-47dff492f9df/Project+Goals.png Mirror - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/4379368f-09c6-4c64-9b29-c401a6451e59/Persona+-+chloe.png Mirror - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/ad839e2c-c402-4640-8ee1-6a2914c4104f/Sketchesa.png Mirror - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/33c015a4-57c2-464e-8d6d-55b53c6932de/User+Flow+-+mirror.png Mirror https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/d2c943e8-1c71-4831-a7d4-237564082b5f/mockup+m-02.png Mirror - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/0bc564ce-4cd9-4907-87c0-48b0c43115c5/Screenshot+2022-04-01+at+17.44.59.jpg Mirror - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/6a700c42-d11a-41e8-a77a-d998c4f6a0a8/Frame+118.png Mirror - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/46ebf916-c87b-4ad8-a128-3bef7a39ac7c/Screenshot+2022-04-01+at+19.41.03.png Mirror - I made some sketches based on the research I did. It is family friendly yet modern but simple and fun at the same time. It has dynamic and represents the brand in competitive market. I did survey to have clarity which one is the most attractive design. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/295c8a2f-f7b4-42fb-b631-736f1288dd97/Desktop+-+6a.png Mirror - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/3ec68b60-c427-4611-88f2-ab048956f3ec/Screenshot+2022-04-04+at+14.17.36.png Mirror - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/bf0ad77e-7cdc-4971-b333-279247dd5e48/Screenshot+2022-04-04+at+14.14.39.png Mirror - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/e42402a0-5342-453a-8d11-e89f9b5fda82/Screenshot+2022-04-04+at+14.10.53.png Mirror - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/17b78993-cd34-4735-a2cf-57d2b22b49bc/Screenshot+2022-04-04+at+14.28.28.png Mirror - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/42c679b3-aa3b-4dd4-be67-432099abd68c/Screenshot+2022-04-04+at+14.30.21.png Mirror - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/26132449-4736-4235-b549-4c3454ababac/mockup-01.png Mirror https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/d3fdb694-16db-4c08-89b9-20320e00f40f/MIRROR+MOCK+UP+ALL-01.png Mirror - Next Steps. Create Screens for tablet and mobile devices Plan more quantitative & qualitative research Plan another Usability Test https://www.lucybeta.com/difuzed daily 0.75 2023-05-22 https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/9b5111de-7bcb-4374-8879-2f7518b86287/Untitled-1-01.png https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/839d2623-371f-454a-a329-acf66b572814/Untitled-1a-02.png https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/1d9b0019-c358-436c-a6c4-f2bc3b52fc41/ezgif.com-gif-maker+%281%29.gif Difuzed. - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/cfcf9cd6-3bce-469b-91c9-c5c0368ebf3e/Travel+Theme-08.png Difuzed. - Moodboard & Direction After some browsing and brainstorming, we created a mood board that contains techniques to use based on the budget requested, the type of apparel and accessories to design, and the color palette to use. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/13ebb620-4d92-4ee4-9dac-b5d36added1f/Travel1-02.jpg Difuzed. - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/cf607642-691d-4dcb-bf68-317e7aeb2ee4/Travel1-01.jpg Difuzed. - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/6c05a50a-59dc-4cf3-8648-ccfbd88aa460/Travel+c-03.jpg Difuzed. - Colour Palette, Material, Technique & Pattern When a buyer doesn't provide a mood board or color palette, I check the WGSN website to determine the appropriate colors for the current season. I always keep the project's style guide in mind and strive to create a distinctive pattern for each project to enhance the design. We also collaborate to determine the most suitable techniques to use. Please refer to the detailed page I created for Primark's Super Marion project. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/b40c73ac-6c31-4f9c-adb9-87c8ace670b1/zara1-04.png Difuzed. - Final Products I find immense satisfaction in witnessing the end result of my work, as I am involved in every step of the process, right from the initial meeting until the production phase. It's an even more fulfilling experience when I spot my designs displayed in stores and observe people purchasing them. Recently, I had the pleasure of seeing my kids' apparel design showcased at the Zara store in Amsterdam. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/7896b50c-7a57-4898-862e-5b6e51c346c7/Travel+S-04.jpg Difuzed. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/6cf12b1c-4a8b-487b-8e4c-f54027f9ae48/label-05.jpg Difuzed. - Production Once buyers and licensors have given their approval for the selected samples, the project is almost complete. The next step is to create the final production sample, complete with accurate labels and detailed care instructions for the product. While it may seem like a minor detail, the labels are crucial as even a single incorrect letter can impact the entire production process, which is of utmost importance to the licensor. To provide some examples, here are some hangtags and labels used by Disney and Marvel. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/bb64aee7-664b-4d10-823b-710969b5e431/Untitled-1-03.png Difuzed. - Mid Fidelity Wireframes Referencing the sketches and consider some possible alternatives, I created mid-fidelity design. The wireframes included Home Screen, Explore Screen, and Filter Screen. Along the process I changed few elements as something are more effective than the earlier ideas. Click here for the complete screens of wireframes. https://www.lucybeta.com/historytrails daily 0.75 2024-06-04 https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/71513f3c-8d96-4709-b868-51c1b6d9e1a3/Screenshot+2024-05-29+215539.png https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/7ddf6e48-ce8c-4320-9ac2-52c6f011f347/Screenshot+2024-06-04+164538.png History Trails Feature - Telematics HCSS - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/1d9b0019-c358-436c-a6c4-f2bc3b52fc41/ezgif.com-gif-maker+%281%29.gif History Trails Feature - Telematics HCSS - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/7f4a8d05-7e4f-44a1-90f4-fe9b92eafd18/Figma_eArjxkPjUV.gif History Trails Feature - Telematics HCSS Before Version Problem: The current History Trails feature in Telematics is outdated and has numerous limitations and bugs, hindering users' ability to effectively utilize it. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/cae7b310-0577-4509-927f-817bff174e0e/overall.gif History Trails Feature - Telematics HCSS - Make it stand out After Version Solution: To enhance the History Trails feature, we will leverage the new design system, adding the requested location capabilities and making the experience more interactive. This update will fix existing bugs, streamline user interactions, and align the feature with current market expectations. The improvements will include: Implementation of the New Design System: Transition from Bootstrap to React with the new HCSS UI Design System for a modern, sleek, and effective interface. Enhanced Tracking Capabilities: Allow users to track multiple pieces of equipment on the map, including geofence locations and temporary areas. Interactive Map Features: Ensure all map interactions are smooth and responsive, with properly functioning buttons and user-friendly controls. Bug Fixes and Performance Improvements: Address all known issues and optimize the feature for a seamless user experience. User-Centric Enhancements: Incorporate feedback from discovery interviews, such as adding location options and the ability to create and edit temporary areas on the map. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/52656777-9464-439e-bbef-1bfbe2e3d7e1/Screenshot+2024-05-29+205025.png History Trails Feature - Telematics HCSS - Understanding The Problems I met with stakeholders to brainstorm desired workflows for the History Trails feature. We discussed the shortcomings of the current workflows, interactions, and user experience. Together, we created a list of business and UX requirements for the project. The goal is to enhance the History Trails feature to make it more competitive in the market. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/1a2d30d6-bd27-4a0f-975c-a2e052221e08/Discovery.png History Trails Feature - Telematics HCSS - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/20f21e5a-3dfd-442a-b15f-8be822a642bd/Overview.jpg History Trails Feature - Telematics HCSS - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/78f52b50-b65d-48f3-96fe-2495e528e07c/Frustration.jpg History Trails Feature - Telematics HCSS - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/f8553fb0-6fcc-4428-9c6e-241c1eb5ba60/Persona.jpg History Trails Feature - Telematics HCSS - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/247c73d3-5e42-42d7-8aee-e299cc33f29a/Persona1.jpg History Trails Feature - Telematics HCSS - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/59ef98cd-15be-43a2-af94-9d4389358673/Frame+2.png History Trails Feature - Telematics HCSS - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/3b68c1e3-7a7d-47f7-b008-a854fe4d78fe/Screenshot+2024-05-30+121218.png History Trails Feature - Telematics HCSS - Make it stand out Initial Mid Fidelity Wireframes https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/3c77b63c-d7da-4d9e-9a0d-7b85e5bdbbd6/History+Trails+Current+Workflow+-+single+equipment.jpg History Trails Feature - Telematics HCSS - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/734f6c5e-f9b8-4a8c-a72e-39af3304e8ea/History+Trails+New+Workflow+-+single+%26+multiple+equipment.jpg History Trails Feature - Telematics HCSS - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/772ca223-989a-43d4-b622-5e5496fca569/Screenshot+2024-05-30+120845.png History Trails Feature - Telematics HCSS - Make it stand out Current History Trails Features on Telematics https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/fec3bd46-a573-4318-adb3-f537bd6737ac/Information+Architecture.jpg History Trails Feature - Telematics HCSS https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/37f04a9a-6d96-41fa-a9b4-a2385df2f307/Screenshot+2024-05-30+133630.png History Trails Feature - Telematics HCSS - Make it stand out Initial Sketch https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/d5f504a5-3bea-4b9a-b1e7-c7cefa751bf9/Screenshot+2024-05-30+120529.png History Trails Feature - Telematics HCSS - Make it stand out Another Mid Fidelity Wireframes https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/83efac40-ddc6-40ae-b215-b60baa0c513b/Figma_Bl3KeCZlLN.gif History Trails Feature - Telematics HCSS - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/5bd1ae17-6dd9-4116-a4a6-37ee8789fa01/Validation.png History Trails Feature - Telematics HCSS - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/de118344-8795-4f4b-94ed-ea5d0be8518f/Frame+380.png History Trails Feature - Telematics HCSS - Map 2.0 Screen Problem: The modal in hide mode retains its Bootstrap styling, and the length of the hidden dialog is awkwardly long, taking up unnecessary space. Solution: Implement HCSS UI components for the modal and optimize the hidden size to be more compact, saving space. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/08a462d8-7944-46d2-aaa3-64227a378e40/Frame+381.png History Trails Feature - Telematics HCSS - Form Dialogue Problem: The instructional text is unnecessary because the flow won’t continue if the user doesn’t meet the requirements. Solution: Remove the text and communicate to the development team that users can proceed with the task only if requirements are met. Problem: When the user chooses to customize the time, the "custom" option should be automatically selected. Solution: Add “custom” chip and automatically select it when the user chooses to customize the time. Problem: Since there are multiple steps for this workflow, it is clearer to number them for clarity and limit the options to focus on selecting equipment, location, or drawing a location. Solution: Add numbers to the steps for clarity and design a clear UI with informational text for users to select from the options to run the task. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/4f9c9da1-03ec-4e59-9564-40a4d985433d/before+after+1.png History Trails Feature - Telematics HCSS - Map 2.0 Screen Sign Up Screen Problem: Users are confused with the automatic “Sign In” option on the Prototype. How many participants said this?: (2/17) Solution: Added “Join” or “Sign In” option after onboarding screens, I have changed the font and layout to be more aligned with the form in the app. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/8466c2d5-8a22-406b-b30b-542c4aada36e/22.png History Trails Feature - Telematics HCSS https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/88312fe7-8684-4163-9310-06687d60b04a/Figma_n46ST4Gpf2.gif History Trails Feature - Telematics HCSS - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/953a77a1-dd29-425f-ba3b-13a6c390c5ca/Figma_BlDXNx2s8D.gif History Trails Feature - Telematics HCSS - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/624e002e75fb04395dbd9863/8449d304-bef4-4989-b216-261e7aa3869c/Screenshot+2024-05-31+131821.png History Trails Feature - Telematics HCSS - Next Steps. For this History Trails Feature project, we will divide by 3 phases in sprints because it is quite a big project. The next step will be: Hand off the project to the dev team through a walkthrough meeting for planning. Stay involved in the development process to offer input and resolve any doubts. Conduct pair testing with the dev team before each public launch to ensure alignment. Share a survey with customers post-launch to gather feedback. Use collected feedback to iteratively improve the feature in future updates.