## Very Big Things Projects

Below is a collection of some of the many projects I've worked on during my time at Very Big Things. The projects I've chosen are some which I've played a crucial role in. Of course, great things are not made alone, so special thanks to my manager and mentor at the time, Renato Lopez, and all other designers, product managers, and engineers who've helped along the way.

## Brevity

### Summary

Brevity is a concierge-inspired travel iOS application built to serve travelers with customized luxury experiences. I had the pleasure of helping improve their booking and itinerary experience for their travelers.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FouY2BsvKFEfaJ7TZfj89YSZ2T8o2%2FAccpq9xH7fqyMeeJnSk2%2Fd4ea77bd-796e-4fd4-b6af-583881a2dabb.png?alt=media&token=f30d8969-d522-4342-ab35-aa1cabfae60d","id":"d4ea77bd-796e-4fd4-b6af-583881a2dabb","width":1600,"height":1001,"filename":"brevity.png","type":"image/png","caption":"Selection of high-fidelity screens I designed for Brevity","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FouY2BsvKFEfaJ7TZfj89YSZ2T8o2%2FAccpq9xH7fqyMeeJnSk2%2Fe1ce2af1-2355-4980-9785-91130ef2fd7e.png?alt=media&token=13770fec-38fd-4ffd-b9d0-bc565973e38e","id":"e1ce2af1-2355-4980-9785-91130ef2fd7e","width":1601,"height":1001,"filename":"brevity book a room.png","type":"image/png","caption":"Book a room","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FouY2BsvKFEfaJ7TZfj89YSZ2T8o2%2FAccpq9xH7fqyMeeJnSk2%2Fd9160bc0-84d9-4cbe-a285-c76fb77b3f9a.png?alt=media&token=9c5a65bf-3fd5-4ee9-a813-6054cfb8e560","id":"d9160bc0-84d9-4cbe-a285-c76fb77b3f9a","width":1600,"height":1000,"filename":"brevity drag n drop.png","type":"image/png","caption":"Add and edit itinerary","border":false}]}
```

### Discovery

During the discovery phase, I took the lead in conducting user surveys, providing valuable insights into the preferences of fellow travelers. Surprisingly, 73% of respondents expressed enjoyment in the trip-planning research process, which led to designs that were tailored to personal customization and the appreciation of the travel-planning phase.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FouY2BsvKFEfaJ7TZfj89YSZ2T8o2%2FAccpq9xH7fqyMeeJnSk2%2F5256086e-1f02-450d-9471-813ba529f10e.png?alt=media&token=a0176498-4b01-48c2-b833-328f7bc28497","id":"5256086e-1f02-450d-9471-813ba529f10e","width":3642,"height":1578,"filename":"Frame 2589.png","type":"image/png","caption":"User surveys conducted using Pollfish","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FouY2BsvKFEfaJ7TZfj89YSZ2T8o2%2FAccpq9xH7fqyMeeJnSk2%2F4930f4cc-1ebf-428a-b2eb-c5aca1fb4f82.png?alt=media&token=eea6f353-9f2e-4dc3-8b5d-76909a86af09","id":"4930f4cc-1ebf-428a-b2eb-c5aca1fb4f82","width":1812,"height":1000,"filename":"brevity wireframes.png","type":"image/png","caption":"Using survey results to prioritize the trip-planning portion of the experience","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FouY2BsvKFEfaJ7TZfj89YSZ2T8o2%2FAccpq9xH7fqyMeeJnSk2%2F66eb3d5a-55e3-4647-b3a4-2d5b283a6325.png?alt=media&token=e649a958-23ea-45b5-948a-77bcfbde9f36","id":"66eb3d5a-55e3-4647-b3a4-2d5b283a6325","width":1106,"height":1000,"filename":"brevity ideation.png","type":"image/png","caption":"Mid-fidelity explorations","border":false}]}
```

## Cryptoys

### Summary

Cryptoys is an NFT native digital platform crafting fully interactive collectibles, play-to-earn games, and next-level interactive experiences. My role helped contribute to Cryptoys' **`$23M partnership`** with Mattel 🥳

### Payment flow

As the lead product designer, my primary goal for this specific project with Cryptoys was to design a payment and checkout process that set the foundation for all of Cryptoys' future blockchain purchases, ensuring a smooth and secure transaction process in the web3 space.

