`✨`[`Project Presentation`](https://www.figma.com/proto/9ICjcaxneMZB9ngnYof600/Portfolio-Slides-1-proj?page-id=36%3A4242&node-id=36-4243&viewport=420%2C499%2C0.02&t=5Uj0QK649ZvypmyF-1&scaling=scale-down&content-scaling=fixed)`✨`

## **OVERVIEW**

IconScout is an asset marketplace offering over 9 million icons, illustrations, 3D models, and Lottie animations. To enhance usability, it also provides a range of tools and plugins, with one of the most popular being the Iconscout Plugin for Figma.

The Iconscout Plugin has not undergone a significant update in the past three years, leading to inconsistencies with the constantly evolving IconScout platform. Users have reported issues such as increased bugs and a subpar experience. Despite offering a vast number of assets, our daily usage rates have not met expectations, especially compared to our competitors.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2Ficonscout%2F64feb523-9437-47f5-b6be-77afa05f1396.png?alt=media&token=40ae8309-0559-4cbb-80bb-848f84481158","id":"64feb523-9437-47f5-b6be-77afa05f1396","width":3354,"height":1972,"filename":"Screenshot 2024-06-26 at 2.13.48 AM.png","type":"image/png","caption":"","border":false}]}
```

### **MY ROLE**

As a Product Designer this project was under my ownership that includes, discussions with stakeholders, research, defining timeline, designs and data tracking. Our team consists of :

Gaurav Kumar (Product designer)\
Akshaj Balaji (Frontend Engineer) \
Michael Tea (Backend Engineer)

Project duration : 7 months (including development)

---

## **RESEARCH**

After discussing the project scope with the team leadership, they were optimistic about the product's potential but uncertain about the ROI (Return on Investment). Given our lean team and the large scale of this project, which will span two quarters, I need to justify the ROI to the CEO and team.

Through competitive analysis, we examined our competitors’ metrics and offerings. Additionally, we conducted three user interviews and reviewed all feedback related to the Iconscout Plugin to understand user needs. We gathered all this data and conducted a comprehensive audit with the entire design and product team.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2Ficonscout%2F628a17e7-19c9-4293-ad3b-9af345996648.png?alt=media&token=edcb83c0-c3f6-46e1-854c-ee5ce7cb8b0a","id":"628a17e7-19c9-4293-ad3b-9af345996648","width":4000,"height":3000,"filename":"Frame 2.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2Ficonscout%2F0a7bd343-083f-40dc-b0a3-8b4623cd3234.png?alt=media&token=a5ee53ee-c579-4505-aec4-045a3141a431","id":"0a7bd343-083f-40dc-b0a3-8b4623cd3234","width":4000,"height":3000,"filename":"Frame 1.png","type":"image/png","caption":"","border":false}]}
```

## **PROJECT TIMELINE & PHASES**

### After our research, the team and stakeholders agreed to implement 17 new features and updates in four phases. As the project owner, I'm responsible for defining timelines from design to development and coordinating with cross-functional teams like visual, content, SEO, and marketing. I also need to ensure efficient use of each individual contributor's bandwidth.

**Phase 1 (2 months) :**

* Introducing Guest Mode requires minimal design and offers high impact, enabling immediate development post-phase one.

* The SEO team is onboarded early to ensure better long-term outcomes.

**Phase 2 (2 months) :**

* Low effort High impact features

* Drag and drop, product page, color palette, conversion banners.

**Phase 3 (1 month) :**

* Adding affordance (UI specific)

* Onboarding, educative tooltips, Filters, my collection and downloads.

**Phase 4 (2 months) :**

* Research based new Heavy feature

* Reverse Image search, 3D gltf rotation, SVG to Lottie

## **INFORMATION ARCHITECTURE**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2Ficonscout%2Fe5a96d58-2c19-4b47-bde2-7175155ebbbd.png?alt=media&token=17d67a55-e129-4950-8cce-6523e7489a34","id":"e5a96d58-2c19-4b47-bde2-7175155ebbbd","width":4000,"height":2137,"filename":"Frame 3.png","type":"image/png","caption":"","border":false}]}
```

## **DESIGNS**

This project includes 17 feature updates, ranging from minor to significant. Discussing each feature in depth would be too lengthy and irrelevant here. Therefore, I will focus on the features that best showcase my visual and problem-solving skills and have the most impact.

**GUEST MODE**

**Our research showed that the plugin's login wall was a barrier for new users. To reduce this resistance, we introduced a Guest mode, allowing users to explore the platform without logging in. This change significantly boosted plugin usage, as the numbers confirm.**

**ONBOARDING AND EDUCATION**

**Due to the lack of proper onboarding and tutorials for core features, we introduced a new splash screen and onboarding process to help users quickly understand the product.**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2Ficonscout%2F92d8e550-21fe-4931-a87f-63bd6114b70d.mp4?alt=media&token=f3636214-d725-40f9-891f-036f63247530","id":"92d8e550-21fe-4931-a87f-63bd6114b70d","width":2228,"height":1080,"filename":"Screen Recording 2024-06-27 at 6.34.45 AM.mp4","type":"video/mp4","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2Ficonscout%2Fabae9d46-82f4-41fb-bdc4-cc3a771c283c.mp4?alt=media&token=02b93e32-b9d0-4ce9-9ab3-8a4d524ddba5","id":"abae9d46-82f4-41fb-bdc4-cc3a771c283c","width":2018,"height":1080,"filename":"Screen Recording 2024-06-27 at 3.38.00 AM.mp4","type":"video/mp4","caption":"","border":false}]}
```

**PRODUCT PAGE**

The product page was the most challenging, as we had to create it from scratch. Previously, a popup appeared when users clicked on a listing to select the format.

In the new product page, we incorporated 3D rotation for 3D assets, added a color palette feature, and included scrollable packs. These elements are visible enough to suggest similar assets without distracting from the main asset. Following up with CTA to insert assets.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2Ficonscout%2Fe00245ba-70fa-4eac-92e3-ebc421f73d4e.mp4?alt=media&token=fa5354a1-a65f-4062-82db-d29b6e4f2913","id":"e00245ba-70fa-4eac-92e3-ebc421f73d4e","width":2336,"height":1080,"filename":"Screen Recording 2024-06-27 at 4.03.38 AM.mp4","type":"video/mp4","caption":"","border":false}]}
```

**IMAGE SEARCH**

Having a source of inspiration is great, but sometimes you need it in vector or animation. Now, it's incredibly easy to explore and convert, ensuring the process remains minimal and efficient.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2Ficonscout%2F88404026-2494-4d1e-8f18-ee5d2bb87c52.png?alt=media&token=5b355a25-1abc-425d-93a6-b531d12479f1","id":"88404026-2494-4d1e-8f18-ee5d2bb87c52","width":4000,"height":2137,"filename":"Frame 1321316510.png","type":"image/png","caption":"","border":false}]}
```

**COLOR PALETTE**

Since the color palette is one of the most popular features on the web but was missing from the plugin, we decided to integrate it. We reimagined the user journey to fit this feature into a shorter window, enhancing the overall experience.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2Ficonscout%2F40d6819b-3b1d-48ab-8e29-2d60ec8666bb.mp4?alt=media&token=f0971da8-37dd-4438-846e-6b1914a0de7e","id":"40d6819b-3b1d-48ab-8e29-2d60ec8666bb","width":1920,"height":1330,"filename":"Screen Recording 2024-06-27 at 3.59.24 AM.mp4","type":"video/mp4","caption":"","border":false}]}
```

### **PRODUCT VIDEO**

Watch it on [`YOUTUBE`](https://www.youtube.com/watch?v=VlH-Cf79X1c&ab_channel=IconScout)

```cv
vimeo
{"url":"https://vimeo.com/969219726?share=copy","width":426,"height":240,"thumbnail":"https://i.vimeocdn.com/video/1882594060-3c232ef3a2f6a49e0d722207f4996250c3067e6658bb2e50a1c668f53f1a73f1-d_295x166"}
```

---

## **DATA  ANALYTICS**

* **228%** increase in **MAU (Monthly active users)**

* **178%** increase in **User Retention**

* Rank **22 Figma** Plugin previous rank 63

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2Ficonscout%2F766cd3d7-fdec-464b-836b-e7f45463acc3.png?alt=media&token=2d4d8b6e-4608-445a-ae76-7ba1519c142e","id":"766cd3d7-fdec-464b-836b-e7f45463acc3","width":1788,"height":174,"filename":"Screenshot 2024-06-16 at 9.45.58 AM 3.png","type":"image/png","caption":"","border":false}]}
```

1. The first phase of this project was released in June 2023, introducing Guest Mode. This made exploration much easy for users.
2. Last phase was released just before Winter vacation thats where you can see a dip.
3. There are bigger spikes at specific places these are marketing launches.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2Ficonscout%2Fe16c1b6d-6f1a-4846-8e46-fce0362218ca.png?alt=media&token=c2d81b8e-f2cd-474d-a810-979ce9469750","id":"e16c1b6d-6f1a-4846-8e46-fce0362218ca","width":3657,"height":1855,"filename":"Group 1948754597.png","type":"image/png","caption":"","border":false}]}
```

Our initial SEO efforts worked out well as the data seems growing even after winter holidays.

**What if we hadn't undertaken this project?**\
We would have faces around 200K less usage of Plugins which would lead to loss in user and revenue.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2Ficonscout%2F60f50479-7da8-46e9-b433-2822a995bc0d.png?alt=media&token=b36d6da3-17bf-484c-a6ba-f596ea7c7c51","id":"60f50479-7da8-46e9-b433-2822a995bc0d","width":1652,"height":688,"filename":"Group 1948754604.png","type":"image/png","caption":"","border":false}]}
```

---

## **FUTURE PLANNINGS**

* **Scaling Internally :** As per what stats says we we are confident to move this plugins update to all 12 products and 3 Desktop applications.

* **Scaling Externally :** We learnt at lot on funnel creation and we will be scaling this to all the plugin system of LottieFiles.

* **Kit Illustration :** Kit based Illustration Kit which user can change specific instances to create new Kits.

## **LEARNINGS**

* **Incentivize Engagement :** Offer rewards as users progress deeper into the funnel.

* **Consistency & Scalability :** Build a platform that maintains consistency and can scale across all verticals.

* **Encourage Exploration :** Keep the platform open for user exploration.

‎

‎

THANKS FOR READING ✨

IconScout plugin for Figma

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2Fwearable-shutter-os%2F463e0741-87c5-4e6a-b650-0d07c1b6aba2.png?alt=media&token=29f29ca2-5073-44d2-b963-435b06cd0d69","id":"463e0741-87c5-4e6a-b650-0d07c1b6aba2","width":2048,"height":960,"filename":"Capture-2024-06-24-040738.png","type":"image/png","caption":"","border":false}]}
```

## **PROJECT OVERVIEW**

During my 3rd year of college, a graduated senior who was employed at Google reached out to our design group unexpectedly. He suggested organizing a designathon where we would all tackle the same problem statement. Intrigued by the idea, we agreed to participate. The format required each designer to develop a project based on the given statement, after which we would critique each other’s work. We thought it sounded like a great opportunity, so we decided to give it a try.

## **PROBLEM STATEMENT**

Camera app for Android watch. Works as a remote for your phone's camera. Imagine you put your phone on a tripod and want to click pictures or record videos. How would you expect the app to look and work?

* **Functionalities** - click pictures, set timer, record videos, switch between primary lens and wide angle lens.

* **Deliverables** - minimum 3 screens. Dimensions 360pixels x 360pixels. Remember smallest tap target size is 44pixels x 44pixels. Try applying Google Material 3.

## **SOLUTION TO CAPTURE IMAGE**

Design the interface so it feels just like using the camera on a smartphone. Arrange the buttons and settings so users can easily snap a photo with a minimal learning curve. Some basic but important functionalities that I covered are switch over to video mode, set a timer for delayed shots, adjust the zoom, and change the megapixel count. Make sure all these features are easy to find and use on the smaller watch display, creating a smooth and familiar experience for the user.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2Fwearable-shutter-os%2Fe0ee7f14-96e0-400f-8914-9dbfd36d4906.png?alt=media&token=2c397f48-8c15-474b-81c3-894f66128508","id":"e0ee7f14-96e0-400f-8914-9dbfd36d4906","width":2048,"height":960,"filename":"Capture-2024-06-24-041603.png","type":"image/png","caption":"","border":false}]}
```

The watch crown can also function as a shutter button, allowing users to take photos either by tapping the shutter icon on the screen or by pressing the watch crown.

## **RECORD TAB**

Users can easily switch to the recording tab from the bottom navigation. There, you'll find options to start a recording and other basic settings. Once you start recording, you can pause and resume with a simple tap, and stop it when you're done. You can also take snapshots from your video at any moment. The recording time is shown at the top, keeping everything straightforward and easy to use. This setup ensures a smooth and familiar experience, much like using your phone camera.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2Fwearable-shutter-os%2F456aafc1-72b1-40ab-8796-6c0bdadba0cd.png?alt=media&token=8258cc40-a17a-4059-827d-63da76816514","id":"456aafc1-72b1-40ab-8796-6c0bdadba0cd","width":2048,"height":960,"filename":"Capture-2024-06-24-041803.png","type":"image/png","caption":"","border":false}]}
```

## **SWITCHES COMPATIBILITY**

The mobile device connected to the watch may not support all features, such as zooming in and out or switching the camera's megapixel setting. Therefore, controls will only appear if the connected device supports those functions. If a specific feature isn't available, the corresponding control will be hidden, and the remaining options will be centered for better visibility and access.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2Fwearable-shutter-os%2Ff02d5852-fbcf-4ddc-b655-59dcc4ae94e6.png?alt=media&token=2d31f0d0-bc8b-4a3f-ac8e-8781296082a8","id":"f02d5852-fbcf-4ddc-b655-59dcc4ae94e6","width":2048,"height":960,"filename":"Capture-2024-06-24-042914.png","type":"image/png","caption":"","border":false}]}
```

## **INTERACTION & GESTURES**

I also created a quick prototype to demonstrate the interactions:

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2Fwearable-shutter-os%2F64e561ac-0981-45be-9e36-5fd867f3092f.mp4?alt=media&token=75780a49-0af9-4a8d-8007-2f42915064fb","id":"64e561ac-0981-45be-9e36-5fd867f3092f","width":1364,"height":1922,"filename":"rSv2iL3k3jmIzsYlSN6qqB3ao.mp4","type":"video/mp4","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2Fwearable-shutter-os%2Fc124c538-90fd-4941-ba45-f93755fcf313.mp4?alt=media&token=62a0d00b-a38e-4919-a0b5-c0322d40b737","id":"c124c538-90fd-4941-ba45-f93755fcf313","width":1364,"height":1922,"filename":"ujubK2q3aSn5veW1qZbcJxC0J8E.mp4","type":"video/mp4","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2Fwearable-shutter-os%2F7290c2ad-12d9-422a-a90f-6f63e9ad82cf.mp4?alt=media&token=bdd1f171-f8df-4c50-b497-dda6770265d4","id":"7290c2ad-12d9-422a-a90f-6f63e9ad82cf","width":1364,"height":1922,"filename":"zOo5sHodo567PdDYq8mEHPhmIU.mp4","type":"video/mp4","caption":"","border":false}]}
```

1\. Controls for zooming and adjusting camera settings.\
2\. A shutter button that includes a countdown timer for taking photos.\
3\. A tab to switch between photo and video modes.

## **LEARNINGS**

1. **User Interface Design for Small Screens:** Designing for a smartwatch teaches you to prioritize only essential features, enhancing your skills in creating minimalist, easy-to-navigate interfaces.

2. **Adaptive UI Elements:** You learn to design UI elements that adapt based on the connected device's capabilities, like showing or hiding controls if the smartphone doesn’t support certain camera functions.

3. **Cross-Device Compatibility:** Working on seamless app integration between the watch and various smartphones deepens your understanding of device syncing and communication, making sure a smooth user experience.

\
\
THANKS FOR READING ✨

Camera App for Wear OS

### **Download the community file [here](https://www.figma.com/community/file/837799145528214755/status-bar-dynamic-island-mockup-for-iphone15-iphone14)**

## **PROJECT OVERVIEW**

During a summer break in college, inspired by the support I received from the design community, I dedicated a week to help new designers by addressing a common challenge: finding resources for newer iPhone models. I created a comprehensive set of design components focused on status bars, aiming to make their entry into design smoother.

## **PROBLEM STATEMENT**

Seeing the need, I put together a detailed set of components for status bars on popular iPhone models. As time went on, I kept adding to and improving this collection, incorporating essentials like home bars, dynamic Island mockups, artboards, and grids. My aim was to lend a hand to up-and-coming designers, motivated by my own early struggles and the common hurdles faced by my peers.

## **CONTENT**

The latest version of the resources includes assets tailored for the iPhone 13, 14, and 15 Series, as outlined below:

1. Status Bar

2. Dynamic Island

3. Home Bar

4. Mockups

5. Wallpapers

6. Artboard and Grid

## **STATUS BAR**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2FUsH9E828lHEhdA76li3k%2F2bb16ac6-ae9e-4cd1-bc78-49feb5735441.png?alt=media&token=b96f8959-965c-42f7-b70a-1d49664ac7cd","id":"2bb16ac6-ae9e-4cd1-bc78-49feb5735441","width":2048,"height":960,"filename":"Capture-2024-06-24-052125.png","type":"image/png","caption":"","border":false}]}
```

The status bar, a key component since the project's start, has evolved in the latest version to include nested components. This allows seamless switching between dynamic states with thousands of customizable combinations, all available in dark mode.

Introducing Dynamic Island, inspired by Apple's focus on this feature and adopted by businesses, adds versatility in representing various states like compact, minimal, expanded, and incoming calls. It is available for the iPhone 14 and 15 series.

Multiple variants ensure users can easily switch and choose the perfect fit for their specific needs.

> Over the past few years, the scope of the project has grown significantly. Starting with status bars, it now includes a broad range of components. This expansion has been fueled by a keen understanding of designers' needs, detailed below.

## **MOCKUPS**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2FUsH9E828lHEhdA76li3k%2F02530c1e-251f-4310-8eeb-357c8d21f4a6.png?alt=media&token=68b83f7c-432c-401b-897e-97d9a0e0fbef","id":"02530c1e-251f-4310-8eeb-357c8d21f4a6","width":2048,"height":960,"filename":"Capture-2024-06-24-052340.png","type":"image/png","caption":"","border":false}]}
```

There are two types of mockups: hard mockups and insertable mockups. Hard mockups are high-quality and can be exported in high-resolution PNG format, making them versatile for use in design tools like Photoshop or Framer. Insertable mockups are designed for specific purposes, such as showcasing mobile screen designs on platforms like Dribbble. By dragging designs into the left artboard, the mockup is automatically generated, ensuring a polished presentation.

## **ARTBOARD AND GRIDS**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2FUsH9E828lHEhdA76li3k%2Fda03243f-65c6-4b34-9bd2-8656e3a8f31b.png?alt=media&token=cc161426-5552-4cb2-b312-bce6b9f6549f","id":"da03243f-65c6-4b34-9bd2-8656e3a8f31b","width":2048,"height":960,"filename":"Capture-2024-06-24-052347.png","type":"image/png","caption":"","border":false}]}
```

All artboard sizes are crafted to be pixel-perfect for each device, as specified in the community file. This includes the incorporation of a universal 4-column grid system, ensuring precise and consistent design standards.

## **GUIDELINES**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2FUsH9E828lHEhdA76li3k%2Fb6a07ff1-5f09-4c92-917f-71414a1bf0ce.png?alt=media&token=f983b3d6-72f5-49e1-b48e-531e86ddcfb6","id":"b6a07ff1-5f09-4c92-917f-71414a1bf0ce","width":2048,"height":960,"filename":"Capture-2024-06-24-052354.png","type":"image/png","caption":"","border":false}]}
```

In the latest version, aimed to be more helpful by providing comprehensive guides within the community file. These guides offer detailed explanations on utilising every component effectively.

## **COMMUNITY LOVE**

I'm truly delighted to witness the community's appreciation for my contributions.

* 70k Community downloads

* Top 100 Community file

* 2 times on top trending charts

* Most relevant file for "iPhone" and "Status Bar"

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2FUsH9E828lHEhdA76li3k%2F38920796-e046-49b5-8814-a2e959713653.png?alt=media&token=fb93a302-1c6e-4907-8953-34460fd54448","id":"38920796-e046-49b5-8814-a2e959713653","width":2048,"height":960,"filename":"Capture-2024-06-24-052404.png","type":"image/png","caption":"","border":false}]}
```

### **Download the community file [here](https://www.figma.com/community/file/837799145528214755/status-bar-dynamic-island-mockup-for-iphone15-iphone14)**

\
THANKS FOR READING ✨

###

Figma Community iPhone kit

## **PROFESSIONAL ME**

I am a business-driven Product Designer with a sharp focus on enhancing revenue, metrics, and conversion activation. Currently, I am proud to be part of the innovative team at LottieFiles.

I had worked in multiple dynamics form growing a 0➔1 startups to large ecosystems.

I focus on developing digital experiences that not only meet business objectives but also significantly benefit users.

To me business matters !!!

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2FkK6ee86Ybhq7xEbHVvlz%2F800d40d8-1a67-46f4-94ef-643db2db33df.png?alt=media&token=fd9b58fb-8d36-44f2-8bb0-7f1659e101a0","id":"800d40d8-1a67-46f4-94ef-643db2db33df","width":1000,"height":1000,"filename":"Capture-2024-06-27-000937.png","type":"image/png","caption":"Workation in Maldives","border":false}]}
```

## **PERSONAL ME**

I am a nomadic backpacker with a passion for exploring the world's most challenging terrains.

An avid high-altitude enthusiast, I've reached the Everest Base Camp and am currently aiming to conquer a 6 thousander peak in India.

I have a deep passion for discovering local cultures and food through solo backpacking. In the past two years, I've booked stays in over 50 nomadic hostels, enriching my experiences and connections. My longest solo backpacking journey lasted 72 days.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2FkK6ee86Ybhq7xEbHVvlz%2F93e2523e-4592-4fe4-a216-3eb30faf2a4b.png?alt=media&token=123be01d-c01f-47ce-956b-5e2be25413b0","id":"93e2523e-4592-4fe4-a216-3eb30faf2a4b","width":1000,"height":1000,"filename":"Capture-2024-06-27-000951.png","type":"image/png","caption":"An expedition to Everest Base Camp","border":false}]}
```

## **GALLERY**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2Faboutme%2F199a9717-c059-4fe0-ac79-143bddd7d9a7.png?alt=media&token=15d313b2-3c43-48d8-9202-0ca1079fd392","id":"199a9717-c059-4fe0-ac79-143bddd7d9a7","width":1892,"height":2356,"filename":"Screenshot 2024-06-27 at 7.08.29 AM.png","type":"image/png","caption":"","border":false}]}
```

For more follow me on [`INSTAGRAM`](https://www.instagram.com/prototyper23/)

[RESUME‎](https://www.dropbox.com/scl/fi/snwdd0qc9syk6v6h42myh/Gaurav-Kumar-Resume.pdf?rlkey=ticns595nzo0446hj6jw92wwv&st=6hl37p0s&dl=0) ‎ ‎ ‎ ‎ ‎[ABOUT-ME](https://read.cv/gauravux/aboutme) ‎ ‎ ‎ ‎ ‎[LINKEDIN](https://www.linkedin.com/in/gauravgeek23/) ‎ ‎ ‎ ‎ ‎[TWITTER](https://x.com/prototyper_23) ‎ ‎ ‎ ‎ ‎[BOOK A CALL](https://cal.com/gauravux/chat-with-gaurav)

Who is Gaurav Kumar

## **PRODUCT VIDEO**

Watch it on [`Youtube`](https://youtu.be/jg2b2mtd1xY?si=7xd8ghy-tBbUGwIJ) with audio

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXOtNB6RcmdNkvPmFqkQ7sYny2RV2%2FxHbE7VKjOCVlXcCqWUIu%2Fe89be313-0bc0-46df-a9f5-2840e08a434d.mp4?alt=media&token=84d25234-b92f-4a67-8397-f6945733dfe2","id":"e89be313-0bc0-46df-a9f5-2840e08a434d","width":1280,"height":720,"filename":"LottieFiles for Apple Vision Pro.mp4","type":"video/mp4","caption":"","border":true}]}
```

## **PROJECT OVERVIEW**

LottieFiles is a motion design platform committed to revolutionizing how motion is created and used, with the goal of incorporating motion into every screen and device worldwide. Recently, in response to Apple's launch of the Vision Pro, a new product for immersive 3D experiences, LottieFiles developed an app specifically for this device. This case study outlines our process of ideating, designing, and launching the LottieFiles app for Vision Pro.\
Shortly after the launch, our iOS Head at LottieFiles developed support for the Lottie format on Vision Pro, completing the necessary API and support systems over several months.

## **PROBLEM STATEMENT**

The challenge is to effectively communicate within the industry that any of our clients, such as Duolingo or Disney, can now create apps for Vision OS with the capability to integrate dynamic and engaging motion graphics, thanks to Lottie's support. This development opens up new possibilities for enhancing app interactivity on the Vision OS platform.

## **SOLUTION**

Building LottieFiles app for Vision OS where user can explore keywords and can see the animation in their 3D virtual space not only that user will also be able to drag and drop the animations out of the app and put it in desired virtual space.

> **THIS PROJECT WAS COMPLETED FOR LOTTIEFILES AS PART OF MY FULL-TIME ROLE, AND IT IS CONFIDENTIAL. I CAN ONLY PROVIDE A BASIC OVERVIEW AND PROJECT DESCRIPTION PUBLICLY.** 
>
> **TO KNOW MORE ABOUT THE DETAILED PROCESS AND EXECUTION**
>
> **[`BOOK A CALL`](https://cal.com/gauravux/chat-with-gaurav) WITH ME**

LottieFiles for Vision Pro

Product Designer at LottieFiles

IconScout Plugin for Figma

Toppr Answr (Kids Assistant)

Figma to Lottie

Why Motion

Motion Design Workflow

• Developed a design system for DSCJSS, enhancing brand trust and team collaboration.\
• Designed UI for 5 projects (3 web, 2 mobile).\
• Created 60+ social media posts to increase community reach.

Design Lead

* During this 1 year I was consulting to my clients as a designer across the globe from India, UAE, Riyadh, Qatar etc.

* I mostly work around app, website and presentation design

* Clients : Emaar, Dar Al Arkan, Al Qasr Mall , Thimar, Raddles.

Independent Design Consultant

* Collaborated closely with CEO and Product manager to enhance the purchase funnel by 13%

* Worked on entire plugin ecosystem of IconScout ranked 24th plugin on Figma.

* Responsible for launching a new vertical, LottieFiles for Vision Pro, a product focused on spatial design.

* Evangelising LottieFiles: Presented at 8 events across India to highlight Motion's transformative impact on the tech landscape. collab with CRED, Razorpay, Zeta, 10Kdesigners, Cars 24 etc.

Product Designer

* Worked on the Toppr Answr platform chat module and image search interaction.

* Designed the user flow of the subscription module.

* Build the basic component library and tokens for seamless flow in design team.

Product Design Intern

* Designed the entire product from 0→1 with one developer and 3 founders.

* During my tenure we designed, developed and deployed the ed-tech platform and we got 350+ annual subscriptions all in 6 months.

* Hired 2 visual designers and mentored them for video editing and social content designing.

Gaurav Kumar

Projects

Work Experience

Volunteering

Speaking

Side Projects

Education

Contact