Hunter’s product detail page (PDP) is a pivotal step in a customer’s journey and one that is also crucial to the business. The PDP is the page a customer uses to inspect a product in detail and they will invariably decide on whether or not to buy a product based on what they see here. On the face of it, our product detail page is quite simple but it hides a huge amount of complexity. We provide multiple product images, the brand and product name, product video, pricing information, sizing tables and guidance, delivery options, and material details.

The more information a customer has about an item, the less likely they are to return it.

And because Hunter's active customers are pet owners, it's always difficult to take measures of your pet in the right way without the right knowledge. The HUNTER complete assortment currently comprises around 5,500 articles and ranges from collars, harnesses, and leashes for dogs and cats made of different materials, functional and fashionable dog clothing, and beds to care and hygiene articles, innovative toys, and healthy snacks.

## **Optimizing the PDP**

As a product designer, I recently undertook the challenge to optimize Hunter's PDP to make it fully accessible and ready for more substantial user experience upgrades. Aside from functional changes, I planned to upgrade certain aspects of the user experience based on insights gathered by me via user research. Beginning the project, I took a step back to survey the state of the PDP to see where we could improve the experience based on the recommendations we were working with. I did interviews with customers, and carried out traditional user testing to identify two key customer problems that needed addressing:

* I can’t (visually) see the details of the product.

* There’s not enough information for me to evaluate the quality of the product.

* I don’t know how to take my pet’s measures

Combining these needs with our technical requirements around accessibility, migration, and adopting our central design system meant our team was looking at substantial changes to the overall structure of the page. However, we still needed to strike a balance between maintaining our customer’s trust and not changing anything too quickly or radically, while at the same time updating our UI to alleviate the customer problems.

## **Desktop PDP 2022**

The PDP template of 2022 had begun to resemble a patchwork of competing influences, creating a chequered UI that added imperceptible stress for customers when looking for key information. This meant we needed to set a foundation for a new template that we could then expand on and tailor further with iterations to components over time.

This project seems fairly innocuous on the surface, but had a whole host of dependencies that needed to be considered before getting to the delivery phase, without looking like much had happened. On the other hand, some aspects were incredibly simple to change in the design and have had a huge impact, helping us address the customer problems that had been identified.

I broke down the PDP into four sections that could then be broken down further into more specific components and variants depending on the content.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2F55ZHPHL8xfGWhdaE6b6D%2Ff5f62b45-c00a-44d0-a113-aab6b7dee801.png?alt=media&token=174558b1-a5e8-472d-8721-e930e75cba1e","id":"f5f62b45-c00a-44d0-a113-aab6b7dee801","width":685,"height":832,"filename":"MacBook Air - 3.png","type":"image/png","caption":"","border":false}]}
```

* **Image Gallery**

  This is the biggest driver for conversion as customers are heavily influenced by the images we use for products. We wanted to act on user feedback and add better gesture control on mobile devices with higher-resolution images.

* **Brand, product info & pricing**

  This area had become cluttered with extra pricing, brand information and incentives. It became increasingly difficult to skim the page and find the core information about the product, so clearing up the UI and creating a hierarchy became a priority here.

* **Sizing & main CTAs**

  Another area that’s heavily influenced by data, and the place where customers add items to their bag. We needed to update the view of our CTAs to make in more clear. **It's simpler because in general, users find clean, neat, and organized interfaces more desirable.**

* **Product details & reviews tabs**

  The tab style used here was difficult to maintain and didn’t allow us to add content easily; when resizing the browser, content would frequently crop or overlap sections making it hard to find details. I also wanted to create something that would add context and was easier to read in line with product images. We don’t have a review section.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2F55ZHPHL8xfGWhdaE6b6D%2Fe0d79169-f11e-43ee-a656-8b62d11fa25a.png?alt=media&token=1cc8445e-152e-4697-8896-dd8d15611611","id":"e0d79169-f11e-43ee-a656-8b62d11fa25a","width":1280,"height":832,"filename":"MacBook-Air---4.png","type":"image/png","caption":"","border":false}]}
```

I took time to define the experience we wanted to create for our customers holistically, using the previously mentioned research to guide decisions. This meant we had a vision within our technical constraints to work towards. Those constraints meant we couldn’t deliver everything at once, we had to work out how to release one feature at a time without disrupting the user experience or affecting our teams’ KPIs.

After breaking down each section of the PDP with our product and development team, I saw that certain parts were dependent on each other. Stepping back in this way allowed us to break down the page into sections we could deliver incrementally, measuring the impact of each change against the old variant.

## **Desktop PDP 2023**

The resulting page designs happened in sequence, rationalizing the core product information in line with our design system left customers with a less cluttered product page at first glance. We were able to update the image gallery, brand, product, pricing and CTA section with simple A/B tests to measure the impact and replace old with new. More noticeable changes came with the removal of the product details section (the grey block under the image gallery in the 2019 designs) and migrating these details to an accordion.

This move allowed us to expose more sections to our customers whilst reducing overall content on the page.

**For example, we've added the standalone reviews section, now it gives customers a better overview of the reviews available whereas before it was not possible to provide information.**

## Review Display

Today, nearly all consumers seek out reviews at least sometimes. And, 86% don’t purchase products online without reading reviews.

What’s more, a recent analysis found that visitors who interact with ratings and reviews convert at a rate that’s 108.3% higher than average. Certain features of review displays can boost conversion even more.

The review snippet we explored in the previous section is a great starting point. But, it’s not enough. That’s because our research found that nearly all shoppers (99% to be exact) look beyond this basic information and read the actual review content at least sometimes.

It’s important to develop a review display that makes it easy for shoppers to surface that content that’s most relevant to them.

## picture will be added soon

* **Brand, product title & pricing**

  Rationalization of these elements into a more consistent template means our users can read and comprehend functional information more easily across all breakpoints.

* **CTA lockup**

  Making this section accessible and more noticeable is a clear upgrade from the previous design. Changing the wish list visual solution here increased its overall engagement and usage too.

* **Details accordions**

  Written details are clearer, easier to scan, and can be read next to the product image on a scroll. This pattern allows Hunter to add and enrich sections with more appropriate content in future releases with no limits to content length and translation issues from before.

* **Stand-alone reviews module**

  Reviews are a key confirmation factor for customers when deciding if they should buy a product, often commenting, **“if something doesn’t have reviews, I’m less likely to buy it.”**

## **Mobile PDP Winter 2023**

## picture will be added soon

**Increased usability, decreasing clutter**

I improved the tappable areas of the interface, this was previously a problem with the size of the size picker in particular. Although these templates show different products when compared to the 2020 version, the added whitespace and strategic removal of content helps alleviate the visual noise and cognitive load of the old design.

**Improved readability**

Reducing the amount of content the user has to read at first glance when they see our product page was a goal of our team, we wanted to make it easier for people to find the content they wanted without having to filter out extraneous information. The extra space and larger font sizes made interaction easier and content scanning faster, all of the content is still there but we have chosen to disclose that content progressively when the customer wants to see it.

## **Measuring Success**

We had already identified the phases we could design and release components in, this also gave us an easy path to measuring success. Our team always had core metrics to measure against (conversion and return rate), but the staged delivery method we employed meant we could see how a new tile compared to an old one very quickly due to the high amount of traffic going through the PDP.

## **Learning**

Simple interfaces often hide a huge degree of complexity and the more I work on the PDP with my product team and with the wider design and product community at Hunter, I can see a huge amount of potential for what we are doing!

