Untitled

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FgV4YsxQNL8gBNq7L2QkyDg4vz483%2Fswiggymoments%2F1bfd8275-c7c7-45b5-9afa-388991352a82.png?alt=media&token=72767fa5-bb85-4878-a07a-304c6b46f4ef","id":"1bfd8275-c7c7-45b5-9afa-388991352a82","width":1574,"height":1684,"filename":"image.png","type":"image/png","caption":"","border":false}]}
```

### **What is Swiggy Moments?**

Swiggy Moments is a customer-to-customer gifting marketplace on Swiggy to inspire and enable last-minute gifting for different occasions, whether casual ones like Thank you, Sorry, Miss you, etc., or traditional ones like birthdays and anniversaries

With restaurant food as a category, the offering aims to be a useful avenue for last-minute casual gifting occasions - taking inspiration from the concept prevalent in the Western culture (like picking a box of chocolates or a bottle of wine while visiting a friend’s house), the offering has 50+ item collections for various moods, occasion, cuisines & brands.

The gifting supply universe in v1 has 400+ top-rated (4+ rating), marquee & premium resto-brands like Starbucks, Theobroma, Royce Chocolates, Le 15, etc. co-created in assistance with the Swiggy Mumbai team’s local expertise. Each item collection is different from another and has hyper-locally curated 50-100 bestsellers & must-try gift-worthy dishes to pick and choose from.

The service also enables the gifter (person sending the gift) to personalize the gift by different means like - recording & sending a video message or writing a note and sending it along with a nice digital card to express his/her feelings according to the occasion.

Currently, it’s an intra-city service launching in Mumbai. Swiggy users can access Swiggy Moments from its app (Android & iOS) by selecting the recipient’s location, filling in the recipient’s name & contact number, choosing the right occasion from 15+ listed occasions, or just browsing multiple cuisine & brand collections, and lastly picking the suitable gift-worthy food item(s) they want to send as a gift.

### **Some Insights after launching “Swiggy Moments”**

**Where are we currently?**

We were trending at an average order per day (OPD) of about 70 in the month of January with over 2,100 peaks (orders) being delivered at an average order value of 510 INR\
\
We have also been witnessing the strong emergence of casual gifting behavior, with nearly 60% of the total gifters using Moments for casual occasions/gifting (e.g.: Express love, Congrats, etc.). \
\
This has further signalled validation of casual gifting moat which Swiggy Moments aims to see

Three clear cohorts of consumers are now visible: planned gifters (56%), casual explorers (33%), and referrals (11%)

The top three occasions for gifting for users have been: “Express love” (\~28%), “Birthday” (\~18%), and “Festival” gifting (\~14%)

About 22% of gifters were from other cities who gifted food to their loved ones in Mumbai during the month of January, indicating a potential for inter-city gifting use case.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FgV4YsxQNL8gBNq7L2QkyDg4vz483%2Fswiggymoments%2Ffe3c052c-5c10-47f9-b527-69cfe52f12e1.png?alt=media&token=6001feea-c477-41ac-9959-dbed3ed823e0","id":"fe3c052c-5c10-47f9-b527-69cfe52f12e1","width":1542,"height":1684,"filename":"image.png","type":"image/png","caption":"","border":false}]}
```

**Some early insights and learnings:**

Our orders spiked as festivities began during the month of December. At 236 orders, Moments saw its highest OPD on Christmas

Over 2,200 peaks were delivered and the average gift order value was around INR 480 during December

About 10% of Moments users opted for a personalized video greeting (sent via Swiggy Moments platform) while sending gifts to their loved ones.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FgV4YsxQNL8gBNq7L2QkyDg4vz483%2Fswiggymoments%2Fd5f59dcf-8c8c-475c-939f-a468f23a3b04.png?alt=media&token=a73aaf9a-feb7-476b-a114-0e8d3fa4a7a7","id":"d5f59dcf-8c8c-475c-939f-a468f23a3b04","width":2916,"height":1618,"filename":"image.png","type":"image/png","caption":"","border":false}]}
```

Swiggy Moments - early insights and learnings

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FgV4YsxQNL8gBNq7L2QkyDg4vz483%2FLFKWaBaohDPWXx6N7boO%2F9d272018-9037-49e2-baad-c7a6f14f06b5.png?alt=media&token=f7068e54-79d1-4f68-b2b0-2e353c45a1e6","id":"9d272018-9037-49e2-baad-c7a6f14f06b5","width":2914,"height":1660,"filename":"image.png","type":"image/png","caption":"","border":false}]}
```

