<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:cc="http://cyber.law.harvard.edu/rss/creativeCommonsRssModule.html">
    <channel>
        <title><![CDATA[Stories by Shipra Trivedi on Medium]]></title>
        <description><![CDATA[Stories by Shipra Trivedi on Medium]]></description>
        <link>https://medium.com/@shipratrivedi1998?source=rss-f341a177205e------2</link>
        <image>
            <url>https://cdn-images-1.medium.com/fit/c/150/150/1*L03NrBcGpyMqYdNzWL4W_g.jpeg</url>
            <title>Stories by Shipra Trivedi on Medium</title>
            <link>https://medium.com/@shipratrivedi1998?source=rss-f341a177205e------2</link>
        </image>
        <generator>Medium</generator>
        <lastBuildDate>Thu, 28 May 2026 21:21:57 GMT</lastBuildDate>
        <atom:link href="https://medium.com/@shipratrivedi1998/feed" rel="self" type="application/rss+xml"/>
        <webMaster><![CDATA[yourfriends@medium.com]]></webMaster>
        <atom:link href="http://medium.superfeedr.com" rel="hub"/>
        <item>
            <title><![CDATA[Redesign of MMRCL Website]]></title>
            <link>https://medium.com/@shipratrivedi1998/redesign-of-mmrcl-website-b083245f4edc?source=rss-f341a177205e------2</link>
            <guid isPermaLink="false">https://medium.com/p/b083245f4edc</guid>
            <dc:creator><![CDATA[Shipra Trivedi]]></dc:creator>
            <pubDate>Thu, 13 Feb 2025 13:50:26 GMT</pubDate>
            <atom:updated>2025-02-13T13:51:29.854Z</atom:updated>
            <content:encoded><![CDATA[<p>Recently, I got a design assignment to redesign the MMRCL website. MMRCL stands for Mumbai Metro Rail Corporation Limited. This assignment was both exciting and challenging (due to the time constraint).</p><p><strong>Timeline</strong>: 2 days 📆</p><p><strong>Role</strong>: UI/UX designer (solo) 👩🏻‍💻</p><p><strong>Work</strong>: Website redesign 💼</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*Je8fNMLRZQ_-qMOSXUypOA.png" /><figcaption>cover</figcaption></figure><h3>Key Insights</h3><ul><li>I enjoyed working on enhancing navigation with a recognisable menu structure and quick access to key sections, ensuring users could easily find information.</li><li>The focus on improving user experience, accessibility and visual appeal required me to think critically about creating a modern, clean layout that aligns with MMRCL’s branding.</li><li>I focused on enhancing the design by effectively working with colours while maintaining the brand style. I utilised contrast to improve readability and aesthetics, made changes to the font hierarchy for better clarity, visuals and readability, rearranged elements for a more logical flow, and ensured uniformity and consistency throughout the design.</li><li>This assignment gave me a chance to balance creativity and functionality, resulting in a good design with better functionality and user experience.</li></ul><h3>Pain points</h3><p><strong>Pain points with existing design:</strong></p><ul><li>Branding is not done correctly. Too many colours have been used which is confusing the style of the brand.</li><li>Readability issues with currently used colours, font colours and typography. The contrast is also poor.</li><li>Readability issues because of small font sizes.</li><li>Lack of consistency and lack of uniformity among cards, titles, menu options, subheadings etc.</li><li>Redundancy with some of the features, cluttered organisation of elements and poor categorisation.</li><li>Not giving priority to important features like search, alerts CTA buttons, and categorising sections.</li></ul><p><strong>My design solution with the new redesign:</strong></p><ul><li>Used brand&#39;s colour and enhanced them a little for best contrast, readability and maintaining brand style.</li><li>Checked contrast with the text colour and used colours with good contrast scores for better readability and overall branding. Also, changed some colours to go along with the brand.</li><li>For better readability, I improved typography that enhances readability while maintaining a clear visual hierarchy, ensuring a good user experience.</li><li>I resolved consistency by ensuring alignment with the brand’s style. I achieved this by using the correct colours that reflect the brand identity, standardising typography, and refining key elements to create a seamless and uniform design throughout.</li><li>I worked on redundancy by refining and simplifying some elements, eliminating duplication, and creating a more streamlined and simplified design.</li><li>I improved this by effectively categorising sections, prioritising key features, rearranging their placement for better usability, and enhancing CTA designs to grab user attention.</li></ul><h3>Check out my “Redesign”</h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*_pJ42wIuw_Ap0My8ZbTnuA.png" /><figcaption>website design comparison</figcaption></figure><h4>Thank you🌻</h4><p>Let me know your thoughts ✨ :)</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=b083245f4edc" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[UI/UX Case Study: Designing the Telemedicine App “QuickMedi”]]></title>
            <link>https://medium.com/@shipratrivedi1998/quickmedi-ui-ux-case-study-7e31767d212b?source=rss-f341a177205e------2</link>
            <guid isPermaLink="false">https://medium.com/p/7e31767d212b</guid>
            <category><![CDATA[telemedicine]]></category>
            <category><![CDATA[ui-ux-design]]></category>
            <category><![CDATA[app-design]]></category>
            <category><![CDATA[figma]]></category>
            <category><![CDATA[case-study]]></category>
            <dc:creator><![CDATA[Shipra Trivedi]]></dc:creator>
            <pubDate>Thu, 10 Oct 2024 17:54:42 GMT</pubDate>
            <atom:updated>2024-10-13T17:41:41.725Z</atom:updated>
            <content:encoded><![CDATA[<h4>This case study was developed based on a problem statement provided by an MNC as part of a UI/UX design assignment.</h4><figure><img alt="cover picture" src="https://cdn-images-1.medium.com/max/1024/1*XI66EWVibCQdtpdX5anEew.png" /><figcaption>cover</figcaption></figure><h3>Overview</h3><ul><li>This case study explores the design process behind <strong>QuickMedi</strong>, a telemedicine app created <strong>to improve the online consultation experience for patients.</strong></li><li>The app facilitates <strong>easy doctor searches, appointment bookings (virtual and in-person), report uploads, and prescription access.</strong></li><li>To ensure a user-centred approach, I conducted extensive research through <strong>competitive analysis, user persona development, and the review of user feedback</strong> from existing telemedicine apps. This research highlighted key pain points.</li><li>These insights informed the design, <strong>resulting in an app that simplifies user interaction, prioritizes ease of use, and integrates features</strong> like <strong>emergency care</strong> access and <strong>progressive disclosure</strong> for information collection.</li></ul><h3>The Problem</h3><p><em>I broke down the problem statement into parts to better understand the problem.</em></p><p>The pandemic has emphasized the importance of telemedicine for doctors as well as patients. Patients find it more convenient and safer to consult a doctor in the comfort of their own homes. How can we create an enhanced virtual experience of consultation with doctors which aims at aiding the patient and family to get the right treatment at the right time in virtual or in person?</p><h4><strong>Design Brief</strong></h4><ul><li>Design an app for a better online consultation so that patients can easily chat, consult or video call with the doctor through the app.</li><li>Patients should also be able to book appointments for physical appointments, upload reports, and check prescriptions.</li></ul><h3>Goals</h3><ul><li>Enable patients to easily search and book suitable doctors for both virtual and in-person consultations.</li><li>Provide a seamless online consultation experience through chat, video calls, and follow-ups with doctors.</li><li>Allow patients to upload, manage, and access medical reports, prescriptions, and records effortlessly.</li><li>Simplify the payment process and enable feedback and ratings for healthcare services.</li></ul><h3>Research</h3><p>Since it was a design assignment and I had limited time, I was unable to conduct personal interviews with actual users.</p><p>However, I utilized secondary research methods such as <strong>analyzing existing data, analyzing similar apps and studying user reviews on the app store to identify potential issues and gather insights.</strong></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ZtVqeNzn8QROx28yp9zX5Q.png" /><figcaption>app reviews from apple store</figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*kZMG-4J-PVzdTK8GtXeq0A.png" /><figcaption>inspiration from similar apps</figcaption></figure><h4>Target Audience</h4><p><strong>Patients (Ages 18–65+)</strong>:</p><ul><li><strong>Young adults (18–35)</strong>: Tech-savvy individuals who prefer the convenience of online consultations over in-person visits due to busy schedules or remote living.</li><li><strong>Middle-aged adults (36–55)</strong>: Individuals managing family healthcare, seeking efficient ways to book appointments and access medical records for themselves and family members.</li><li><strong>Elderly patients (56+)</strong>: Older individuals who may prefer virtual consultations for safety or mobility reasons but may need a simpler interface due to lower tech literacy.</li></ul><h4>User Persona</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*xJ6k1Hp9MQTDeaOBB1NPnQ.png" /><figcaption>User persona 1</figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*R-Wm_0bgmNeB_DVcmLJB5w.png" /><figcaption>User persona 2</figcaption></figure><h4>Pain points</h4><ul><li><strong>Complex Onboarding Process</strong>: Many telemedicine apps require users to complete several steps before accessing core features, making it difficult for first-time users or those seeking quick consultations.</li><li><strong>Lack of Urgent Care Options</strong>: Existing apps often do not prioritize urgent or emergency care services, leaving users without a quick way to access immediate medical support or consultations.</li><li><strong>Poor Navigation and Cluttered Interfaces</strong>: Many apps suffer from confusing navigation, lack of clear menus, and cluttered designs, leading to a frustrating user experience, especially for elderly or non-tech-savvy users.</li><li><strong>Limited Feedback and Rating Options</strong>: Feedback systems in current apps often force users to provide reviews immediately after a consultation, without giving them the flexibility to submit feedback at a later time. Some apps require users to provide reviews without offering a way to close the prompt, which can lead to frustration and ultimately degrade the user experience.</li><li><strong>Missing Google Sign-up Options</strong>: Many apps do not offer simplified login options, such as Google sign-up, even when email verification is required, causing additional friction in the login process.</li><li><strong>Overwhelming Information Requests</strong>: Users are often asked for too much information upfront, which can lead to frustration and discourage them from completing their setup or booking appointments.</li></ul><h4>Key insights</h4><ul><li><strong>Simplified User Flow is Crucial</strong>: Users prefer a streamlined, minimal-step process for logging in, booking appointments, and accessing doctors. Apps that reduce the number of steps in critical actions, like appointment booking, significantly improve the user experience.</li><li><strong>Urgent Care is a High Priority</strong>: There is a noticeable gap in apps when it comes to handling urgent care or emergencies. Including a prominent “urgent care” feature provides users with peace of mind and improves trust in the service.</li><li><strong>Need for Flexible Feedback Systems</strong>: Users appreciate the ability to provide feedback at their convenience rather than being forced to rate services immediately after a consultation. Offering a flexible feedback option increases engagement.</li><li><strong>Visual Simplicity Enhances Navigation</strong>: A clean and intuitive design, such as a clear navigation bar and well-organized cards for important actions greatly enhances usability, especially for elderly users or those unfamiliar with technology.</li><li><strong>Progressive Disclosure Reduces Overwhelm</strong>: Presenting information in phases through progressive disclosure helps reduce the burden on users by requesting only essential information upfront and allowing them to add more details later.</li><li><strong>Integration of Google Sign-up is Essential</strong>: Including a Google sign-up option reduces friction during onboarding, especially for users who prefer simplified and faster account creation processes.</li></ul><h3>Wireframes</h3><ul><li>In the wireframe stage, I focused on creating a clear, user-friendly layout that would address the core functionalities of the app.</li><li>This low-fidelity approach allowed me to ensure that the overall flow of the app met user needs before moving into the visual design phase.</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*Aw504snIyEOm0ktuS47o8A.png" /><figcaption>wireframes</figcaption></figure><h3>Visual Design</h3><h4><strong>My Proposed design decisions</strong></h4><p><strong>1. login screens and user details page</strong></p><ul><li><strong>Streamlined Login Process:</strong> After researching common pain points, I found that many telemedicine apps require too many steps before allowing users to access the app. To address this, I’ve reduced the number of steps to a minimal process and provided a Google sign-up option to make onboarding quicker and easier.</li><li><strong>Optional User Detail Input:</strong> For first-time users, I’ve included a skip button on the user details page, allowing them to opt out of providing all their information upfront and choose to fill in details later. This ensures users aren’t overwhelmed by excessive input fields during their first experience.</li><li><strong>Progressive Disclosure: </strong>It is a way to get the information that you need and not make it overwhelming for your users. The key is to prioritize the most important data you need to ask the patient at a particular time. This means that for your users everything in the app will progress naturally, from simple to complex.</li><li><strong>Reducing Complexity with Progressive Disclosure:</strong> One of the things that patients struggle with the most with telemedicine apps is the high amount of information the app asks of them right up front. The number of steps is overwhelming for them and can easily discourage anyone from using the service.</li><li><strong>Prioritizing Key Information:</strong> To counter this, I’ve implemented a Progressive Disclosure approach. By prioritizing what’s necessary at each point in the user journey, the app remains intuitive and reduces the likelihood of users feeling overwhelmed.</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*Mg9Xj-svwPCzKp_HygEFsw.png" /><figcaption>login and on boarding pages</figcaption></figure><p><strong>2. Home page</strong></p><ul><li><strong>Clean Search Bar</strong>: I’ve implemented a streamlined, easy-to-use search bar at the top of the homepage, allowing users to quickly search for doctors, symptoms, or specialities. This ensures users can find what they need without unnecessary steps or clutter.</li><li><strong>Health Tips &amp; Facts Section</strong>: To engage users and provide added value beyond consultations, I included a dedicated section for health tips and facts from trusted doctors, offering relevant and actionable advice right on the homepage.</li><li><strong>Prioritized Core Features</strong>: Key features such as video consultations and chat with doctors are prominently placed on the homepage for easy access, ensuring users can quickly initiate consultations without hassle.</li><li><strong>Appointment Details Card</strong>: I’ve integrated a reminder card displaying details of upcoming appointments, ensuring users are aware of their next consultation and reducing the likelihood of missed appointments.</li><li><strong>Speciality Exploration Section</strong>: A clearly defined section is available for users to explore various specialities, making it easy to discover and book appointments with relevant doctors.</li><li><strong>Emergency Button</strong>: I’ve included a quick-access button for emergency situations, allowing users to immediately connect with doctors or call for an ambulance, prioritizing urgent care needs.</li><li><strong>Simple Navigation Bar</strong>: The app features a clear and intuitive navigation bar, ensuring users can effortlessly move between key sections, like appointments, consultations, and health tips, without confusion or unnecessary clicks.</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*d-EdG--JCSOzJEs1kaoTcg.png" /><figcaption>homepage</figcaption></figure><p><strong>3. Doctor’s list page</strong></p><ul><li><strong>Clean Doctor Info Cards</strong>: Each doctor is displayed on a neatly designed card that presents essential information. I’ve highlighted the most important details to make decision-making easier while using clear icons to enhance the user experience and improve visual clarity.</li><li><strong>Appointment Type Selector</strong>: A simple, easy-to-use toggle button allows users to seamlessly switch between in-clinic appointments, video consultations, or chat with doctors, providing flexibility and making it convenient for users to choose their preferred consultation method.</li><li><strong>Filter and Sort Options</strong>: I’ve included a filter bar that enables users to sort and filter doctors based on criteria such as speciality, ratings, availability, and location. This ensures users can find the most relevant doctor quickly and efficiently, tailored to their specific needs.</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*UfW39FTmFNRy9U8o75XZPA.png" /><figcaption>doctor’s list page</figcaption></figure><p><strong>4. Fees and payment page</strong></p><ul><li><strong>Doctor Details Card:</strong> The selected doctor’s information is clearly presented on a dedicated card, giving users a quick reference to the doctor they chose for the consultation, ensuring they are confident in their selection before proceeding with payment.</li><li><strong>Patient Information Card:</strong> A well-organized card displays the patient’s details, complete with an edit button that allows users to easily update patient information if necessary. The card also includes the mode of consultation (in-clinic, video, or chat).</li><li><strong>Appointment Details Card</strong>: I’ve included a separate card for appointment details, such as the clinic address, appointment time, and date. This ensures users have all relevant scheduling information visible in one place, helping them confirm their appointment details before payment.</li><li><strong>Billing Information Card:</strong> A clean and concise card shows a breakdown of the bill, including consultation fees and any additional charges, making the payment process transparent and easy to understand.</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*bYgvbGs9ZJJjZQavzUYQkw.png" /><figcaption>fees payment</figcaption></figure><p><strong>5. Rating and feedback</strong></p><ul><li><strong>Clean Action Card for Ratings &amp; Feedback:</strong> After the completion of an appointment, a sleek action card pops up, prompting users to rate their experience and provide feedback. The card is designed to be non-intrusive yet easy to engage with.</li><li><strong>Optional Feedback Submission:</strong> Based on my research, many apps make feedback mandatory without offering an option to skip. To avoid frustrating users, I’ve included a close button, allowing users to opt-out if they aren’t ready or willing to provide feedback at that moment.</li><li><strong>Call-Back Option:</strong> A checkbox is provided, asking users if they would like a follow-up call regarding their feedback. This option allows for personalized support and ensures that any concerns are addressed if the user chooses to check this box when submitting their feedback.</li><li><strong>Personalized Feedback Message:</strong> The card displays a personalized message, including the doctor’s name, as a reminder of their consultation experience. This helps users reflect on the specific appointment when giving feedback.</li><li><strong>Detailed Feedback Box:</strong> For those who wish to provide more in-depth feedback, a text box is included, allowing users to share any additional thoughts or details about their experience.</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*19Tbi7I8e927bagqLTRflw.png" /><figcaption>ratings and review</figcaption></figure><p><strong>6. My health page</strong></p><ul><li><strong>Direct Navigation:</strong> The Health Page is easily accessible through the navigation bar, providing users with quick, hassle-free access to their medical documents and health records.</li><li><strong>Document Upload Feature:</strong> Users can upload any health-related documents, such as medical reports, X-rays, prescriptions, and invoices, ensuring all their health information is conveniently stored in one location.</li><li><strong>Quick Access to Key Health Files:</strong> The page includes separate cards for each category — prescriptions, invoices, X-rays, reports, and consultation summaries — enabling users to quickly find and access the specific document they need.</li><li><strong>All Health Information in One Place:</strong> The Health Page serves as a comprehensive hub for all health-related documents, providing users with a centralized space to manage and access their medical information efficiently.</li></ul><p><strong>7. My account page:</strong></p><ul><li><strong>Profile Card</strong>: Displays the user’s name, contact number, and profile completion percentage, with a chevron button allowing users to view or edit details.</li><li><strong>Additional Profiles Section</strong>: Provides the option to add and manage profiles for family or friends, with an easy-to-access manage button for editing.</li><li><strong>Account Management Card</strong>: Consolidates key options such as “My Appointments,” “My Consultations,” and “Manage Payments” etc for quick access.</li><li><strong>Rate Service Option</strong>: If the user skipped rating their recent service, they can revisit and provide feedback later.</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*PAOIZSasR09Lq10xX6q1fA.png" /><figcaption>my health page and my account page</figcaption></figure><h3>Summary</h3><p>This 3-day assignment was both challenging and a rewarding learning experience. I gained valuable insights into designing for telemedicine by researching existing apps, understanding user pain points, and developing a streamlined solution. Despite the time constraints, I was able to explore innovative features and enhance the user experience, making this project a significant opportunity for growth and upskilling.</p><blockquote>Thanks everyone for sticking around till the end. I hope you like it.🌻</blockquote><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=7e31767d212b" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Enhancing User Experience: Case Study on the Impact of a ‘Delivery Lists’ Feature on Blinkit app]]></title>
            <link>https://medium.com/design-bootcamp/enhancing-user-experience-case-study-on-the-impact-of-a-delivery-lists-feature-on-blinkit-app-e7e8106384aa?source=rss-f341a177205e------2</link>
            <guid isPermaLink="false">https://medium.com/p/e7e8106384aa</guid>
            <category><![CDATA[ui-design-for-mobile-apps]]></category>
            <category><![CDATA[uiux-designer]]></category>
            <category><![CDATA[figma]]></category>
            <category><![CDATA[problem-solving]]></category>
            <category><![CDATA[design-thinking]]></category>
            <dc:creator><![CDATA[Shipra Trivedi]]></dc:creator>
            <pubDate>Sat, 27 Jul 2024 16:02:50 GMT</pubDate>
            <atom:updated>2025-04-28T10:02:48.559Z</atom:updated>
            <content:encoded><![CDATA[<h3>Enhancing user experience: A case study on the impact of a ‘Delivery Lists’ feature in modern grocery delivery apps 💫</h3><h4>In this case study, you’ll see how I identified a common pain point among quick commerce grocery delivery app users and designed a solution to enhance their shopping experience by streamlining the grocery shopping process and adding convenience to their daily routines.</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*IECjF_ODvzm7XfZQ2UqDEg.png" /></figure><h3>Background 🎐</h3><p>In today&#39;s fast-paced world, grocery delivery apps like Zepto, Instamart, Bigbasket, Blinkit, etc. have revolutionised how people shop for essentials. Despite the convenience these apps offer, users often face challenges in managing their recurring grocery needs efficiently, leading to a less-than-optimal user experience.</p><h3>Problem❓</h3><blockquote>Users often face the hassle of repeatedly adding the same grocery items for regular purchases, making the process time-consuming and tedious. This repetitive flow not only affects the overall user experience but also increases the chances of forgetting essentials, resulting in multiple orders or missed items.</blockquote><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*d8hE5oKMU9WrUsdpYayKeg.jpeg" /><figcaption>Understanding problem</figcaption></figure><p><strong>Target Audience:</strong></p><ol><li><strong>Busy Working Professionals: </strong>Have limited time and want to shop fast, prefer reordering essentials without rethinking every item.</li><li><strong>Parents: </strong>Regularly buy similar items for their family or kids and don’t want to risk forgetting necessary products.</li><li><strong>Students, Hostellers: </strong>Often repeat grocery orders together, would benefit from sharing and reusing lists.</li><li><strong>Frequent Shoppers: </strong>users who turn to grocery delivery apps often and want a smoother, more effortless way to handle their regular grocery shopping without having to start from scratch every single time.</li><li><strong>Health or Diet-Conscious Users: </strong>Stick to specific items for meal plans.</li></ol><h3>Objective 🎯</h3><ul><li>So, to enhance the user experience, I introduced a <strong>“Delivery List”</strong> feature that allows users to create, save, edit, share, and quickly order from their personalised grocery lists.</li><li>This feature aims to <em>simplify the ordering process</em>, ensuring users can efficiently manage their recurring grocery needs with minimal effort.</li></ul><h3>Explore and Research🔬</h3><h4>User Interviews:</h4><ul><li>To better understand the potential impact of the “<strong>Delivery Lists</strong>” feature, I conducted informal interviews with friends and family members who regularly use grocery delivery apps. The feedback was <em>overwhelmingly positive</em>.</li><li>Everyone agreed that having the ability to create, save, edit and quickly reorder from pre-defined lists would <em>significantly enhance their shopping experience.</em></li><li>They also highlighted how this feature <em>could save them time</em>, reduce the stress of remembering frequently bought items, and ensure they never forget essentials.</li><li>This initial feedback indicates strong user interest and suggests that the feature could provide substantial value to regular users of grocery delivery services.</li></ul><h4><strong>Market Analysis:</strong></h4><ul><li>The quick commerce grocery delivery market is growing rapidly, with key players like Instamart, Zepto, and Blinkit dominating the space. Consumers increasingly value convenience and efficiency, driving demand for features that simplify the shopping process.</li></ul><h4><strong>Competitor Analysis:</strong></h4><ul><li>While some competitors offer basic list features, none provide the comprehensive functionality of creating, saving, editing, and quickly reordering from multiple lists. <em>This gap presents an opportunity for my feature to stand out.</em></li></ul><h4><strong>Storyboarding:</strong></h4><figure><img alt="Story board" src="https://cdn-images-1.medium.com/max/1024/1*r7d21I3knHRszzUYvuwVAA.png" /><figcaption>Story board to identify possible pain points of user</figcaption></figure><h3>Proposed Solution 💡</h3><p>So, I implemented a <strong>“Delivery List”</strong> feature that allows users to:</p><ol><li><strong>Create and Save Lists:</strong> Users can create multiple lists(e.g., “Weekly Groceries,” “Party Supplies”) and save their frequently purchased items in custom lists, allowing them to easily access and reorder these items without having to recreate the list each time.</li><li><strong>Edit Lists: </strong>Users can easily add, remove, or update items as needed, ensuring their lists stay up-to-date with their current shopping preferences.</li><li><strong>Quick Order: </strong>Users can quickly place an order by selecting a saved list, reviewing the items, and confirming the purchase with minimal effort.</li><li><strong>Share Lists: </strong>Users can share their saved lists with family members or friends, making it easier to coordinate shopping efforts and ensure everyone has what they need.</li></ol><blockquote>These features collectively enhance the user experience by reducing the time and effort required to manage grocery orders, minimizing the risk of forgetting essential items, and providing a more convenient and efficient shopping process.</blockquote><h3>But how is the “Delivery list” feature different from the“Reorder” feature? 🤔</h3><p>While both features aim to save time and effort, they serve different purposes:</p><ul><li><strong>Reorder</strong> simply repeats a <em>past</em> order exactly as it was. It’s useful when your needs don’t change, but it lacks flexibility. You can’t mix and match items from multiple past orders or plan based on specific routines.</li><li><strong>Delivery List</strong>, on the other hand, lets users <em>create and save custom, reusable lists</em> like “Weekly Groceries” or “Cleaning Supplies.” Users can easily update items in the list, share it or quickly add all items to the cart in one tap. It’s proactive, personalised and solves the common problem of forgetting essentials.</li></ul><blockquote>In short, <strong>Reorder looks back</strong> at what you did, while <strong>Delivery List helps you plan ahead</strong>, making it more adaptable to your daily, weekly, or monthly grocery habits. Whether you’re restocking weekly essentials or prepping for a weekend gathering, <strong>saved lists make the process faster, smarter and more personalised.</strong></blockquote><h3>Why do we need this feature?</h3><p>I have listed down some existing key challenges to understand <strong>why</strong> we need this feature:</p><ol><li><strong>Time-Consuming Order Process:</strong> Users spend a considerable amount of time re-adding frequently purchased items to their cart for every order.</li><li><strong>Repetitive Tasks:</strong> The repetitive nature of building grocery lists for each order is inefficient and can lead to user frustration.</li><li><strong>Order Accuracy:</strong> The risk of forgetting essential items increases without a structured list, leading to incomplete orders and potential dissatisfaction.</li><li><strong>User Retention:</strong> Improving the user experience is crucial for retaining customers in a competitive market.</li></ol><h3>Expected Benefits</h3><ol><li><strong>Increased Efficiency:</strong> Users can <em>save time by reusing saved lists</em>, making the ordering process faster and more convenient.</li><li><strong>Improved User Satisfaction:</strong> A streamlined ordering process <em>reduces frustration and enhances the overall user experience.</em></li><li><strong>Higher Order Accuracy:</strong> Saved lists help ensure that users do not forget essential items, leading to <em>more complete and satisfactory orders.</em></li><li><strong>Competitive Advantage:</strong> Offering this feature can differentiate the app from competitors, <em>potentially increasing user retention and acquisition.</em></li></ol><blockquote>By addressing the <strong>pain points</strong> associated with the repetitive nature of grocery shopping, the “<strong>Delivery List”</strong> feature aims to provide a seamless and efficient shopping experience, ultimately enhancing user satisfaction and loyalty.</blockquote><h3>Visual Design 🪄</h3><h4>Use Cases of the Feature “Delivery List”</h4><p>Let’s see how this feature looks (<em>bringing a product to life</em>). I have used Blinkit’s quick commerce grocery delivery app as an example for a better understanding of the feature.</p><p>I have listed down 4 use cases where any user can see the “List” option:</p><ol><li><strong>From Product Pages:</strong> While browsing or searching for products, users can add items directly to a saved list instead of the cart, or choose to view and add from a saved list to their cart.</li></ol><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*Z1orA3GCYjEKOXz2KEdZow.png" /><figcaption>Flow 1: You will see the add to list option on the product page (home page)</figcaption></figure><p><strong>2. Navigating to the ‘My List’ Section:</strong> When users navigate to a dedicated “My Lists” section from the main menu or homepage, they can view all their saved lists, create new ones, and manage existing ones.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*BlmCde_3cpyNriRekEHwPg.png" /><figcaption>Flow 2: You can access the “My Lists” option and manage your lists</figcaption></figure><p><strong>3. During the Checkout Process:</strong> At the checkout process, users will have the option to select(add) their saved lists quickly to their cart with their current products.</p><p><strong>4. Save list during the Checkout Process:</strong> At the checkout process, users have the option to save the current ordering items either as a new list or add them to existing lists.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*tBuCXS2vxtVozEs4LtFh6Q.png" /><figcaption>Flow 3: You can save the cuurent order as a new list or add existing list to current order</figcaption></figure><p><strong>5. Search Bar Suggestions (Smart Suggestions):</strong> When users use the search bar, the app can suggest their saved lists based on their recent or frequent purchases, providing an option to visit any lists.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*jX_81S4cI79f2emuC_-4Eg.png" /><figcaption>Flow 4: Visit your lists while searching new products</figcaption></figure><blockquote>Implementing these touchpoints ensures that users can easily access and manage their lists at various stages of their interaction with the app, enhancing convenience and efficiency.</blockquote><h3>Market Trends &amp; Future Scope</h3><ul><li><strong>Pilot Programs:</strong> Some quick commerce players, like Swiggy Instamart in India, have started piloting shopping list features. This suggests that as the market matures and user needs evolve, these features might become more common.</li><li><strong>Future Integration:</strong> As quick commerce apps aim to capture a larger share of the grocery market, integrating features like <strong>delivery lists</strong> could become necessary to cater to a wider range of shopping habits. Such features not only enhance the user experience but also help platforms retain users by adapting to their routine shopping behaviours.</li><li><strong>Hyper-Personalisation is the Future:</strong><br> As apps collect more data, users expect smarter, personalised experiences. Delivery lists based on purchase history, time of day, or seasonal trends could be integrated to auto-suggest list items.</li><li><strong>Voice &amp; AI Integration:</strong><br> With the growing adoption of voice assistants and AI, users might soon be able to create or update lists using voice commands, or even receive smart list suggestions based on their buying patterns.</li><li><strong>Behavioral Nudges &amp; Reminders:</strong><br> Apps could nudge users to reuse or reorder from lists they haven’t used in a while — especially if they match a user’s routine (e.g., “It’s Monday! Want to order your weekly grocery list?”).</li><li><strong>Competitive Advantage:</strong> As the quick commerce market becomes more competitive, offering a convenient and user-friendly shopping list feature can be a differentiator, attracting and retaining customers.</li></ul><h3>Business Impact</h3><ul><li><strong>Higher retention rates: </strong>Happy users are more likely to return regularly.</li><li><strong>More frequent orders: E</strong>asier ordering can encourage repeat usage.</li><li><strong>Reduced cart abandonment: </strong>Users are less likely to drop off due to frustration or time constraints.</li><li><strong>Stronger customer loyalty: </strong>Users feel the app understands their needs.</li><li>Better data on user behaviour and list patterns, helping to personalise offers and recommendations.</li><li><strong>Competitive edge</strong> over other apps that lack this streamlined functionality.</li></ul><h3>My Learnings</h3><ol><li><strong>Understanding User Needs: U</strong>nderstanding user pain points and needs, emphasising the importance of empathy in the design process.</li><li><strong>Enhancing User Experience: </strong>Designing a feature that improves the user experience supports the importance of creating solutions that make a tangible difference in users’ lives.</li><li><strong>The Importance of User-Centred Design: </strong>Prioritising user needs and feedback in the design process ensured that the feature genuinely addressed user pain points and enhanced their shopping experience.</li><li><strong>Balancing Features with Simplicity: </strong>The challenge of balancing robust functionality with a simple, intuitive user interface taught me the importance of focusing on essential features to avoid complexity and feature creep, eventually bringing a product to life.</li><li><strong>Problem-Solving Skills: </strong>Overcoming design challenges and finding innovative solutions to user pain points enhanced my problem-solving skills and creativity.</li><li><strong>Presentation and Storytelling: </strong>Crafting a compelling case study and presenting the project taught me how to communicate design processes and solutions effectively.</li></ol><blockquote><em>Thanks everyone for sticking around till the end. I hope you like it.🌻</em></blockquote><blockquote><em>I’m open to opportunities to work as a UI/UX designer. Do reach out to me on </em><a href="http://www.linkedin.com/in/shipra-trivedi-129651177"><em>LinkedIn</em></a><em> or email me for any further feedback, discussions or collaborations.😇</em></blockquote><blockquote><em>Email: shipratrivedi1998@gmail.com</em></blockquote><blockquote><em>Behance: </em><a href="http://be.net/shipratrivedi"><em>be.net/shipratrivedi</em></a></blockquote><p><strong>🤭 Note:<em> If you long hold the clap button, you can give up to 50 claps 👏🏻 on Medium. Thanks :)</em></strong></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=e7e8106384aa" width="1" height="1" alt=""><hr><p><a href="https://medium.com/design-bootcamp/enhancing-user-experience-case-study-on-the-impact-of-a-delivery-lists-feature-on-blinkit-app-e7e8106384aa">Enhancing User Experience: Case Study on the Impact of a ‘Delivery Lists’ Feature on Blinkit app</a> was originally published in <a href="https://medium.com/design-bootcamp">Bootcamp</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Case Study: How I Designed an Aesthetic Landing Page for Home Furniture & Interior Decor]]></title>
            <link>https://medium.com/@shipratrivedi1998/case-study-how-i-designed-an-aesthetic-landing-page-for-home-furniture-interior-decor-8a7db528c956?source=rss-f341a177205e------2</link>
            <guid isPermaLink="false">https://medium.com/p/8a7db528c956</guid>
            <category><![CDATA[visual-design]]></category>
            <category><![CDATA[landing-pages]]></category>
            <category><![CDATA[ui-design]]></category>
            <category><![CDATA[ux-design]]></category>
            <category><![CDATA[product-design]]></category>
            <dc:creator><![CDATA[Shipra Trivedi]]></dc:creator>
            <pubDate>Thu, 11 Apr 2024 15:50:39 GMT</pubDate>
            <atom:updated>2024-04-12T09:17:59.093Z</atom:updated>
            <content:encoded><![CDATA[<p>I made this project as an assignment for the <em>10kdesigners </em>(Design School of the Internet (Cohort 7)), where we were asked to design a landing page on a topic of our choice. The assignment’s main goal was to practice <strong>visual design</strong> and understand the <strong>design process</strong>. The duration of this project was <strong>2 weeks</strong>. I chose to go with the topic “<em>Landing page for home furniture and interior decor</em>”.</p><p><em>This case study will walk you through my process, experience, and learnings from this project.</em></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*6aZ7aYbpb4-nxGXfVg_u7g.png" /><figcaption>A glimpse of my work, Serene Homes</figcaption></figure><h3>PROBLEM STATEMENT 📌</h3><blockquote>“Design a landing page for home furniture and interior decor”.</blockquote><h3>🎐 What is Serene Homes?</h3><p>Serene Homes, an offline furniture and home interior store (hypothetical) aims to establish <strong>a strong online presence to</strong> <strong>increase sales and brand recognition.</strong> The goal is to create a <strong>visually appealing</strong> and <strong>user-friendly landing page</strong> that showcases Serene Homes’ products and brand essence, ultimately increasing online sales and brand recognition.</p><h4><strong>✅ Goals</strong></h4><ul><li>Increase online sales by 20% within six months.</li><li>Improve brand awareness and customer engagement.</li><li>Enhance user experience and interface design for better usability.</li></ul><h3>THE DESIGN “PROCESS” 🔁</h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*BnZziuQWmPEMzhY3rcmudA.png" /><figcaption>My design process (non-linear)</figcaption></figure><h3>Explore 💻</h3><p>Before diving into detailed research, I embarked on a creative exploration phase to brainstorm initial design concepts for Serene Homes’ new landing page. This phase was crucial for me in setting the tone and direction for the project, allowing for the exploration of various ideas and approaches.</p><p>The goal of this exploratory phase was to generate a range of design concepts that could later be refined and developed based on research insights.</p><h3>Research 🔍</h3><p>Before designing the new landing page for Serene Homes, comprehensive research was conducted to gain insights into the target audience and understand the landscape of the furniture and home interior industry.</p><p>The research included the following key components:</p><h4><strong>🎯 Target Audience Analysis:</strong></h4><p>This research helped in identifying the key factors that influence the purchasing decisions and expectations of an online furniture store. Also, it helped to understand the preferences, needs, and online shopping behaviour of potential customers.</p><p>The <strong>target audience</strong> for Serene Homes’ landing page could include:</p><ul><li>Homeowners looking to furnish or decorate their homes.</li><li>Interior designers seeking inspiration and products for their projects.</li><li>People interested in home decor and furniture trends.</li><li>Gift buyers looking for unique home accessories.</li><li>Individuals renovating their current space.</li><li>Event planners often need furniture and decor for weddings, parties, and other events.</li><li>Businesses looking to furnish office spaces or corporate accommodations.</li></ul><p>The landing page caters to these audiences by showcasing a diverse range of products.</p><h4><strong>🌟 Trend Analysis</strong>:</h4><p>Market trends in furniture and home interior design were analyzed to identify emerging styles, colours and materials.</p><p>This analysis ensured that the new landing page would resonate with current design trends and customer preferences, making Serene Homes a relevant and appealing choice for its target audience to stand out in the market.</p><h4>🎨 Mood board:</h4><p>As part of the research process, I have created this mood board to visually explore and define the design direction for Serene Homes’ new landing page. This served as a visual reference point, capturing the brand&#39;s essence and the website&#39;s desired aesthetic. This helped me in setting the tone for the design and ensuring that it resonated with the target audience.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*Hrxxgfkl2Qwfrwh2STtUlQ.png" /><figcaption>MoodBoard</figcaption></figure><h3>Info Architecture 🏛️</h3><p>After conducting thorough research, I proceeded with the information architecture phase to <strong>structure the content and layout</strong> of the landing page. So, I outlined the user flow and determined what actions would be available to the target audience to engage with. This helped me ensure a logical flow and easy navigation for the users.</p><p><em>A top-level structured/section-wise breakdown of the landing page helped me gain more context and I got a good direction to move ahead.</em></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*IfpTE0P87FhovP9GLo-J4Q.png" /><figcaption>Information Architecture</figcaption></figure><h3>Wireframing 📝</h3><p>After I have my IA in place, I usually move directly to visual design, as I’m able to iterate faster. However, I learned that wireframes encourage <strong>extended and deeper product thinking</strong>. So, creating wireframes helped me structure the whole landing page and make it clearer and more specific for visual design.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*T3hOoc5do-wh1BiU8kpuaA.png" /><figcaption>Wireframes</figcaption></figure><h3>Visual Design 🔮</h3><p>After completing the wireframing process, I moved on to the<em> </em>visual design phase and focused on the user experience design aspect of the landing page. <em>This was my favourite part of the process.</em></p><p>I carefully considered the placement of elements, such as the call-to-action buttons and product images, to create a seamless and engaging user journey. Keeping in mind to create a <strong>clean and modern aesthetic</strong> that would appeal to the target audience, I used a <strong>cold colour palette</strong> and incorporated <strong>high-quality product images</strong> to showcase the furniture and decor items.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*-3WQAAVTLFOl_SJmuhg0HQ.png" /><figcaption>Serene Homes Landing Page</figcaption></figure><ul><li><em>Keeping the goal in mind to focus more on visuals I keenly chose high-quality product images and also the right colours to suit all the products and match the theme with the idea of the products I was showcasing.</em></li></ul><h3>FINAL THOUGHTS 💭</h3><p>Designing this landing page was a valuable learning experience for me. It allowed me to practice my <strong>visual design skills </strong>and understand the importance of <strong>user research</strong> and <strong>info architecture in the design process.</strong> Overall, I am happy with the final result and believe that it effectively showcases the interior decor and home furniture store.</p><blockquote>~ That’s a wrap! Thanks everyone for sticking around till the end. I hope you like it.🌻</blockquote><blockquote>~ I’m open to opportunities as a Product Designer. Do reach out to me on <a href="http://www.linkedin.com/in/shipra-trivedi-129651177">LinkedIn</a> or email me for any further feedback, discussions or collaborations.✨</blockquote><blockquote>Email: shipratrivedi1998@gmail.com</blockquote><blockquote>Behance: <a href="http://be.net/shipratrivedi">be.net/shipratrivedi</a></blockquote><p><strong>🤭 Note:<em> If you long hold the clap button, you can give up to 50 claps 👏🏻 on Medium. Thanks :)</em></strong></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=8a7db528c956" width="1" height="1" alt="">]]></content:encoded>
        </item>
    </channel>
</rss>