Product Detail Page Optimisation

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FV8jOgF4Z2ZQjHyfxCqix%2Fac7c2a5c-76f6-494c-b242-9ffb573bd3e9.png?alt=media&token=736e52de-2b3b-4a56-be12-312a3d12f308","id":"ac7c2a5c-76f6-494c-b242-9ffb573bd3e9","width":2548,"height":1600,"filename":"Manual_design_23-(1).png","type":"image/png","caption":"","border":false}]}
```

**My Role** Graphic Designer

**Project** for Swivl

**Timeline** 7 Days (2023)

**Tools Used** Adobe Illustrator, Figma, Photoshop

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FV8jOgF4Z2ZQjHyfxCqix%2F73268b5d-0ca0-4c4b-988b-76d4934b5d5b.png?alt=media&token=2399f5fc-7a4b-4b3c-9c8c-568a420c3115","id":"73268b5d-0ca0-4c4b-988b-76d4934b5d5b","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

Our goal was to create **one sheet** that can be taped to the front of the screen when you open the box of the Pulse device that can easily describe everything you need.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FV8jOgF4Z2ZQjHyfxCqix%2Fb2ec91cc-f9e3-4dcc-9169-a13e4a6a581c.png?alt=media&token=3729ea10-8f64-44fb-8a47-9b502636d45a","id":"b2ec91cc-f9e3-4dcc-9169-a13e4a6a581c","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

## **Moodboard**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FV8jOgF4Z2ZQjHyfxCqix%2F110b65f9-b6ca-480a-a6ac-8f641e520da7.png?alt=media&token=c364d17d-04ef-4907-a3ff-8ac0f0967709","id":"110b65f9-b6ca-480a-a6ac-8f641e520da7","width":1280,"height":832,"filename":"Manual design.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FV8jOgF4Z2ZQjHyfxCqix%2Fb2ec91cc-f9e3-4dcc-9169-a13e4a6a581c.png?alt=media&token=3729ea10-8f64-44fb-8a47-9b502636d45a","id":"b2ec91cc-f9e3-4dcc-9169-a13e4a6a581c","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

## **Research**

Here are some examples of well-designed printed manuals:

1. **Apple**'s product manuals: Apple is known for its sleek and minimalist designs, and its product manuals are no exception. The company's manuals feature high-quality photographs, clear instructions, and a clean layout that is easy to follow.

2. The **Moleskine** Notebook User Guide: Moleskine is a popular brand of notebooks, and its user guide is a great example of a well-designed manual. The guide features high-quality photographs, clear instructions, and a clean, modern layout.

3. The **IKEA** assembly instructions: IKEA is known for its flat-pack furniture, and its assembly instructions are a great example of how to design a manual that is easy to follow. The instructions feature clear diagrams, simple instructions, and an easy-to-read layout. \
   ...etc

> “Around the same time, while I was low on cash but had a discerning aesthetic, I picked up some IKEA furniture and discovered another shining example of good design: IKEA’s instruction manuals. Printed without words, using only simple illustrations, these assembly instructions were an inspiration. Making the complex clear and making the seemingly impossible possible, these simple guidelines seemed the underdog of influence. They allow us total agency over our most intimate user experience — our home.”\
> \
> — Liz Danzico, Product and Design Executive, Educator

[How Ikea’s Assembly Instructions Champion Universal Design](https://magenta.as/how-ikeas-assembly-instructions-champion-universal-design-fe2710ab5c36)

[Why You Love That Ikea Table, Even If It's Crooked](https://www.npr.org/2013/02/06/171177695/why-you-love-that-ikea-table-even-if-its-crooked)

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FV8jOgF4Z2ZQjHyfxCqix%2F805572c8-b685-4d34-8bcf-069905a3bb4c.png?alt=media&token=e2755c5a-6446-4eef-9c30-803c1390ef74","id":"805572c8-b685-4d34-8bcf-069905a3bb4c","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

## **First concepts**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FV8jOgF4Z2ZQjHyfxCqix%2Ff305ad19-9e0d-447f-9bcf-ec6e83048d78.png?alt=media&token=a195c367-f3fc-4e41-8123-8ddbbbce20a8","id":"f305ad19-9e0d-447f-9bcf-ec6e83048d78","width":1377,"height":1200,"filename":"Frame 4.png","type":"image/png","caption":"","border":false}]}
```

After several discussions and experiments, we concluded that a **linear format would be more conducive to printing for a large number of devices**.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FV8jOgF4Z2ZQjHyfxCqix%2F805572c8-b685-4d34-8bcf-069905a3bb4c.png?alt=media&token=e2755c5a-6446-4eef-9c30-803c1390ef74","id":"805572c8-b685-4d34-8bcf-069905a3bb4c","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

## **Final variant**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FV8jOgF4Z2ZQjHyfxCqix%2F0c63b8fc-9988-41f4-8f7c-a26992a9fc08.png?alt=media&token=67aff55a-ef9d-4283-8c25-2825f082e5f8","id":"0c63b8fc-9988-41f4-8f7c-a26992a9fc08","width":1404,"height":1198,"filename":"Screenshot 2024-01-29 at 08.34.33.png","type":"image/png","caption":"","border":false}]}
```

**On the front page**, you can find an introduction detailing the contents of the box and instructions on how to Power On the device.

**The back page** is dedicated entirely to the remote control.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FV8jOgF4Z2ZQjHyfxCqix%2Fc52cf3a4-9ca4-4cfb-b991-d3900439f028.png?alt=media&token=2fe8977e-40d8-4aa2-88f7-c5b0ed1a0010","id":"c52cf3a4-9ca4-4cfb-b991-d3900439f028","width":910,"height":1382,"filename":"Screenshot 2024-01-29 at 07.51.38.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FV8jOgF4Z2ZQjHyfxCqix%2Fb2ec91cc-f9e3-4dcc-9169-a13e4a6a581c.png?alt=media&token=3729ea10-8f64-44fb-8a47-9b502636d45a","id":"b2ec91cc-f9e3-4dcc-9169-a13e4a6a581c","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

## **Next steps**

We decided to simplify it by having only the logo on the front page of the manual, with all the details shown on the other side.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FV8jOgF4Z2ZQjHyfxCqix%2Fa777685e-659b-4d63-8ed1-8e93b17d193e.png?alt=media&token=9b47f4dc-7f10-43e6-8c05-2a9beb88aef8","id":"a777685e-659b-4d63-8ed1-8e93b17d193e","width":1536,"height":1122,"filename":"Screenshot 2024-01-29 at 08.26.04.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FV8jOgF4Z2ZQjHyfxCqix%2F004389e7-ea55-4cb0-98a3-d2a1c9fa7e07.png?alt=media&token=81e65635-6570-467a-9188-8506d5a16cb5","id":"004389e7-ea55-4cb0-98a3-d2a1c9fa7e07","width":1982,"height":1552,"filename":"Screenshot 2024-01-29 at 08.25.21.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FV8jOgF4Z2ZQjHyfxCqix%2F650ebbab-2286-49e0-93e3-f5af2a35648d.png?alt=media&token=22dfbc34-8e00-413a-a21e-72b3801e5670","id":"650ebbab-2286-49e0-93e3-f5af2a35648d","width":1860,"height":1190,"filename":"Screenshot 2024-01-29 at 07.46.42.png","type":"image/png","caption":"","border":false}]}
```

Delighted to see our device ready to journey to our first users. 😊

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FV8jOgF4Z2ZQjHyfxCqix%2Fb2ec91cc-f9e3-4dcc-9169-a13e4a6a581c.png?alt=media&token=3729ea10-8f64-44fb-8a47-9b502636d45a","id":"b2ec91cc-f9e3-4dcc-9169-a13e4a6a581c","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

## **Summary**

Creating the manual for our device encompassed several pivotal steps and choices. Initially, our focus was on establishing a style that would be practical and user-friendly. Following discussions, we opted for a linear format, ideal for printing across different devices.

Our overarching goal throughout the design process was to fashion a manual that was intuitive, informative, and easily accessible to users. By emphasizing simplicity and functionality, we aimed to ensure that the manual seamlessly complemented the user experience of the device.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FV8jOgF4Z2ZQjHyfxCqix%2F46f6a144-05d3-4f81-8fac-d5a7a894bd55.jpg?alt=media&token=76355bec-4e28-4a30-925f-95a2ad1e6e2d","id":"46f6a144-05d3-4f81-8fac-d5a7a894bd55","width":4032,"height":3024,"filename":"IMG_2545.jpg","type":"image/jpeg","caption":"","border":false}]}
```

Pulse Manual Design Process

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FcHem0vC9wi8DDZJyMoqg%2Fad8c287d-007f-4092-b77f-d2ecff4be456.png?alt=media&token=c2370553-e660-4f93-a888-d081c2de2a13","id":"ad8c287d-007f-4092-b77f-d2ecff4be456","width":1920,"height":1160,"filename":"food.png","type":"image/png","caption":"","border":false}]}
```

**Company**\
Swivl\
\
**Role**\
Product Designer working with PM and Devs.

**Date**\
June 2022

## It was an incredibly exciting experience. With just five days to create a tangible product, I collaborated with individuals I had never worked with before. While there were no limits, the ultimate goal was to ensure that our product would be beneficial either for the company or for people.