Ubiqare is an innovative SAAS product that addresses the complexities of patient management and online consultations in the healthcare industry. Designed to be white-labeled for hospitals, Ubiqare offers a transformative solution that caters to various stakeholders, including doctors, reception staff, patients, and administrators. This case study delves into the development of Ubiqare, its features, the rationale behind its design, and the profound impact they have on each user persona.

### **The Problem**

In a dynamic healthcare landscape, the need for seamless patient management and remote consultations became evident, especially during events like the COVID-19 pandemic. Hospitals struggled to maintain efficient communication with patients, manage medical records, and ensure continuous care beyond physical visits. Ubiqare was conceived as a response to this challenge, with the goal of providing a unified platform that enables hospitals to offer top-tier healthcare services remotely.

### **Product Features**

1. **Online Consultations:** Ubiqare allows patients to schedule online consultations with their doctors, ensuring convenient access to medical expertise without the need for in-person visits. This feature benefits patients who require ongoing care for conditions like cancer, neuro care, and post-operative recovery.

2. **Health Record Management:** Patients can access their lab reports, medical history, prescriptions, and diagnostic images such as X-rays and scans. This empowers patients to take an active role in their healthcare decisions and fosters a sense of control over their medical information.

3. **Medicine Ordering:** Patients can place orders for medicines directly through the platform, streamlining the prescription fulfillment process. This feature is particularly valuable for individuals undergoing post-operative care, elder care, and general healthcare.

4. **Administrative Tools:** Reception staff and administrators can maintain patient records, and medical documents, and generate comprehensive reports. This centralizes information management and enhances the hospital's operational efficiency.

5. **Doctor-Patient Communication:** Doctors can schedule calls with patients, engage in text-based communication, and generate prescriptions. The ability to access patient data and history enables doctors to provide personalized and informed care.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FgV4YsxQNL8gBNq7L2QkyDg4vz483%2FLFKWaBaohDPWXx6N7boO%2Ff78b477f-44a9-421a-9c79-67e456eff595.png?alt=media&token=aaa35178-a01b-4329-8a13-fff145da2d51","id":"f78b477f-44a9-421a-9c79-67e456eff595","width":2914,"height":1604,"filename":"image.png","type":"image/png","caption":"","border":false}]}
```

### **User-Centric Approach**

The design of Ubiqare's features was meticulously crafted to cater to the diverse needs of each persona:

* **Patients:** Ubiqare empowers patients by granting them convenient access to their medical information, fostering a sense of involvement in their healthcare journey. The ability to schedule online consultations brings healthcare closer to home, benefiting those requiring specialized care such as cancer and stroke patients.

* **Doctors:** The platform equips doctors with a comprehensive view of patient data, enabling them to make well-informed decisions. The ability to communicate with patients, schedule calls, and generate prescriptions enhances doctor-patient relationships and ensures continuous care.

* **Reception Staff:** Ubiqare streamlines administrative tasks, allowing reception staff to efficiently manage patient records and generate reports. This leads to improved operational efficiency and a smoother patient experience.

* **Administrators:** The centralization of patient records and medical documents simplifies administration, facilitating better resource allocation and decision-making.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FgV4YsxQNL8gBNq7L2QkyDg4vz483%2FLFKWaBaohDPWXx6N7boO%2F5c6f4e96-04d6-48cb-af3d-fe29e20625eb.png?alt=media&token=7d4d0673-b47b-4263-9463-014b729a5e27","id":"5c6f4e96-04d6-48cb-af3d-fe29e20625eb","width":1456,"height":816,"filename":"image.png","type":"image/png","caption":"","border":false}]}
```

