![](https://cdn.myportfolio.com/1d9307c5-9089-42d1-94f1-87690987551d/94fa61ba-a246-4ea0-b3b3-88c8962e0dc0_rw_1920.png?h=ad7ccf60a894f43b19be9a8f3924bbff)
Project
You & Me
Repeating movie night with your boo over and over again? You & Me is a date suggestion app for the couple running out of activities to do with one another. Using your location, You & Me will make a range of free to paid activity suggestions in your local area. Couples who dread going out will find countless stay-at-home suggestions in the You & Me catalog.
Date: 2019
UX Design
UI Design
Icon Design
![](https://cdn.myportfolio.com/1d9307c5-9089-42d1-94f1-87690987551d/ad464ed7-baec-4a0a-a46b-5575a5a6e75a_rw_1920.png?h=1cb2f8725c3070508a92165925d6a2c8)
Wireframes
![](https://cdn.myportfolio.com/1d9307c5-9089-42d1-94f1-87690987551d/c89b2f5c-995f-4a41-bfde-7deacce7e047_rw_1200.png?h=8bc13ea4184b2be7a01540f9cfbf1cb0)
I did one version of pencil sketches for both platforms followed by medium-fidelity wireframes for iPhone and Android.
![](https://cdn.myportfolio.com/1d9307c5-9089-42d1-94f1-87690987551d/e87ec3b0-a220-4dfc-874a-00a18bbe7958_rw_1920.png?h=8538a4fe53383d9decadcbba9d490dc2)
![](https://cdn.myportfolio.com/1d9307c5-9089-42d1-94f1-87690987551d/9de815d4-7c41-4a41-b661-3748648d5133_rw_1200.png?h=ce0fa9413d52ddb49afed5e0f779d062)
Concept
![](https://cdn.myportfolio.com/1d9307c5-9089-42d1-94f1-87690987551d/0dee5fd5-0d8a-4647-8268-49074953abd3_rw_1200.png?h=bae31847b8d03aa57294c61cc68a71fc)
When addressing the visual and functional design of You & Me, I created a few tenets to follow. Less is more, soft and smile. My target was building a design that felt breathy, fun and soft to the touch. I wrote copy to be light and conversational. All to bring a smile to the user’s face. The core challenge was designing an aesthetic that worked following both iPhone and Androids design guidelines.
![](https://cdn.myportfolio.com/1d9307c5-9089-42d1-94f1-87690987551d/8e762403-34b6-4281-a9f4-e1c03e047b6d_rw_1920.png?h=6e23738026069986f50b0bf0530d0ffb)
![](https://cdn.myportfolio.com/1d9307c5-9089-42d1-94f1-87690987551d/969804ed-422f-491d-99b2-13e55aa9a7a7_rw_1200.png?h=009cac053f9f20b91f83596715bd7d56)
![](https://cdn.myportfolio.com/1d9307c5-9089-42d1-94f1-87690987551d/f892265f-eca8-48bc-888b-8b23a52a6210_rw_1920.png?h=d251fba3814e2dc58ffdfb8331b365f6)
Color
![](https://cdn.myportfolio.com/1d9307c5-9089-42d1-94f1-87690987551d/80192408-51cf-4ec2-929f-2e741b6d9884_rw_1200.png?h=6343b27714838dc49eccb0da917e44fa)
I wanted users to be excited by the possibilities You & Me had to offer so I chose orange for its joyfulness, associations to general wellness and emotional energy. The creamy off white hue is a relaxing neutral option to help the app feel cozy.
![](https://cdn.myportfolio.com/1d9307c5-9089-42d1-94f1-87690987551d/f0538696-23c9-4a0d-b45b-70986bf1923d_rw_1920.png?h=8c3c657e202de5a8fe600a4e81a898cd)
![](https://cdn.myportfolio.com/1d9307c5-9089-42d1-94f1-87690987551d/16773111-d9fc-4184-9eab-dc7a17d79834_rw_1200.png?h=3f3c5629cea226e8516cc66a2f8e9552)
Typography
![](https://cdn.myportfolio.com/1d9307c5-9089-42d1-94f1-87690987551d/db36368d-9aca-4d8a-9a88-d0242d95f67d_rw_1200.png?h=31b7d7609a673dedc0159bebe01baf20)
Vidaloka is a beautiful type with fun quirky serifs that fit right at home with You & Me’s visual design. It also plays nice with Android and iPhone’s native font families which was a must-have.
![](https://cdn.myportfolio.com/1d9307c5-9089-42d1-94f1-87690987551d/15271cfd-66f6-4985-a059-f3218551e226_rw_1920.png?h=20e6d1f618fab6f5a76e55e7278498cb)
![](https://cdn.myportfolio.com/1d9307c5-9089-42d1-94f1-87690987551d/c7886c64-dc7f-43aa-aa10-4947b720a71c_rw_1200.png?h=369b8a1bff93a6abce5d37196e94cab7)
Iconography
![](https://cdn.myportfolio.com/1d9307c5-9089-42d1-94f1-87690987551d/5950849b-528f-4870-9dd7-a0d9c3f3d78f_rw_1200.png?h=a24a00cde9a38e57e763d1293fed16dc)
Android and iPhone system icons were used for app navigation and utilities. Some buttons and illustrations were designed by myself. When it came to the category art, I wanted to combine simple graphic shapes with color gradients to give shape.
![](https://cdn.myportfolio.com/1d9307c5-9089-42d1-94f1-87690987551d/181f95cf-058b-463f-aafd-d93a08bf99b5_rw_1920.png?h=ccf241427ddc2aea11337e12c1cfb25f)
![](https://cdn.myportfolio.com/1d9307c5-9089-42d1-94f1-87690987551d/1b00de46-8174-419d-93e1-6f51342c3c28_rw_1200.png?h=8dc40881d8084caca81736c9fbf3a92d)
![](https://cdn.myportfolio.com/1d9307c5-9089-42d1-94f1-87690987551d/34951199-ad25-4e46-a0ba-b692e8ae85cd_rw_1920.png?h=141679ad979350bfdfc5970bacddf822)