## It was an enriching experience where I had the freedom to implement all the ideas I had collected beforehand.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FcHem0vC9wi8DDZJyMoqg%2Fa4d80103-d9b3-44c5-9a48-6bd318bea4cb.png?alt=media&token=7d11a1aa-0acb-4272-8b4e-62f7f39c4d76","id":"a4d80103-d9b3-44c5-9a48-6bd318bea4cb","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FcHem0vC9wi8DDZJyMoqg%2F6ab3245f-18df-4458-aea7-ca8364105a4a.png?alt=media&token=19aab254-be55-427b-a26c-fa9429b27bfe","id":"6ab3245f-18df-4458-aea7-ca8364105a4a","width":1017,"height":114,"filename":"challenge.png","type":"image/png","caption":"","border":false}]}
```

## The primary challenge we faced was time. While five days may seem insufficient for design and development, I believe such time constraints actually drive innovation and competitiveness, pushing us to achieve our goals efficiently and surpass competitors.

## Another significant challenge was collaborating with new individuals.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FcHem0vC9wi8DDZJyMoqg%2Fc64b5f83-0ca0-4aa3-bd5a-642f1c7c2a84.png?alt=media&token=44056d39-30e0-45d9-8c87-68855706aefa","id":"c64b5f83-0ca0-4aa3-bd5a-642f1c7c2a84","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FcHem0vC9wi8DDZJyMoqg%2F64562463-d6dc-454b-b5fe-de2d71ab2eb4.png?alt=media&token=0c4e4cf4-81d3-4f9f-b004-88d7f5f53bdf","id":"64562463-d6dc-454b-b5fe-de2d71ab2eb4","width":1017,"height":114,"filename":"problem.png","type":"image/png","caption":"","border":false}]}
```

## As a genuine startup, we chose to tackle a problem close to home: how to make cooking enjoyable and easy.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FcHem0vC9wi8DDZJyMoqg%2F696eba69-f710-45a7-a0be-49da8fd6cf82.png?alt=media&token=989a90af-16ea-4890-9ee8-fb9f1f9f684d","id":"696eba69-f710-45a7-a0be-49da8fd6cf82","width":3200,"height":1800,"filename":"dp.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FcHem0vC9wi8DDZJyMoqg%2F18b21d80-bca2-477c-99e2-2060d96afa9c.png?alt=media&token=501eca78-ec7e-447b-b631-63f73362a987","id":"18b21d80-bca2-477c-99e2-2060d96afa9c","width":1600,"height":900,"filename":"original-9e3b9ba0ef9c418479b63ce1ea80c735.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FcHem0vC9wi8DDZJyMoqg%2F75cca43d-d5fa-4ea9-9d01-c23ebad4710f.png?alt=media&token=aa79dbc0-7952-4c1e-8452-165c9fc856f6","id":"75cca43d-d5fa-4ea9-9d01-c23ebad4710f","width":1600,"height":900,"filename":"original-470d27dc7399d9f849b9a5d7af127f82.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FcHem0vC9wi8DDZJyMoqg%2F6431dca7-e1e2-4362-917f-b649747d7336.png?alt=media&token=f1eb7e2e-c986-4475-82eb-528854dd1395","id":"6431dca7-e1e2-4362-917f-b649747d7336","width":1017,"height":114,"filename":"data.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FcHem0vC9wi8DDZJyMoqg%2F2fa37f9a-c025-4c74-847c-8943c9eda82e.png?alt=media&token=dc03ec4a-d3dc-407b-9233-fabb6e85012a","id":"2fa37f9a-c025-4c74-847c-8943c9eda82e","width":1600,"height":900,"filename":"original-5cc7e5fc2cf13a5088a69014ba7fd622.png","type":"image/png","caption":"","border":false}]}
```

## Before diving into design, I extensively researched competitors in the learning space, analyzing UX patterns, UI aesthetics, and interactions. This helped identify effective strategies and refine our product to ensure an optimal customer experience.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FcHem0vC9wi8DDZJyMoqg%2F556d579a-f097-4ed5-b053-f851bca1db9e.png?alt=media&token=565d428b-ada2-4f57-b29a-68215ca33215","id":"556d579a-f097-4ed5-b053-f851bca1db9e","width":1600,"height":900,"filename":"original-e4a1b9960525b98a4c1b5d92eba3d151.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FcHem0vC9wi8DDZJyMoqg%2Fb48c7961-fdac-4fb5-8f6d-6ffe5d4bc0d3.png?alt=media&token=03f5507a-e811-4a52-8a64-468e2ef918e0","id":"b48c7961-fdac-4fb5-8f6d-6ffe5d4bc0d3","width":3200,"height":1800,"filename":"cook.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FcHem0vC9wi8DDZJyMoqg%2Ff310c259-6114-4cd3-a750-b3cd9ef9437a.png?alt=media&token=04182761-99bf-4df5-b206-dfe815c9762e","id":"f310c259-6114-4cd3-a750-b3cd9ef9437a","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

## **Design Iterations**

## During the design process, I conducted numerous usability tests to refine our designs. Each screen underwent iterative redesigns until the team was satisfied with the outcome. We tested the designs across various fidelity levels, from low sketches to high-fidelity prototypes.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FcHem0vC9wi8DDZJyMoqg%2F727d333e-f694-435a-ad66-559ac1a1d587.png?alt=media&token=ce313faa-985e-48d6-acd8-577ff9105d56","id":"727d333e-f694-435a-ad66-559ac1a1d587","width":3200,"height":1800,"filename":"filter.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FcHem0vC9wi8DDZJyMoqg%2F90e271d8-2ec8-4c49-838f-cc4849440bef.png?alt=media&token=a00eb7c2-2055-44d1-bb56-a94bd7ea8cae","id":"90e271d8-2ec8-4c49-838f-cc4849440bef","width":3200,"height":1800,"filename":"v1.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FcHem0vC9wi8DDZJyMoqg%2F084d0762-5ffc-489b-bf2d-a0972e3a02af.png?alt=media&token=703a6d0a-b83d-4f73-a7be-2f6e7b872c6a","id":"084d0762-5ffc-489b-bf2d-a0972e3a02af","width":3200,"height":1800,"filename":"v2.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FcHem0vC9wi8DDZJyMoqg%2F42d7a61c-3124-40c2-ba76-aa9b893880a9.png?alt=media&token=4133593a-8156-4f54-b7f3-184a270257bf","id":"42d7a61c-3124-40c2-ba76-aa9b893880a9","width":3200,"height":1800,"filename":"week.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FcHem0vC9wi8DDZJyMoqg%2Fe971cf0f-5cf0-4ea5-b918-2c944b3e70ea.png?alt=media&token=0d287396-127d-4f86-8663-c87677699238","id":"e971cf0f-5cf0-4ea5-b918-2c944b3e70ea","width":3200,"height":1800,"filename":"re.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FcHem0vC9wi8DDZJyMoqg%2Ffc39ed68-e8ca-436e-b13a-d38c0564a6a1.png?alt=media&token=afe95c80-f196-4cfb-bd8d-10b08774afa4","id":"fc39ed68-e8ca-436e-b13a-d38c0564a6a1","width":3200,"height":1800,"filename":"test.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FcHem0vC9wi8DDZJyMoqg%2F0fedd3ec-9929-4936-ba98-666ac9545265.png?alt=media&token=bc416472-b2e9-44ba-9854-1c363c4086f1","id":"0fedd3ec-9929-4936-ba98-666ac9545265","width":1600,"height":1200,"filename":"original-383f8c1de79822c5c323bf709ccc46be.png","type":"image/png","caption":"","border":false}]}
```

##

Hackathon Recipe app Project

## **Character Animation - Full process from scratch**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fe7Ads8PTuitz2GBsHK38%2F37d0c5fe-6a3e-4ae8-a471-0ff668db5b1c.mp4?alt=media&token=bef39ba7-2c33-42fd-a37e-bc1a451176af","id":"37d0c5fe-6a3e-4ae8-a471-0ff668db5b1c","width":1920,"height":1080,"filename":"tasks.mp4","type":"video/mp4","caption":"","border":false}]}
```

I was working on the Pizza Guy from scratch. Here you can see all my steps.

## **Character Design**

First stage. References and Sketches.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fe7Ads8PTuitz2GBsHK38%2Fecec276a-8bfe-41ad-bd0d-f8ddfd9419fa.png?alt=media&token=ed9874d1-502a-4900-939a-b9682772e103","id":"ecec276a-8bfe-41ad-bd0d-f8ddfd9419fa","width":1600,"height":1200,"filename":"original-3f0c671d84253a46e70fd10e6fad68eb.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fe7Ads8PTuitz2GBsHK38%2F2c589223-ef0e-413d-bf9c-3d29c405c681.png?alt=media&token=f81e31e3-5f5c-4180-92ef-c03c1b0fcea4","id":"2c589223-ef0e-413d-bf9c-3d29c405c681","width":1600,"height":1200,"filename":"original-d2e5652948ccb7a61e05f4fdad3a730b.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fe7Ads8PTuitz2GBsHK38%2F2f25f1e4-63d3-44ec-bfb6-d03421887389.png?alt=media&token=3bda7090-2ec4-4054-ab4c-a82fba04c015","id":"2f25f1e4-63d3-44ec-bfb6-d03421887389","width":1600,"height":964,"filename":"original-a3574cd6a0354c0a79df5f761d18697f.png","type":"image/png","caption":"","border":false}]}
```