### **Impact and Benefits**

Ubiqare's impact is far-reaching, transforming healthcare delivery across various scenarios:

* **Remote Care:** Patients can receive high-quality medical care from the comfort of their homes, enhancing accessibility for conditions like cancer, elder care, and post-operative recovery.

* **Efficiency:** Hospitals can manage patient data more efficiently, leading to streamlined administrative processes and optimized resource allocation.

* **Continuity of Care:** Doctors can offer uninterrupted care through digital consultations and access to medical history, ensuring patients receive consistent treatment.

* **Control and Empowerment:** Patients have greater control over their healthcare decisions and access to medical information, promoting a sense of empowerment and involvement in their health.

Ubiqare - Revolutionizing Patient Care with a Comprehensive Digital Solution

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FgV4YsxQNL8gBNq7L2QkyDg4vz483%2FWNJZWvre0cRQEVhgucrr%2F77636e31-6428-4e42-9270-7100892ede88.png?alt=media&token=7dc53ab9-8a7d-4bba-be7b-a8b9baa1975b","id":"77636e31-6428-4e42-9270-7100892ede88","width":2886,"height":1554,"filename":"image.png","type":"image/png","caption":"","border":false}]}
```

At Propacity, we recognized the need to empower real estate businesses with powerful insights that would drive their success. Our goal was to create a comprehensive analytics platform that would offer a bird's eye view of their operations, helping them make informed decisions. This is the story of how we built Analytics at Propacity, overcoming challenges and refining our approach to meet customer demands.

## **Initial Research & Discovery**

Our journey began with a thorough analysis of the real estate sales pipeline. We delved into understanding the key data points that real estate businesses would value and appreciate. We aimed to provide insights that would enable organizations to prioritize products based on customer requirements and emerging trends.

### **Lead Requirement Analysis**

User Trend Analytics brings your customer data to life by turning your data and metrics into visual charts. You can view user trends over a set period to understand market requirements and cater to the same effectively by acquiring the right products and targeting the right audience

We recognized the significance of user trend analytics in transforming data into visual charts. By understanding user trends over time, businesses could effectively acquire the right products and target the right audience. Our analytics would showcase user trends across various dimensions such as geography, budget, possession, configuration, and more.

### **Lead Analysis**

**Performance Analysis**

* See the number of leads that were generated/Created, archived, and converted into Bookings over time

* Track the Sources of Lead generation to understand your marketing campaigns

* Devise strategies and run marketing campaigns that result in greater engagement and drive conversions.

* Track your Lead conversions by Source, Intent, duration, etc.

* Track your Archived/Dead leads and their Reasons to understand where you are going wrong

**Pipeline Analysis**

* Visualize your entire Lead Cycle and break it down into Visual charts and actionable insights

* Gain a bird’s eye view of the Leads in your pipeline

  * Get a funnel view into your sales pipeline by quickly looking at the number of Leads in each stage.

  * Determine your success rate and performance with Sales Forecast reports.

  * Track sales activities that lead to winning deals

  * Gain a holistic view of Each lead and its lifecycle through lead stages, intent, etc.

**Conversion Analysis**

* Recognize Sales bottlenecks by tracking the conversion of your leads, such as:

  * Lead to Booking Conversion

  * SiteVisit to Booking Conversion

  * Intent to Booking Conversion

  * Intent to SiteVisit Conversion

**Sales Team Performance**

* See which Sales Executive brings the most revenue, how many opportunities your salespeople win or lose, and why

* Measure the performance of your sales team with factors such as their outreach performance, the number of Site Visits conducted, the number of Bookings made, etc.

## **Iterative Evolution: From Graphics to Data-Rich Tables**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FgV4YsxQNL8gBNq7L2QkyDg4vz483%2FWNJZWvre0cRQEVhgucrr%2F2c4334b3-da1a-490c-a55d-162acbac4b90.png?alt=media&token=5d71e8ee-5bad-44e4-be51-824cb05e6d58","id":"2c4334b3-da1a-490c-a55d-162acbac4b90","width":2000,"height":2650,"filename":"image.png","type":"image/png","caption":"","border":false}]}
```

