```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FzaPlnXvrkEhKmzx53ZwHoyDFtfp2%2FXo0Qjje4A5eIAecOOrTF%2Fdf633812-1fbd-4bd2-9820-08d4868e2df4.png?alt=media&token=2d7637ee-0149-4b7e-a39e-d845f04a55f1","id":"df633812-1fbd-4bd2-9820-08d4868e2df4","width":2560,"height":1550,"filename":"Screenshot 2022-04-23 at 07.47.21.png","type":"image/png","caption":"A screenshot of the Figma file I set up, 'Map Kit' to aid designers in making maps.","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FzaPlnXvrkEhKmzx53ZwHoyDFtfp2%2FXo0Qjje4A5eIAecOOrTF%2Ff367603c-15f0-43d4-93a9-995cbc7eb87b.png?alt=media&token=b74e075f-1c39-493e-9c7c-ee163d34bd06","id":"f367603c-15f0-43d4-93a9-995cbc7eb87b","width":2560,"height":1550,"filename":"Screenshot 2022-04-23 at 07.49.39.png","type":"image/png","caption":"A screenshot showing the Get Started page, I documented all the steps I went through to make the map.","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FzaPlnXvrkEhKmzx53ZwHoyDFtfp2%2FXo0Qjje4A5eIAecOOrTF%2F5650231c-5434-4493-ab9f-d5d139615515.png?alt=media&token=c9cc406e-1c71-4cad-9930-6f8e918a3894","id":"5650231c-5434-4493-ab9f-d5d139615515","width":2560,"height":1550,"filename":"Screenshot 2022-04-23 at 07.50.41.png","type":"image/png","caption":"The 'Maps' page, where the final assets can be made and exported out for web.","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FzaPlnXvrkEhKmzx53ZwHoyDFtfp2%2FXo0Qjje4A5eIAecOOrTF%2Fec3c0ad7-0a6c-46d1-9401-553c91e9ec17.png?alt=media&token=142b63af-a3a0-40f3-8841-4e3ca45335f7","id":"ec3c0ad7-0a6c-46d1-9401-553c91e9ec17","width":2560,"height":1550,"filename":"Screenshot 2022-04-23 at 07.51.48.png","type":"image/png","caption":"The info panel explaining some technical details.","border":false}]}
```

Trips by Culture Trip

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FzaPlnXvrkEhKmzx53ZwHoyDFtfp2%2Fi1aGSpatPYrC9a0lPGy0%2Fe1cd4155-aab7-4ade-b182-93272e657115.png?alt=media&token=5492fc0c-55b2-4c7d-a3cc-e1a6a823b38e","id":"e1cd4155-aab7-4ade-b182-93272e657115","width":1721,"height":949,"filename":"creator-app-finished-visuals.png","type":"image/png","caption":"The Creator App as it appears on Desktop web and Mobile web","border":false}]}
```

The Creator App went through a lot of changes and improvements from MVP launch to where it ended up (above). From this view, you can see a list of tasks in progress (maximum of 3 at a time) and the unclaimed list below where Creators can claim new work. From the top, they can also switch tabs to see all of their completed work. The navigation provided ways for Creators to change the currency (this was never developed) to check on new notification updates (again, never developed) to getting help via the FAQ or How-To Guide that I made using Google Docs and on the very right, to view Settings (not developed) and Sign out.

I also explored how searching could work although the feature didn't get developed however it was ready to be from a front-end design perspective.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FzaPlnXvrkEhKmzx53ZwHoyDFtfp2%2Fi1aGSpatPYrC9a0lPGy0%2Ff7d02a1f-fbc2-4d18-8e97-ecec3c9d6c5c.png?alt=media&token=54c4ac3a-0033-41b6-bd29-a24c3bf6b78c","id":"f7d02a1f-fbc2-4d18-8e97-ecec3c9d6c5c","width":1205,"height":812,"filename":"creator-app-mobile.png","type":"image/png","caption":"The Creator App as it appears on Mobile web.","border":false}]}
```

From the left-most screen, you can see the main dashboard view, with a list of tasks in progress. Notice the top task that is close to the due date gets a visual warning, the date is listed as absolute and the due time is relative to help comprehension. Also listed in claimed tasks are the fee the Creator will receive when completing the task.

The middle screen shows the Task Options menu when the user taps Options link. They have the option of opening the Brief for the task in a new tab, this will send them to the Google Sites hosted briefs that are written per task type. Creator's can also Unclaim a task which will move the task from their 'In Progress' list back to the 'Unclaimed' list for others to claim.

The right-most screen is a modal view when the Creator has requested to extend deadline. We had the idea to build this feature when working on the Deadlines feature since we knew life can be unpredictable, it's not always clear why a Creator may not be able to make a deadline. We wanted to empower Creators to be able to extend deadlines for up to three times within a month, on any task if they should so wish.

The Creator App

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FzaPlnXvrkEhKmzx53ZwHoyDFtfp2%2FxkQ1TFKahu0JXdBfDMkw%2F27fe203f-fe9f-4e07-b211-557fcb39a74a.png?alt=media&token=02ebab45-a74d-432e-afae-2b7228a45ab7","id":"27fe203f-fe9f-4e07-b211-557fcb39a74a","width":1600,"height":1200,"filename":"image_processing20201030-17677-51t3k3.png","type":"image/png","caption":"Yantra Icon and iOS style icon made for the browser favicon","border":false}]}
```

Yantra (literally "machine, contraption") is a geometrical diagram, mainly from the [Tantric](https://en.wikipedia.org/wiki/Tantra "Tantra") traditions of the [Indian religions](https://en.wikipedia.org/wiki/Indian_religions "Indian religions"). The name was chosen by our Product Manager as it encompassed the machine like nature of our ad banner manager on the website and apps. With this in mind, I started exploring different Yantra designs as there are many. I based the one I used off of the Shiva Yantra and changed the colours to a more muted and refined black and gold, to signify quality. The icons were designed in a MacOS desktop style fashion with a slanted angle and an iOS app style icon with a round rectangle style mask.

Yantra

Learning how to be more impactful and deliver value