## **Key Poses**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fe7Ads8PTuitz2GBsHK38%2F5020afb7-f134-417c-806a-dd283a5e7ec6.png?alt=media&token=c1596c53-06de-49e8-a037-0a1072543a60","id":"5020afb7-f134-417c-806a-dd283a5e7ec6","width":1600,"height":364,"filename":"original-dddae958c374bdae871629055d0fa873.png","type":"image/png","caption":"","border":false}]}
```

😀 Animation time!!!

This is that stage of the animation process where I breathe life into the character created.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fe7Ads8PTuitz2GBsHK38%2F228acf23-97d2-40c3-8ad2-5027d154acbd.mp4?alt=media&token=7975a5c7-c02c-4dc8-95d5-f435ccad4d1b","id":"228acf23-97d2-40c3-8ad2-5027d154acbd","width":1920,"height":1080,"filename":"original-e363518f354d303cea26328c06f6da09.mp4","type":"video/mp4","caption":"","border":false}]}
```

## **Lipsync**

Lipsync is based on "Rick and Morty" style.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fe7Ads8PTuitz2GBsHK38%2F36458a00-9141-43d4-a9cf-e76d8569ea8c.png?alt=media&token=ffa51547-626a-4bd6-a540-284fbb9025eb","id":"36458a00-9141-43d4-a9cf-e76d8569ea8c","width":1600,"height":1200,"filename":"original-e533780c136906c50a65245a332a3553.png","type":"image/png","caption":"","border":false}]}
```

## **Rigging**

The sketch with thinking progress before working on the rig.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fe7Ads8PTuitz2GBsHK38%2Fc17c3436-5335-4664-a1b3-5af4c3286c3d.png?alt=media&token=d0e5a4a9-5390-4b6f-b4f4-634ec235a7bd","id":"c17c3436-5335-4664-a1b3-5af4c3286c3d","width":1600,"height":1200,"filename":"original-da8f32f549279ee409ecef6ffa71c249.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fe7Ads8PTuitz2GBsHK38%2Fa3eaee89-1f24-496e-befa-3a594f30a473.mp4?alt=media&token=242d5699-7392-4ef3-91a0-e050e4897654","id":"a3eaee89-1f24-496e-befa-3a594f30a473","width":1920,"height":1080,"filename":"original-332a81f332073b39b85198368b06ad93.mp4","type":"video/mp4","caption":"","border":false}]}
```

Character animation

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FfncrCh5wDjxTUk1V1uW0%2F613c5b3f-b0d8-4d15-a261-26246a3047c4.png?alt=media&token=1d1f3a40-7e73-4250-a5ec-f159c87d3835","id":"613c5b3f-b0d8-4d15-a261-26246a3047c4","width":1600,"height":1200,"filename":"1.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FfncrCh5wDjxTUk1V1uW0%2Fb53b8ad6-f27a-422d-9d94-a992f1f09538.png?alt=media&token=a19296f2-c563-45d6-a833-062b00e70ecf","id":"b53b8ad6-f27a-422d-9d94-a992f1f09538","width":1600,"height":1200,"filename":"2.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FfncrCh5wDjxTUk1V1uW0%2Fe553ff59-c537-4dbe-9fa1-3bbb33619f22.png?alt=media&token=1fa534f2-94fa-40a1-8add-7d6f21af253c","id":"e553ff59-c537-4dbe-9fa1-3bbb33619f22","width":1600,"height":1000,"filename":"6.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FfncrCh5wDjxTUk1V1uW0%2F18c23760-18cb-4246-94bc-3a122ad34690.png?alt=media&token=02afde16-d98e-4297-b80e-80a54b5269c0","id":"18c23760-18cb-4246-94bc-3a122ad34690","width":1600,"height":1000,"filename":"original-191c61576bf8bd571e4276992abfd4a9.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FfncrCh5wDjxTUk1V1uW0%2Fe8bc51bd-fc68-433a-aa31-4b1e38324a49.png?alt=media&token=fbe7291d-fd97-455f-833f-9e1dbe326a5a","id":"e8bc51bd-fc68-433a-aa31-4b1e38324a49","width":1600,"height":1000,"filename":"3.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FfncrCh5wDjxTUk1V1uW0%2Fb21d8b14-1bdb-4f74-91c1-7fa849e1aa52.png?alt=media&token=5ef63c8b-309e-4fb9-bb46-23b41425b2a8","id":"b21d8b14-1bdb-4f74-91c1-7fa849e1aa52","width":2400,"height":1511,"filename":"original-f0f77167c67788e0ab44b6abc4a30dd1.png","type":"image/png","caption":"","border":false}]}
```

Swivl brand identity

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FhvMH7e7Glghkpr3gUQ6j%2Fb8b6f99e-023e-4190-872a-df948641c635.mp4?alt=media&token=aca5089b-4fdc-4889-a203-c0a03a46d02c","id":"b8b6f99e-023e-4190-872a-df948641c635","width":800,"height":600,"filename":"original-13055e0a3be57c941f1c366969892d9c.mp4","type":"video/mp4","caption":"","border":false}]}
```

**Company**\
Swivl\
\
**Role**\
Product Designer working with CEO and Design team, Product team, PMs and developers.

**Date**\
October 2023 - December 2023

## **We turned lemons into lemonade!**

## **Mirror** is a cross-platform solution. The main focus was to integrate it with our **hardware** solution. The newest platform aimed to realize the potential of reflection in classrooms through AI.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FhvMH7e7Glghkpr3gUQ6j%2F14075bce-d479-4f3c-a1c9-737ca9402a42.png?alt=media&token=73e9ff90-fe8d-4bc6-abed-1d7724d11a15","id":"14075bce-d479-4f3c-a1c9-737ca9402a42","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FhvMH7e7Glghkpr3gUQ6j%2F612bb38a-17de-4468-8f90-d7de555e49f9.png?alt=media&token=a0f5ab47-1d2d-4d12-865e-89454ba81e4f","id":"612bb38a-17de-4468-8f90-d7de555e49f9","width":1017,"height":114,"filename":"problem.png","type":"image/png","caption":"","border":false}]}
```

## We were buzzing with excitement after presenting our initial product idea. However, post-user testing during the conference revealed certain limitations. Undeterred, we saw an opportunity to craft **something truly special**.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FhvMH7e7Glghkpr3gUQ6j%2F6e4410fb-6c40-47e4-bcd2-b5c2715666b0.png?alt=media&token=3df05d96-51ee-46cf-85dd-5f77b3457b71","id":"6e4410fb-6c40-47e4-bcd2-b5c2715666b0","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

## **Interviews**

## After getting a lot of feedback from the conference we contacted a lot of users and conducted numerous usability tests to refine our designs iteratively. Every screen underwent redesigns and iterations until our team collectively felt we had reached the ideal solution. Our testing spanned from low-fidelity sketches to high-fidelity prototypes, ensuring comprehensive assessment at each stage of development.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FhvMH7e7Glghkpr3gUQ6j%2F1f205d3b-eb01-4458-ad5c-d90e7c6c6050.png?alt=media&token=266db50b-4274-4bd3-911b-938e1ca299e9","id":"1f205d3b-eb01-4458-ad5c-d90e7c6c6050","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FhvMH7e7Glghkpr3gUQ6j%2Febcf7c1b-525c-4601-ad94-91a6c166694f.png?alt=media&token=1f594d42-d1a3-426d-8971-75b1b36e3d99","id":"ebcf7c1b-525c-4601-ad94-91a6c166694f","width":1017,"height":114,"filename":"challenge.png","type":"image/png","caption":"","border":false}]}
```