While our initial design was graphically intensive, customer feedback prompted us to pivot towards a data-rich approach. We realized that customers desired more in-depth data representation. This transition allowed us to present a plethora of data to our clients, meeting their hunger for insights.

After extensive deliberation and a thorough comprehension of our customer's preferences, we undertook a series of iterations on the analytics page. This led us to transition towards a more tabular format enriched with comprehensive data. This strategic shift has afforded us the chance to effectively showcase a significantly larger volume of data to our valued customers.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FgV4YsxQNL8gBNq7L2QkyDg4vz483%2FWNJZWvre0cRQEVhgucrr%2F0f4113ff-ca79-4065-bcc3-e37fe0fe548b.png?alt=media&token=67d8569a-141b-405f-b834-63ffebdf0c1d","id":"0f4113ff-ca79-4065-bcc3-e37fe0fe548b","width":2000,"height":1474,"filename":"image.png","type":"image/png","caption":"","border":false}]}
```

Initially, our strategy entailed the creation of an elaborate and deeply comprehensive analytics framework. However, a shift in our approach led us to streamline and condense the content into a singular summary page, encompassing a comprehensive overview of all analytics for our customers. This judicious adjustment allowed us to successfully balance and align our business objectives with the essential needs and expectations of our valued customers.

\
**Navigating Data Complexity**

Navigating data complexity was a significant challenge. With ever-evolving data points, we had to anticipate future changes while designing the platform. Collaborating closely with the backend team, we formulated formulas for data points and established mechanisms for data retrieval and manipulation.

To address customer requirements for customization, we implemented dynamic filters to accommodate varied data filtering needs. This collaboration also facilitated the creation and implementation of interactive graphs using Three.js, enhancing the user experience.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FgV4YsxQNL8gBNq7L2QkyDg4vz483%2FWNJZWvre0cRQEVhgucrr%2F39193464-9ff9-493c-9e1a-4219be8198c3.png?alt=media&token=0de3ff0c-d465-4a0d-a581-8528a5b03080","id":"39193464-9ff9-493c-9e1a-4219be8198c3","width":2000,"height":1596,"filename":"image.png","type":"image/png","caption":"","border":false}]}
```

## **Email Reporting**

Our journey culminated in a final touch – the introduction of an email reporting system. This system allowed customers to set email frequency preferences, receiving data summaries tailored to their needs. This seamless integration of analytics and reporting empowered businesses with timely insights.

## **Final Summary page**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FgV4YsxQNL8gBNq7L2QkyDg4vz483%2FWNJZWvre0cRQEVhgucrr%2F18a994a9-201d-4c78-a711-edfa6dfd01ea.png?alt=media&token=00eccc06-74b1-457b-a5d3-a6d1535bfa99","id":"18a994a9-201d-4c78-a711-edfa6dfd01ea","width":1367,"height":3261,"filename":"image.png","type":"image/png","caption":"","border":false}]}
```

## **My Key Takeaways**

The journey of building Analytics at Propacity taught me invaluable lessons:

1. **Analytics Beyond Graphs**: Analytics is not just about graphs; it's about presenting actionable insights derived from the right data.

2. **Customer-Centric Design**: Collaborating directly with customers, understanding their needs, and aligning our design accordingly led to a more impactful solution.

3. **Holistic Collaboration**: Working closely with the backend team enhanced our understanding of data manipulation, storage, and retrieval, resulting in a more robust platform.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FgV4YsxQNL8gBNq7L2QkyDg4vz483%2FWNJZWvre0cRQEVhgucrr%2F91ea226c-f712-4fb8-9b82-3a7928c0f1d9.png?alt=media&token=a323a78e-7015-4792-bd9e-098691d2c2f1","id":"91ea226c-f712-4fb8-9b82-3a7928c0f1d9","width":2902,"height":1622,"filename":"image.png","type":"image/png","caption":"","border":false}]}
```