[View prototype](https://www.figma.com/proto/0XO5X5brvhIlUiorzZHri9/Portfolio?page-id=1301%3A2172&type=design&node-id=1732-18643&viewport=42%2C286%2C0.11&t=JdBdGOVxUWOKEBlL-1&scaling=scale-down&starting-point-node-id=1732%3A18643&mode=design)

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FouY2BsvKFEfaJ7TZfj89YSZ2T8o2%2FAccpq9xH7fqyMeeJnSk2%2F37af42b5-e0a3-4ca5-a317-4e429b76bde8.png?alt=media&token=2d2a93b0-a2d8-4610-b449-71d8249d924a","id":"37af42b5-e0a3-4ca5-a317-4e429b76bde8","width":1600,"height":1000,"filename":"cryptoys choose payment.png","type":"image/png","caption":"Choosing your payment method","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FouY2BsvKFEfaJ7TZfj89YSZ2T8o2%2FAccpq9xH7fqyMeeJnSk2%2Fe90f69d7-7756-4386-8416-36296607e003.png?alt=media&token=30dcc644-099a-4726-8560-ca30959fc3f4","id":"e90f69d7-7756-4386-8416-36296607e003","width":1600,"height":1000,"filename":"cryptoys payment flow.png","type":"image/png","caption":"Payment flow","border":false}]}
```

### Other projects

During my time working with the Cryptoys' team, I was grateful to have worked on other interesting projects such as designing the community marketplace, creating the top-up and withdrawal flows for collectors with personal cryptocurrency wallets, and rebuilding the component library with strategic and technical file management techniques.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FouY2BsvKFEfaJ7TZfj89YSZ2T8o2%2FAccpq9xH7fqyMeeJnSk2%2Fd4d04ab1-6f0b-4f47-a655-3abcbe68f512.png?alt=media&token=6b03c20f-47b6-41f0-8700-210abc736f7a","id":"d4d04ab1-6f0b-4f47-a655-3abcbe68f512","width":1600,"height":1001,"filename":"cryptoys marketplace.png","type":"image/png","caption":"Snippet of the Crytoys Marketplace wireframes","border":false}]}
```

## Health Records for Online Dating

### Summary

This application provides safety for online dating. Users can exchange age, sex & reputation with verifiable records. I helped design the first iteration of this product. Special thanks to Daniela Stolk, another product designer whom I collaborated with closely during this project.

*\*This project is confidential and certain details are hidden to respect the client's privacy.*

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FouY2BsvKFEfaJ7TZfj89YSZ2T8o2%2FAccpq9xH7fqyMeeJnSk2%2F889cc393-354e-4f40-8818-693644538737.png?alt=media&token=d3bc274c-5027-460d-8fa4-85bf4e9acf59","id":"889cc393-354e-4f40-8818-693644538737","width":3840,"height":2160,"filename":"Clear Sparrow-main-confidential.png","type":"image/png","caption":"Onboarding, landing page, and health records screens","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FouY2BsvKFEfaJ7TZfj89YSZ2T8o2%2FAccpq9xH7fqyMeeJnSk2%2F72b04a1c-bb8b-4a8e-950f-58c883b18846.png?alt=media&token=4bb51f06-fb1e-481b-a0b6-3a0943ed7925","id":"72b04a1c-bb8b-4a8e-950f-58c883b18846","width":3840,"height":2160,"filename":"Clear Sparrow-confidential.png","type":"image/png","caption":"Collection of other selected screens","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FouY2BsvKFEfaJ7TZfj89YSZ2T8o2%2FAccpq9xH7fqyMeeJnSk2%2F4e9c5e10-dd8f-4b30-b7a7-c13fd7fefb90.png?alt=media&token=9affcbd2-ead7-4f62-9039-76eb9d3e6caa","id":"4e9c5e10-dd8f-4b30-b7a7-c13fd7fefb90","width":3840,"height":2160,"filename":"Clear Sparrow design system-confidential.png","type":"image/png","caption":"Pattern/component library","border":false}]}
```

## Internal workshops

With a team of 10+ designers, it's important to prioritize learning and growing together. During my time at VBT, I helped educate the teams on the newest Figma features at the time, variants and properties, by creating a workshop slide deck.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FouY2BsvKFEfaJ7TZfj89YSZ2T8o2%2FAccpq9xH7fqyMeeJnSk2%2F906ce320-a76c-42c0-a680-5d79a7cd6923.png?alt=media&token=4278765c-7031-40ef-a388-0114255526fe","id":"906ce320-a76c-42c0-a680-5d79a7cd6923","width":1600,"height":1001,"filename":"vbt workshop.png","type":"image/png","caption":"Variants and properties workshop slide deck","border":false}]}
```

VBT Projects

## Boatsetter Projects

Below is a collection of some of the many projects I've been a part of during my time at Boatsetter. The projects I've chosen are some that I've either led, built, or managed mostly by myself. Of course, great things are not made alone, so special thanks to my manager, Al Morin, and all other product managers, engineers, and team members who've helped along the way.

## Boatsetter's First Design System

### Summary

During my first year at Boatsetter, my main focus was to help build Boatsetter's first design system. My responsibilities included conducting a product audit, creating our design tokens, organizing our assets, managing our styles, designing our components, and documenting design system guidelines.

This project is ongoing and in its V2 phase. I'm excited to continue this massive effort with the team and share more as major milestones are complete.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FouY2BsvKFEfaJ7TZfj89YSZ2T8o2%2Fboatsetter%2F86c20119-7f20-4ab5-878d-04a25e90868e.png?alt=media&token=349d95a5-d62a-4d03-a56f-089c9c882e7f","id":"86c20119-7f20-4ab5-878d-04a25e90868e","width":1600,"height":1000,"filename":"DS - 1.png","type":"image/png","caption":"","border":false}]}
```

### Tools

I built Boatsetter's foundational components within Figma using design tokens ([Figma Tokens Studio](https://www.figma.com/community/plugin/843461159747178978/tokens-studio-for-figma-figma-tokens)) where those designs were then coded using React Native and documented within Storybook.

## Share Booking Details

### Summary

I designed a share booking details feature for Boatsetter to increase share booking rates and new sign-ups from invited passengers. This new feature successfully increased share booking rates by **`~10%`.**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FouY2BsvKFEfaJ7TZfj89YSZ2T8o2%2Fboatsetter%2F554fa667-d523-4f82-bbd2-91d436adcc74.png?alt=media&token=f5b118d8-cbb3-4a9b-b4d5-04f4aa0cc396","id":"554fa667-d523-4f82-bbd2-91d436adcc74","width":1600,"height":1000,"filename":"share.png","type":"image/png","caption":"Invite, share, and manage your passengers","border":false}]}
```

## Checkout Usability Testing

### Summary

I conducted usability tests on Boatsetter's current checkout flow in order to gather qualitative data from existing users. The interviews consisted of 14 participants who completed a series of tasks using various devices and operating systems. I organized the data and presented the findings in a presentation format shared company-wide. If you're interested in viewing the presentation, you can do so [here](https://www.figma.com/proto/nyZJAwr6C67PJykZmlyp7i/Summer-2023-Renter-Feedback-%26-Interviews-Report?page-id=0%3A1&type=design&node-id=101-148&viewport=55%2C121%2C0.04&t=EtF1ZTT5oBTouI1i-1&scaling=scale-down&mode=design).

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FouY2BsvKFEfaJ7TZfj89YSZ2T8o2%2Fboatsetter%2F22614341-6945-4b54-97cf-6c29c1bd57f9.png?alt=media&token=28400180-9ef9-4707-a6e6-5fb48f0ebc35","id":"22614341-6945-4b54-97cf-6c29c1bd57f9","width":1601,"height":1001,"filename":"usability tests.png","type":"image/png","caption":"Renter interviews and usability test presentation","border":false}]}
```

### Special thanks

I included another series of renter interviews conducted by Alicia Barreto, a Product Manager at Boatsetter. Kudos to her for speaking to our renters and sharing her recordings with me to include in this presentation.

## Team Workshops

### Summary

I've had the pleasure of conducting two workshops during my first year at Boatsetter; one for Figma basics and another for mastering auto-layout in Figma. I like to make my workshops 50% visual examples and 50% interaction, so it was a blast to get the creative team and a handful of engineers to join, learn, and try these features within Figma.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FouY2BsvKFEfaJ7TZfj89YSZ2T8o2%2Fboatsetter%2F03702fe3-796f-4531-81d0-6c90cec5a9d6.png?alt=media&token=0f4e3b7d-da85-4c14-b112-d8e433918026","id":"03702fe3-796f-4531-81d0-6c90cec5a9d6","width":1601,"height":1000,"filename":"figma basics.png","type":"image/png","caption":"Figma basics interactive workshop & presentation","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FouY2BsvKFEfaJ7TZfj89YSZ2T8o2%2Fboatsetter%2F0868c819-7172-47e3-ae41-73a71413e3e3.png?alt=media&token=84bc0a36-7f57-466c-8546-9a8b381e8807","id":"0868c819-7172-47e3-ae41-73a71413e3e3","width":1600,"height":1000,"filename":"fig basics retro.png","type":"image/png","caption":"Figma basics Figjam restrospective & debrief","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FouY2BsvKFEfaJ7TZfj89YSZ2T8o2%2Fboatsetter%2F9e0b3820-d5f2-49b9-a15f-e66445e2b995.png?alt=media&token=2fcb7ee3-5fe8-4ec0-9e9d-3c198899574f","id":"9e0b3820-d5f2-49b9-a15f-e66445e2b995","width":1600,"height":1000,"filename":"autolayout.png","type":"image/png","caption":"Auto-layout in Figma interactive workshop & presentation","border":false}]}
```

Boatsetter Projects

Senior Product Designer

Cryptoys - Best User-Interface for Web

Brevity - Best Travel for Mobile

Brevity - Best Visual Design Aesthetic for Mobile

Solo exhibition featuring my paintings, graphic art, illustrations, and merchandise.

Nine

Digital Toy Platform Cryptoys Raises $23M From a16z, Dapper Labs, Mattel

Illinois Rental Payment Program Provides Over $209 Million to Renters and Landlords Impacted By COVID-19

Designed, strategized, and led award-winning digital products for a variety of industries. Some notable projects include: a cyber security software, luxury travel application, NFT platform, and search engine.

Designed and helped build the MVP for Perflo: a project management tool focused on team diagnostics based on behavioral science.

Product Design Intern

Product Designer

Designed all facets of socially equitable community campaigns across the city of Chicago. My role included designing web platforms, merchandise, OOH advertising, marketing, and branding initiatives. Led the digital products department and increased UI/UX clientele company-wide.

Designer

Currently working on building Boatsetter's first design system, hosting design-related workshops, improving user-facing experiences, and helping design our newest features.

Designing creative content and campaigns across the city of Savannah, GA.

Kimberly Lopez

2023