## The challenge? **Reimagine the entire product** while seamlessly integrating it **with existing, thousands of dollars marketing video**. Time and budget were tight, but as designers, we thrive on constraints!

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FhvMH7e7Glghkpr3gUQ6j%2F32c84e56-ed96-4fad-96db-83786dbd2086.mp4?alt=media&token=07785152-af1f-4998-a984-6666a4e2d50a","id":"32c84e56-ed96-4fad-96db-83786dbd2086","width":1600,"height":858,"filename":"Untitled-2.mp4","type":"video/mp4","caption":"","border":false}]}
```

## One of the main focus was to integrate it with our **hardware** solution. The newest platform aimed to realize the potential of reflection in classrooms through AI.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FhvMH7e7Glghkpr3gUQ6j%2Fff5891c1-b1ed-4826-944c-ea9ce8c0a0d9.png?alt=media&token=3ba0f242-b7a8-4201-8fd7-ef24d75ba583","id":"ff5891c1-b1ed-4826-944c-ea9ce8c0a0d9","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FhvMH7e7Glghkpr3gUQ6j%2F53ab5d9a-eba3-4ebd-8df7-3182caaa6c29.png?alt=media&token=1a6667e6-59d4-4d7e-be76-668bce3f3496","id":"53ab5d9a-eba3-4ebd-8df7-3182caaa6c29","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FhvMH7e7Glghkpr3gUQ6j%2Fa3fa3079-7825-4c19-ba23-936c016dd8fb.png?alt=media&token=9de22d74-616b-45ad-bc0b-7221151ba8fb","id":"a3fa3079-7825-4c19-ba23-936c016dd8fb","width":1017,"height":114,"filename":"exploration.png","type":"image/png","caption":"","border":false}]}
```

## With the design team, we embarked on a whirlwind of creative exploration. We leveraged the existing video, dissecting its visuals and messaging to find synergy with the new concept. Each brainstorming session was a collaborative sprint, pushing boundaries and refining ideas. We worked closely with the CEO and Product team. **It was a wild ride of design thinking**, fuelled by coffee and late-night inspiration.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FhvMH7e7Glghkpr3gUQ6j%2F979d5bc0-c6dc-476e-b4b7-1f9479c87674.png?alt=media&token=4f1f44f8-d07a-4cec-9e3d-399f9ca11fb8","id":"979d5bc0-c6dc-476e-b4b7-1f9479c87674","width":3018,"height":1004,"filename":"Screenshot 2024-02-27 at 20.58.22.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FhvMH7e7Glghkpr3gUQ6j%2Fdfa13913-b94c-4849-9ccc-1f987a71c266.png?alt=media&token=f029427c-07c7-4768-8bcd-e9aec2edbdff","id":"dfa13913-b94c-4849-9ccc-1f987a71c266","width":4501,"height":1344,"filename":"Shapes of the character.png","type":"image/png","caption":"","border":false}]}
```

## **Before**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FhvMH7e7Glghkpr3gUQ6j%2F07efdb13-dbef-4948-9485-f7a817958fc6.png?alt=media&token=41f508e2-9647-46f2-944a-6cf5a5c3308a","id":"07efdb13-dbef-4948-9485-f7a817958fc6","width":1600,"height":691,"filename":"Interactions with Remote.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FhvMH7e7Glghkpr3gUQ6j%2Fcb2ac6e9-b5b9-4742-8e29-c2a2c78c9bf6.png?alt=media&token=e5ebf1b0-d0c0-4252-b550-c506d72a319b","id":"cb2ac6e9-b5b9-4742-8e29-c2a2c78c9bf6","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

## **After**

```cv
vimeo
{"url":"https://vimeo.com/880856866","width":426,"height":240,"thumbnail":"https://i.vimeocdn.com/video/1748097837-007599693aeaa82a02f1370adffa012b529d2471ea2a430005c71a8289045a07-d_295x166"}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FhvMH7e7Glghkpr3gUQ6j%2Fcb2ac6e9-b5b9-4742-8e29-c2a2c78c9bf6.png?alt=media&token=e5ebf1b0-d0c0-4252-b550-c506d72a319b","id":"cb2ac6e9-b5b9-4742-8e29-c2a2c78c9bf6","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FhvMH7e7Glghkpr3gUQ6j%2F9feb42c5-5a3f-4c3b-8db7-31d0a261b0e6.png?alt=media&token=82a6d485-6e11-437a-9be7-ed45e1126c8d","id":"9feb42c5-5a3f-4c3b-8db7-31d0a261b0e6","width":1017,"height":114,"filename":"summary.png","type":"image/png","caption":"","border":false}]}
```

## This project was a testament to the power of **research,** **adaptability, collaboration, and design thinking under pressure.** It's a reminder that limitations can breed innovation and that **a strong team can achieve remarkable things** when faced with unexpected challenges. I'm incredibly proud of the creativity and dedication displayed by my design team throughout this journey. **We created an experience around AI, saved more than 1 million dollars, and launched an incredible product.**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FhvMH7e7Glghkpr3gUQ6j%2Fd02a4e92-fd6b-4ff3-9c68-e046af8a35fb.png?alt=media&token=59d6fd5c-9389-4b5d-8c03-5a94a45ec549","id":"d02a4e92-fd6b-4ff3-9c68-e046af8a35fb","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FhvMH7e7Glghkpr3gUQ6j%2Fffcdd739-4e23-4d98-8a9e-030218cd3e13.png?alt=media&token=774e4f5a-cead-4b93-adec-629ee44bb251","id":"ffcdd739-4e23-4d98-8a9e-030218cd3e13","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FhvMH7e7Glghkpr3gUQ6j%2F40f985be-1cd9-4845-95a4-e4d33b9a0aba.png?alt=media&token=9f5f6317-1380-4098-a83f-f533c0aae7af","id":"40f985be-1cd9-4845-95a4-e4d33b9a0aba","width":1017,"height":114,"filename":"feedback.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FhvMH7e7Glghkpr3gUQ6j%2Fe9332e1f-f7f5-4f3b-b17a-e4a402abec36.png?alt=media&token=863aa287-1591-4c25-aa6d-61b2cb457d43","id":"e9332e1f-f7f5-4f3b-b17a-e4a402abec36","width":1600,"height":1298,"filename":"Frame 2131422382.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FhvMH7e7Glghkpr3gUQ6j%2F40f7bcf3-a2ef-428b-bcc2-c15848abc2ea.png?alt=media&token=dd924941-48df-4120-8423-eb5309355635","id":"40f7bcf3-a2ef-428b-bcc2-c15848abc2ea","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FhvMH7e7Glghkpr3gUQ6j%2Fcf9338e7-e4fe-4eba-8f2a-d91b71eb9e44.jpg?alt=media&token=497765ca-1de4-41d9-b573-631c80b98a10","id":"cf9338e7-e4fe-4eba-8f2a-d91b71eb9e44","width":5712,"height":4284,"filename":"IMG_7346.jpg","type":"image/jpeg","caption":"","border":false}]}
```

## **Next Conference**

## TCEA Day 3 traffic starting off slow…but look who has a crowd!!!

1 million dollars design challenge

**MIRROR | BRANDING**

**Mirror** is a reflection station for students and teachers created by **Swivl** — Menlo Park based company, it’s cross-platform solutions to help everyone in education reach the higher order they need for an optimal future with AI.\
Mirror is a cutting-edge reflection station for students and teachers, combining hardware and AI technology. It automates reflection, generating personalized questions in seconds. Users receive tailored feedback to enhance their reflective skills. Mirror's AI evaluates sentiment, thinking, and more, providing invaluable insights for growth and learning.