Building Analytics at Propacity: A Journey of Data and Insight

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FgV4YsxQNL8gBNq7L2QkyDg4vz483%2FbCrx587N3Sf2TVOgneeT%2F0bb23437-1619-49cc-9cdd-35ae37b393ed.png?alt=media&token=67fb72bc-1f75-42aa-b6e0-e8589300eee6","id":"0bb23437-1619-49cc-9cdd-35ae37b393ed","width":489,"height":600,"filename":"image.png","type":"image/png","caption":"","border":false}]}
```

Hey, You can check out the Full project on Behance\
Link to [behance](https://www.behance.net/gallery/98044423/Garage-Parking-App):

App to Rent space for parking

Realestate Post Sale Ecosystem

## Swiggy Moments - Gifting Happiness

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FgV4YsxQNL8gBNq7L2QkyDg4vz483%2FqjCAa2R0nZALHxa39m9M%2Fc6d2bb4a-0b90-4110-bda7-6bb4f8811080.png?alt=media&token=3410b73f-146e-48a7-b9ef-79cfa54ad722","id":"c6d2bb4a-0b90-4110-bda7-6bb4f8811080","width":720,"height":572,"filename":"image.png","type":"image/png","caption":"","border":false}]}
```

## Feature - Sending Swiggy order as a gift

This is a really cool feature that enables you to send your favorite food from Swiggy as a gift to someone and customize it based on any occasion.

## Task

As part of the design, I was asked to include micro-interactions and motion to delight and enhance the experience of receiving a virtual gift.

## The Flow

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FgV4YsxQNL8gBNq7L2QkyDg4vz483%2FqjCAa2R0nZALHxa39m9M%2Fbec3f620-c60f-41d0-bb91-296fe3d12b62.png?alt=media&token=bb3ec0ec-c691-4ff5-bc7f-a3ae4b1db53e","id":"bec3f620-c60f-41d0-bb91-296fe3d12b62","width":2000,"height":1629,"filename":"image.png","type":"image/png","caption":"","border":false}]}
```

*(Screenshots from the original design)*

Recipient side of the flow.

Receiving a link to a gift that opens the Moments feature in the Swiggy app when clicked. The User must then tap the screen to reveal the surprise. Once tapped, the next screen will appear with the following information:

1. Video message from the sender

2. Information about delivery

## The Experience

So, first and foremost, I attempted to comprehend the psychology of receiving and opening gifts. Because this was the most important aspect of the Swiggy gifting experience, I did some research on receiving and opening gifts.

### The Gift Experience

> *The moment of unpacking is the tipping point. Excitement builds until the product arrives, reaches a peak when we open it, and then slowly fades away with time.*

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FgV4YsxQNL8gBNq7L2QkyDg4vz483%2FqjCAa2R0nZALHxa39m9M%2F7c631959-2bd3-49bc-af98-c1301163c07f.png?alt=media&token=96d6620a-bc2e-4f94-98cc-0fc44108bfeb","id":"7c631959-2bd3-49bc-af98-c1301163c07f","width":2000,"height":887,"filename":"image.png","type":"image/png","caption":"","border":false}]}
```

First, there is anticipation and intrigue. What is in the link? There is speculation in the user's brain about what might or might not be it. Moreover, there is the reveal, which is the payoff.

The viewer gets a reward from seeing what is inside and seeing how it matches up against whatever they expected it to be.

> *“So there is a neurological reward, big or small, but that completion of knowledge or the understanding is part of what drives it. People are just curious.”*

As a result, the second screen will serve as the big reveal, feeding the user's excitement and curiosity as they open the gift.

### Sensory Experience

Opening a gift stimulates the senses of the user. All senses would be curious and try to pick up small cues to identify the gift inside the packaging. As part of the experience, I wanted to incorporate some techniques to stimulate the senses and enhance the user's experience. To help with this, I added sounds and haptic feedback to the experience and some intriguing animation.

## Animation Inspiration on Pinterest

I went on Pinterest to look for ideas and inspiration for a motion design for a gift and curated some of them.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FgV4YsxQNL8gBNq7L2QkyDg4vz483%2FqjCAa2R0nZALHxa39m9M%2F31fe4cb0-c348-4aeb-8926-bd4f5a1ee319.png?alt=media&token=89da5fea-86ee-461f-962c-5eebd504aabc","id":"31fe4cb0-c348-4aeb-8926-bd4f5a1ee319","width":2000,"height":1001,"filename":"image.png","type":"image/png","caption":"","border":false}]}
```

You can open this link to check out the curation: https://pin.it/2enfLK8

## Storyboarding the idea

I sat down to storyboard my idea after looking at a lot of animations and videos of people opening gifts.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FgV4YsxQNL8gBNq7L2QkyDg4vz483%2FqjCAa2R0nZALHxa39m9M%2F809d4384-6596-4c09-bc78-48f4b43b1db6.png?alt=media&token=cdf0a187-7c35-48f5-9b60-0f7f50d0289a","id":"809d4384-6596-4c09-bc78-48f4b43b1db6","width":2000,"height":1009,"filename":"image.png","type":"image/png","caption":"","border":false}]}
```

## Building the screens for the Animation

I rebuilt the screens from the ground up and prepared all of the Aftereffects layers. To quickly export all of my layers from Figma to After Effects, I use a Google plugin called AEUX.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FgV4YsxQNL8gBNq7L2QkyDg4vz483%2FqjCAa2R0nZALHxa39m9M%2F9b11338c-2db3-47c9-881f-80f09b40d2c6.png?alt=media&token=ab1180bd-70e5-42bc-b9b9-93da904129e9","id":"9b11338c-2db3-47c9-881f-80f09b40d2c6","width":2000,"height":1629,"filename":"image.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FgV4YsxQNL8gBNq7L2QkyDg4vz483%2FqjCAa2R0nZALHxa39m9M%2F72147245-597a-44a9-8764-c50834bb480c.png?alt=media&token=c10d9b15-06b1-409f-a91a-51b8ac03925b","id":"72147245-597a-44a9-8764-c50834bb480c","width":2000,"height":1238,"filename":"image.png","type":"image/png","caption":"","border":false}]}
```

Assets for Animation

## Exporting the screens to After Effects

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FgV4YsxQNL8gBNq7L2QkyDg4vz483%2FqjCAa2R0nZALHxa39m9M%2F09f72150-0879-4e5f-8215-a53ad030ff2f.png?alt=media&token=54f815ee-2651-430a-b2a0-ce3e755b1439","id":"09f72150-0879-4e5f-8215-a53ad030ff2f","width":2000,"height":1086,"filename":"image.png","type":"image/png","caption":"","border":false}]}
```

## Animating on After Effects

```cv
youtube
{"url":"https://youtu.be/7qtZqqLGzLM","width":200,"height":113,"thumbnail":"https://i.ytimg.com/vi/7qtZqqLGzLM/hqdefault.jpg"}
```

## **Results**

My inspiration for the animation and the sounds mostly comes from Games. Games these days are moving towards the freemium models where they have in-game purchases. To get the users excited about receiving goodies from the game, they visually enhance how the goodies are delivered and received by the user. This was a significant source of inspiration for me to try to replicate the same model here.

Check out this video from Subway Surfers. This shows a user opening multiple mystery boxes to receive a mystery gift.

```cv
youtube
{"url":"https://www.youtube.com/watch?v=B7L2BVtBCEI&ab\\_channel=FreeGamesExplorer","width":200,"height":113,"thumbnail":"https://i.ytimg.com/vi/B7L2BVtBCEI/hqdefault.jpg"}
```

The animation is made keeping the timeframe in mind, Too slow? users will think the application is lagging. Too fast? the experience will be spoiled because the user will not be able to notice and comprehend what is happening. So I have specifically curated this timed sequence to delight the users without them noticing that a magical animation is taking place.