[@goswivl](https://www.instagram.com/goswivl/)

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FiG9LRpRptsuYpEH1H7rL%2F0f66754b-158b-4489-a959-20d5223e3833.gif?alt=media&token=1608370a-34f8-4493-ab55-5b14e80de51a","id":"0f66754b-158b-4489-a959-20d5223e3833","width":640,"height":700,"filename":"mirror-high-five-compressed.gif","type":"image/gif","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FiG9LRpRptsuYpEH1H7rL%2F6b649767-52c0-4013-ae1f-9b937078bc5e.png?alt=media&token=cf42ec76-71a0-4595-bff5-9d0569ad5dcc","id":"6b649767-52c0-4013-ae1f-9b937078bc5e","width":3200,"height":1200,"filename":"Frame 1.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FiG9LRpRptsuYpEH1H7rL%2F3855ea7e-c93b-4fa3-9d17-83f3fb538b1f.png?alt=media&token=e5cdc225-0a1f-4540-bb21-51055eca404a","id":"3855ea7e-c93b-4fa3-9d17-83f3fb538b1f","width":1512,"height":850,"filename":"MacBook Pro 14_ - 3.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FiG9LRpRptsuYpEH1H7rL%2F219ed7ac-a881-4ad7-8592-cb2e146672e6.png?alt=media&token=d12da772-69fe-4a76-b10f-ce6bf717dc19","id":"219ed7ac-a881-4ad7-8592-cb2e146672e6","width":1529,"height":693,"filename":"original-d93dd58dd8b2e05696bf423823853fe1.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FiG9LRpRptsuYpEH1H7rL%2F365b8b94-0824-4ac4-bfbe-4f68cf717d0e.png?alt=media&token=c5912301-d9f6-4638-89e6-8f3b963a6889","id":"365b8b94-0824-4ac4-bfbe-4f68cf717d0e","width":1512,"height":608,"filename":"MacBook Pro 14_ - 4.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FiG9LRpRptsuYpEH1H7rL%2Ffaaf9b6b-160a-4feb-bc09-474d0f955a5d.png?alt=media&token=996e6a7e-15d7-4942-9c8a-71b74f0657ff","id":"faaf9b6b-160a-4feb-bc09-474d0f955a5d","width":1422,"height":1422,"filename":"Frame 2131423046.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FiG9LRpRptsuYpEH1H7rL%2Fae363d3a-6e17-49c9-b96f-107a02a5dfcc.mp4?alt=media&token=d60ab98f-9687-4174-82d2-ad010b6b7f49","id":"ae363d3a-6e17-49c9-b96f-107a02a5dfcc","width":2044,"height":1442,"filename":"Screen Recording 2024-05-25 at 00.02.01.mp4","type":"video/mp4","caption":"","border":false}]}
```

BRANDING, ILLUSTRATION, INFOGRAPHIC, DESIGN WEB

Mirror | Visual identity

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FsyUdyzhuygdJ0bNrMiAd%2F6dd4e43d-9c6d-4c97-8d37-c4e09f7a29f9.mp4?alt=media&token=0e44be6d-40a1-4b7a-a8c7-35c96eb0458b","id":"6dd4e43d-9c6d-4c97-8d37-c4e09f7a29f9","width":1600,"height":858,"filename":"Untitled-1.mp4","type":"video/mp4","caption":"","border":false}]}
```

**Company**\
Swivl\
\
**Expertise**\
Product & Design strategy, User research, UX, UI, Branding & Visual design

**Platforms**\
Web, iOS, Android

## Our goal was to explore how [Swivl's suite of products](https://www.swivl.com/robot/), **including hardware like the [Swivl robot](https://www.swivl.com/robot/)** and **software like the Swivl app**, could enhance the classroom learning experience. While [Recap](https://twitter.com/RecapThat) focused on classroom use, we aimed to extend the utility of Swivl's products beyond teacher professional development.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FsyUdyzhuygdJ0bNrMiAd%2Fc39758ac-4f34-4dab-801a-e10214569280.mp4?alt=media&token=82c96f7a-ed88-4909-aa75-16727a604bf1","id":"c39758ac-4f34-4dab-801a-e10214569280","width":1920,"height":1080,"filename":"classroom.mp4","type":"video/mp4","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FsyUdyzhuygdJ0bNrMiAd%2F14292655-55e2-4a3e-8ebd-47407b3945c6.png?alt=media&token=7c10d986-8b54-4917-abc9-3db0432f43b5","id":"14292655-55e2-4a3e-8ebd-47407b3945c6","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FsyUdyzhuygdJ0bNrMiAd%2F69b6de37-e340-4c6c-ad2f-de3bc78f51f0.png?alt=media&token=3f93bd06-9afc-49b8-89c5-d7704fd89aff","id":"69b6de37-e340-4c6c-ad2f-de3bc78f51f0","width":1017,"height":114,"filename":"challenge.png","type":"image/png","caption":"","border":false}]}
```

## We were challenged to create something innovative and new for educators and students.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FsyUdyzhuygdJ0bNrMiAd%2F14292655-55e2-4a3e-8ebd-47407b3945c6.png?alt=media&token=7c10d986-8b54-4917-abc9-3db0432f43b5","id":"14292655-55e2-4a3e-8ebd-47407b3945c6","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FsyUdyzhuygdJ0bNrMiAd%2Fd154fd58-ed32-429d-abda-f47d148e63cf.png?alt=media&token=6e699b7c-5734-46c8-a4c9-759d420d6d92","id":"d154fd58-ed32-429d-abda-f47d148e63cf","width":1017,"height":114,"filename":"problem.png","type":"image/png","caption":"","border":false}]}
```

## How can we creatively use video to help teachers gather evidence of student thinking, and build transformative discussions in the classroom?

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FsyUdyzhuygdJ0bNrMiAd%2F789e174b-d7bb-4429-87ec-181a462576db.png?alt=media&token=d64b08e8-e050-4c62-aefc-ea5f8157c526","id":"789e174b-d7bb-4429-87ec-181a462576db","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FsyUdyzhuygdJ0bNrMiAd%2Fb4fc5753-bced-436b-83e1-8b12dcd78de7.png?alt=media&token=5f37587b-a49f-4f11-88d2-0ab26a2ce304","id":"b4fc5753-bced-436b-83e1-8b12dcd78de7","width":1017,"height":114,"filename":"value.png","type":"image/png","caption":"","border":false}]}
```

## After defining a goal and problems we started research from competitors analysis. We analyzed top community apps and learned that central feed is already an industry standard for community apps.

## We analyzed over 20 existing solutions in the market of classroom technology, which were focused on different aspects and techniques of the learning process. We did usability reviews of these solutions, cross-feature comparison, and studied user feedback about them. This exercise helped us refine value proposition and define the initial feature-set for our future product.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FsyUdyzhuygdJ0bNrMiAd%2Fec446614-5c1b-4be7-aa4b-f418c982f358.png?alt=media&token=f090c354-e63a-4361-aebf-afa788e3dfa6","id":"ec446614-5c1b-4be7-aa4b-f418c982f358","width":1648,"height":776,"filename":"Screenshot 2024-02-12 at 18.43.52.png","type":"image/png","caption":"","border":false}]}
```

## Through collaborative brainstorming, we developed a concept centered on small-group instruction, interactive learning, and classroom observation. Initial storyboards visualized this interactive classroom experience.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FsyUdyzhuygdJ0bNrMiAd%2Fe39deda4-5528-4c63-94c1-5fba314f4a8f.png?alt=media&token=c6bfb36d-7f26-497f-a314-66babfa91e21","id":"e39deda4-5528-4c63-94c1-5fba314f4a8f","width":3082,"height":1276,"filename":"Screenshot 2024-01-28 at 17.55.06.png","type":"image/png","caption":"","border":false}]}
```

## Our project catalyzed innovative thinking within Swivl's ecosystem, driving us to reimagine education through technology.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FsyUdyzhuygdJ0bNrMiAd%2Fbfea61bf-ecaa-483d-8572-05ebdc393efa.png?alt=media&token=89ba2269-05ef-4872-8345-fbf3f39d6cdd","id":"bfea61bf-ecaa-483d-8572-05ebdc393efa","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

## **Early Wireframes and User Interface Development**

## We refined user flows and interfaces through whiteboard sessions, crafting initial wireframes as blueprints for detailed mockups. Iterative design, informed by feedback, yielded a cohesive UI integrated seamlessly into the interactive learning environment.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FsyUdyzhuygdJ0bNrMiAd%2F79213f12-9486-4f61-9688-35e9b3038377.png?alt=media&token=29bf4df3-1f8e-4e5a-a1fc-22ac8d7e135f","id":"79213f12-9486-4f61-9688-35e9b3038377","width":1490,"height":1144,"filename":"Screenshot 2024-01-28 at 17.57.33.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FsyUdyzhuygdJ0bNrMiAd%2Fecd34872-20df-43d0-bf7b-2a6b9442bff5.png?alt=media&token=59b66a2f-040a-4e02-9bfa-e814817c3e92","id":"ecd34872-20df-43d0-bf7b-2a6b9442bff5","width":3120,"height":1664,"filename":"Screenshot 2024-01-28 at 18.00.38.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FsyUdyzhuygdJ0bNrMiAd%2Fc6c3bb00-c534-47f5-8de7-22091f3bc780.png?alt=media&token=5a6181e0-723a-46d4-b4b7-7950cf62f665","id":"c6c3bb00-c534-47f5-8de7-22091f3bc780","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FsyUdyzhuygdJ0bNrMiAd%2Fed37edbc-e6a1-4a92-b867-0d7e2ecda77c.png?alt=media&token=f480960d-0715-4e1f-89a4-c9e4e0ec1950","id":"ed37edbc-e6a1-4a92-b867-0d7e2ecda77c","width":1017,"height":114,"filename":"design.png","type":"image/png","caption":"","border":false}]}
```

## We envisioned an **AI character** to guide users through the platform, reflecting Swivl's brand identity. Through collaborative brainstorming, our visual designer created diverse, captivating concepts, infusing vibrancy and personality into the interactive experience.I was fully responsible for the creation process of the characters and branding identity. Exploration and creation are my favorite parts.

## Our dedication to innovation and brand identity permeated every aspect of the project, from conception to realization.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FsyUdyzhuygdJ0bNrMiAd%2Fa4879344-797a-4dc6-8185-4422252ed886.png?alt=media&token=03a6f171-e9b0-464e-a210-4271879f68f3","id":"a4879344-797a-4dc6-8185-4422252ed886","width":2400,"height":1800,"filename":"1.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FsyUdyzhuygdJ0bNrMiAd%2F3afbe304-0448-49fb-8b2b-6aabdeda3ca2.png?alt=media&token=a6ffae7e-6412-4a48-913b-b87483457393","id":"3afbe304-0448-49fb-8b2b-6aabdeda3ca2","width":800,"height":600,"filename":"swivl_2.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FsyUdyzhuygdJ0bNrMiAd%2F0f536107-b7f1-410d-a50e-b67a3e9f75d0.png?alt=media&token=aef2c48c-2112-4c92-9ac1-600605f54812","id":"0f536107-b7f1-410d-a50e-b67a3e9f75d0","width":3700,"height":900,"filename":"swivly_copy.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FsyUdyzhuygdJ0bNrMiAd%2Ff38e60d5-eba2-4f10-af40-17c16b4ba61c.png?alt=media&token=3c47033d-1fb0-4fc7-8f73-8e9fa900a699","id":"f38e60d5-eba2-4f10-af40-17c16b4ba61c","width":800,"height":600,"filename":"swivly.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FsyUdyzhuygdJ0bNrMiAd%2Fc327fc20-51c4-4951-a4b6-206f801e3106.png?alt=media&token=1f66da55-7e9f-4776-88b6-3301707d9837","id":"c327fc20-51c4-4951-a4b6-206f801e3106","width":970,"height":908,"filename":"Screenshot 2024-01-28 at 18.03.47.png","type":"image/png","caption":"","border":false}]}
```

## **Finalizing UI**

## Incorporating the character into the app flow, we finalized the UI, which comprised a student app and a teacher web-based platform.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FsyUdyzhuygdJ0bNrMiAd%2F946bf092-44eb-4191-a2ae-4c4698d0d55d.png?alt=media&token=9b5eb36a-30be-40ba-99a4-25e235b24efe","id":"946bf092-44eb-4191-a2ae-4c4698d0d55d","width":3534,"height":1866,"filename":"Screenshot 2024-01-28 at 18.04.56.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FsyUdyzhuygdJ0bNrMiAd%2Faf2fcdcd-95d2-4858-a6bb-e6458406d4bf.png?alt=media&token=efc1fd07-a678-49ad-9f45-654ffa74ccda","id":"af2fcdcd-95d2-4858-a6bb-e6458406d4bf","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

## **Teacher app**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FsyUdyzhuygdJ0bNrMiAd%2F89f020ae-0b76-4204-bdc2-ae4112deb0e2.png?alt=media&token=aeab862e-f1c9-4123-9a4b-47a9f95dc7d4","id":"89f020ae-0b76-4204-bdc2-ae4112deb0e2","width":2414,"height":1698,"filename":"Screenshot 2024-01-28 at 18.05.45.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FsyUdyzhuygdJ0bNrMiAd%2F3a5476c2-3a7c-4888-981b-025cc2e2a8f9.png?alt=media&token=3cefcbd4-121f-4306-bdeb-f33baa4980e6","id":"3a5476c2-3a7c-4888-981b-025cc2e2a8f9","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2FsyUdyzhuygdJ0bNrMiAd%2F471fa7e3-8103-4cff-9c7c-645291b59376.png?alt=media&token=0d3bc7c4-10ff-40a4-98fb-f08e1b9378a2","id":"471fa7e3-8103-4cff-9c7c-645291b59376","width":1017,"height":114,"filename":"results.png","type":"image/png","caption":"","border":false}]}
```

## Our journey exemplifies our commitment to reshaping education through technology.

```cv
vimeo
{"url":"https://vimeo.com/162802230/167e392e7c?share=copy","width":640,"height":360,"thumbnail":"https://i.vimeocdn.com/video/565581590-87990a11f951869258d027274cbb806b5c0d797d7675fede282be73eed235a02-d_640"}
```

Interactive Classroom

## **Quick Intro**

A cross-platform tool that **automates reflection** using AI to align classrooms and develop even higher-order skills.

## **Goal**

The goal is to improve the user experience for the dashboard. \
Analytical dashboards have to be designed to present key data sets to the user, allowing them to analyze and gain insights from the data easily and quickly.

## **Problems**

Based on our research and several interviews with our internal users, we gathered a lot of valuable information and identified the following problems:

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fwy7k9XXjmc3bQlxkmwyi%2F61151917-180f-4d72-a898-11ab09aa455b.png?alt=media&token=bf688e50-f5da-4fde-9c50-d1626f1b84e5","id":"61151917-180f-4d72-a898-11ab09aa455b","width":1801,"height":1011,"filename":"Artboard 21.png","type":"image/png","caption":"","border":false}]}
```

1. The **information on the cards** is cluttered and difficult to understand, making it hard to identify the main data to focus on.

2. Users are so confused about seeing an empty dashboard. Monday, being the most active day for teachers to plan their week, brings with it the anticipation of encountering pertinent data to commence their tasks. However, instead of finding any, they are greeted with nothingness.

3. **One of our new features** is designed to help students improve their self-talk, making it more positive by using the right approaches and relevant data.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fwy7k9XXjmc3bQlxkmwyi%2F666da453-202b-487b-bc77-ecf2f29439f9.png?alt=media&token=684e567c-04f3-4e81-83a3-1fbd976dbd33","id":"666da453-202b-487b-bc77-ecf2f29439f9","width":1600,"height":1033,"filename":"Artboard 1.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fwy7k9XXjmc3bQlxkmwyi%2Fba78083a-fa66-4e6c-8cb0-482728c4597f.png?alt=media&token=e7ddb49c-306b-4849-82e3-faff227e4213","id":"ba78083a-fa66-4e6c-8cb0-482728c4597f","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

## **Insights**

* Users are enthusiastic about the AI-generated Reflection Overview derived from student reflections. They find it highly engaging and perceive the significant potential for enhancing their daily workflow.

* **Many teachers are asking for a multilingual version of this reflection tool. They have numerous new students struggling with English, and offering translation would greatly benefit these students.** This would not only help students engage with the tool but also provide teachers with valuable insights into their understanding.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fwy7k9XXjmc3bQlxkmwyi%2Fd499c31d-549e-44bd-9d17-2fea04158b12.png?alt=media&token=5be9114e-35cb-443d-915d-f973ea0676b6","id":"d499c31d-549e-44bd-9d17-2fea04158b12","width":2894,"height":1400,"filename":"Screenshot 2024-02-20 at 17.26.14.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fwy7k9XXjmc3bQlxkmwyi%2F770fc52e-1a5e-40bd-9097-25a84fbf0802.jpg?alt=media&token=93849cef-5cdc-4fca-a063-c240efc3c259","id":"770fc52e-1a5e-40bd-9097-25a84fbf0802","width":4032,"height":3024,"filename":"IMG_2545.jpg","type":"image/jpeg","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fwy7k9XXjmc3bQlxkmwyi%2Fba78083a-fa66-4e6c-8cb0-482728c4597f.png?alt=media&token=e7ddb49c-306b-4849-82e3-faff227e4213","id":"ba78083a-fa66-4e6c-8cb0-482728c4597f","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

## **Exploration**

It's my favorite part where I can learn a lot of new things. 😋

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fwy7k9XXjmc3bQlxkmwyi%2Feabc7b0d-e5a0-4581-8dac-30e62bddb0a2.png?alt=media&token=b883499c-d792-4cc2-95db-279828f88851","id":"eabc7b0d-e5a0-4581-8dac-30e62bddb0a2","width":1600,"height":582,"filename":"my way.png","type":"image/png","caption":"","border":false}]}
```

One of the first stages was important to understand what we wanted to see on the card, then we started to explore the visual approach.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fwy7k9XXjmc3bQlxkmwyi%2Fadff943e-fd61-4909-852b-943e882e79e6.png?alt=media&token=cb3eb718-7948-4d42-908c-11008b280bb3","id":"adff943e-fd61-4909-852b-943e882e79e6","width":2322,"height":1135,"filename":"vibe.png","type":"image/png","caption":"","border":false}]}
```

It was also extremely important to remember the mobile flow and keep it in mind:

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fwy7k9XXjmc3bQlxkmwyi%2F00762f63-2cd0-4c23-870a-cedbc8b5a871.png?alt=media&token=7e021bb0-7699-462d-bc2f-31f10bb9945a","id":"00762f63-2cd0-4c23-870a-cedbc8b5a871","width":2726,"height":2648,"filename":"Screenshot 2024-03-11 at 12.55 1.png","type":"image/png","caption":"","border":false}]}
```

Once we understood the main direction, we started to explore the visual aspects of it:

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fwy7k9XXjmc3bQlxkmwyi%2F21762470-c72a-4290-949d-64f631753f90.png?alt=media&token=0586ece0-06d3-4353-a6b2-b2e657ce23b2","id":"21762470-c72a-4290-949d-64f631753f90","width":3864,"height":1232,"filename":"Frame 2131423606.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fwy7k9XXjmc3bQlxkmwyi%2F7f653aa3-4c46-4457-9b61-737fd766adb9.png?alt=media&token=b4af2cd9-0d45-47b9-975b-dfb630941503","id":"7f653aa3-4c46-4457-9b61-737fd766adb9","width":3864,"height":1232,"filename":"Frame 2131423607.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fwy7k9XXjmc3bQlxkmwyi%2Fbf943bf6-c0db-4dc3-b102-4fbf548ad4db.png?alt=media&token=5a62b264-8999-4ca6-9876-3beb0ea3b31f","id":"bf943bf6-c0db-4dc3-b102-4fbf548ad4db","width":3864,"height":1232,"filename":"Frame 2131423608.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fwy7k9XXjmc3bQlxkmwyi%2F32d98011-4e15-4f4e-9d6c-efc7eca295ac.png?alt=media&token=3002a3b4-e6bd-43e8-91ae-41b573e1c0db","id":"32d98011-4e15-4f4e-9d6c-efc7eca295ac","width":3864,"height":1232,"filename":"Frame 2131423609.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fwy7k9XXjmc3bQlxkmwyi%2F104d65a2-5833-4e00-9880-3c692c5f3121.png?alt=media&token=be18d7d1-573e-4536-90b4-a5459dd47d69","id":"104d65a2-5833-4e00-9880-3c692c5f3121","width":3864,"height":1232,"filename":"Frame 2131423610.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fwy7k9XXjmc3bQlxkmwyi%2Fd89928b1-7466-497d-9a57-da22a2e9c5a5.png?alt=media&token=609c4be9-ffd3-496c-8d0a-7d61645d5544","id":"d89928b1-7466-497d-9a57-da22a2e9c5a5","width":3944,"height":1312,"filename":"Section 8.png","type":"image/png","caption":"","border":false}]}
```

\
For the charts was the main idea to keep it simple and informative:

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fwy7k9XXjmc3bQlxkmwyi%2F4dcb1899-99fb-4b1c-9b1a-d1ed063badfa.gif?alt=media&token=529485e2-ae2b-456f-9681-b1c502a81688","id":"4dcb1899-99fb-4b1c-9b1a-d1ed063badfa","width":860,"height":515,"filename":"Screen-Recording-2024-05-20-at-14.42.gif","type":"image/gif","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fwy7k9XXjmc3bQlxkmwyi%2F98184603-dc99-4e98-9d50-1a9c201c4df7.gif?alt=media&token=6b84745d-71d5-4e5e-8128-48a871219c8e","id":"98184603-dc99-4e98-9d50-1a9c201c4df7","width":860,"height":515,"filename":"Screen-Recording-2024-05-20-at-15.00.gif","type":"image/gif","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fwy7k9XXjmc3bQlxkmwyi%2F50521691-28a9-4d68-8367-52e823589432.gif?alt=media&token=2e98b223-09e7-4bce-86ef-6621e56f79cc","id":"50521691-28a9-4d68-8367-52e823589432","width":860,"height":515,"filename":"Screen-Recording-2024-05-20-at-15.002.gif","type":"image/gif","caption":"","border":false}]}
```

After a few iterations and testing with our existing users, we developed the following variants, which are currently in the process of being implemented:

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fwy7k9XXjmc3bQlxkmwyi%2F666eebdc-2e66-4415-971c-95bef1c27e2a.png?alt=media&token=71839624-7abc-4ea1-9112-77892977fc45","id":"666eebdc-2e66-4415-971c-95bef1c27e2a","width":1440,"height":1521,"filename":"group_dashboard.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fwy7k9XXjmc3bQlxkmwyi%2F29fde390-0c5e-4c42-bce8-fd493e86ec25.png?alt=media&token=df46aa78-db72-426a-8899-4a0cd5fac080","id":"29fde390-0c5e-4c42-bce8-fd493e86ec25","width":1440,"height":1521,"filename":"group_dashboard2.png","type":"image/png","caption":"","border":false}]}
```

**The main idea was to use colors to provide users with a clear first impression of the vibe and to help teachers understand what is happening in the class.**

## **How we did it**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fwy7k9XXjmc3bQlxkmwyi%2F3d13d622-795d-44b8-8d6e-b1c6caa9f430.jpg?alt=media&token=448243c2-08b1-4370-ba83-2fbb4ed8b6f1","id":"3d13d622-795d-44b8-8d6e-b1c6caa9f430","width":1740,"height":1227,"filename":"1709034372137.jpeg","type":"image/jpeg","caption":"","border":false}]}
```

## **Discovery 5 days**

Research, research, research. User groups, client interviews, identifying challenges, issues and user perspectives. Drawing out the scope of work. Brainstorming ideas and solutions.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fwy7k9XXjmc3bQlxkmwyi%2Fba78083a-fa66-4e6c-8cb0-482728c4597f.png?alt=media&token=e7ddb49c-306b-4849-82e3-faff227e4213","id":"ba78083a-fa66-4e6c-8cb0-482728c4597f","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

## **Design 10 days**

Exploring a variety of design solutions and ideas. Creating prototypes, testing, and updating the style guide.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fwy7k9XXjmc3bQlxkmwyi%2Fba78083a-fa66-4e6c-8cb0-482728c4597f.png?alt=media&token=e7ddb49c-306b-4849-82e3-faff227e4213","id":"ba78083a-fa66-4e6c-8cb0-482728c4597f","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

## **Product 10 days**

Collaborating with the coding department. Quality checks, test runs, and coming up with marketing assets.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fwy7k9XXjmc3bQlxkmwyi%2F397ed11a-5d56-4816-97a2-180d97d08256.png?alt=media&token=e131b3ee-511c-4ebb-9dbd-e294c8108100","id":"397ed11a-5d56-4816-97a2-180d97d08256","width":1600,"height":392,"filename":"process.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fwy7k9XXjmc3bQlxkmwyi%2Fba78083a-fa66-4e6c-8cb0-482728c4597f.png?alt=media&token=e7ddb49c-306b-4849-82e3-faff227e4213","id":"ba78083a-fa66-4e6c-8cb0-482728c4597f","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

## Pencils down. Ready for real feedback.

## **Evidence**

> “The team was doing an excellent job in all areas: UX, UI and Brand Design on this project. It's not easy and they crushed it.”

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fwy7k9XXjmc3bQlxkmwyi%2Fba78083a-fa66-4e6c-8cb0-482728c4597f.png?alt=media&token=e7ddb49c-306b-4849-82e3-faff227e4213","id":"ba78083a-fa66-4e6c-8cb0-482728c4597f","width":1017,"height":62,"filename":"empty0.png","type":"image/png","caption":"","border":false}]}
```

## As a result, we achieved the following:

1. We fixed the priority of the information on the cards and improved the focus area.

2. Eliminated the issue of an empty dashboard!

3. Vibe now helps teachers immediately understand what is happening in the class.

## Additionally, we received a lot of amazing feedback from users.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ffk3dhsY9ILVqeL7V1mjoYu0eAgm2%2Fwy7k9XXjmc3bQlxkmwyi%2F016c12b9-c0e4-4906-970f-6891acaa8315.png?alt=media&token=ffc58fb3-ebe6-4d02-9607-362e25544d2b","id":"016c12b9-c0e4-4906-970f-6891acaa8315","width":1648,"height":1314,"filename":"Screenshot 2024-05-20 at 15.22.40.png","type":"image/png","caption":"","border":false}]}
```

See more feedback here:

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

\
Check out [Mirror](https://mirrortalk.ai/) for all the new features!

Dashboard UX improvements for Mirror

Quick Intro

Goal

Problems

Insights

Exploration

How we did it

Discovery 5 days

Design 10 days

Product 10 days

Pencils down. Ready for real feedback.

Evidence

As a result, we achieved the following:

Additionally, we received a lot of amazing feedback from users.