### Shine

*Before the user taps to open*

Blinking stars and light streaks serve as a gentle reminder to the user and also tell them something precious is waiting inside.

The first nudge is to get the user excited about the surprise and to make the screen look lively.\
\
[Video Link](https://file.notion.so/f/s/30acbfa8-5906-49ff-9f57-418ed117de49/Shine.mp4?id=6e093ad0-2e00-4d9f-aac3-e234705af226&table=block&spaceId=01b4f717-889e-49f3-b6dd-71e05b612567&expirationTimestamp=1693008000000&signature=X3VrvYikRFAcTKVgvLat_eBrDufVL61y08WTLqajk-Y&downloadName=Shine.mp4)

*(Look at the bow)*

### Reveal & Excite

*Once the user taps to open*

The gift opens to reveal the contents when the user taps on the screen. We take this experience a step further by including a party popper to commemorate the event or occasion for which the gift is being sent.

[Video Link](https://file.notion.so/f/s/8e2a5f16-8027-4e0f-8144-18c51c0dc785/Drop.mp4?id=e5ab187d-5ad7-4ba2-aab0-3501ea17d6e4&table=block&spaceId=01b4f717-889e-49f3-b6dd-71e05b612567&expirationTimestamp=1693000800000&signature=gEg5935oRoKKAwFf2UpAH6hPst_37Zjwu_-wRbNnLF8&downloadName=Drop.mp4)

## Full Video

[Video Link](https://file.notion.so/f/s/43cc4ebc-3a32-4365-97c0-0996d15a79f1/Animation_1.2.mp4?id=c9198cf8-e832-4705-818a-dfc88d82c034&table=block&spaceId=01b4f717-889e-49f3-b6dd-71e05b612567&expirationTimestamp=1693000800000&signature=DJ23D5rSx1z5Htv66yev_UaMwB2YXuCLnm2nOE78AQs&downloadName=Animation_1.2.mp4)

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FgV4YsxQNL8gBNq7L2QkyDg4vz483%2FqjCAa2R0nZALHxa39m9M%2Fd34ffb80-e0fa-4b52-982a-de265424acda.mp4?alt=media&token=a4d0f7b6-a1e8-466b-a05a-70187c7505d8","id":"d34ffb80-e0fa-4b52-982a-de265424acda","width":374,"height":744,"filename":"Animation_1.2.mp4","type":"video/mp4","caption":"","border":false}]}
```

## Adding Sounds (Experiment)

I have added a Gift wrapper opening sound and a party popper. The gift wrapper sound is to accompany the opening animation and also give a feel of unwrapping something. The Party popper just acts as a supporting sound to the pop happening on the screen

[Video Link](https://file.notion.so/f/s/86b68971-2946-47d6-9a55-a87df3f06431/Animation_1.3.mp4?id=7a90340f-17f3-4fa8-bb50-2ee1c4903477&table=block&spaceId=01b4f717-889e-49f3-b6dd-71e05b612567&expirationTimestamp=1693000800000&signature=MduEo8OxeIwag1pE0znWZKgO_yjFm0BfhrRyaELcxrI&downloadName=Animation_1.3.mp4)

As this is just a prototype, I have added the best audio I could find, But I would really like to work on this more as the audio adds a lot to the experience of opening the gift.

## Retrospective

This is just a video prototype, It would be really easy to test it out if it was built into a mobile prototype and actual people tried using it. Testing this would give more insights into the Audio and Haptic feedback, As it was my first time incorporating these in a prototype and I am pretty confused about it.

Swiggy Moments - Delight Animation

---

**Dive Deeper into Remote Work Innovations**

Discover my thoughts on reshaping the landscape of remote work for the future. Engage with my detailed exploration on Medium and let's navigate the possibilities together.

[Read "How Might We Reimagine the Future of Remote Work?"](https://medium.com/keshav-raj/how-might-we-reimagine-the-future-of-remote-work-db4da03d7c70)

*Continuing the conversation on redefining workspaces for tomorrow.*

---