Print Design / Typography / Design Research / Brand Design / Service Design / Interaction Design
![App mockup of splash page](https://cdn.myportfolio.com/6b7b915d7de9585bdd18e9765b519848/e88e114d-3426-43af-9656-6300f4b10f33_rw_1920.png?h=2096e8736b7cd721f331302fa8e5cb38)
App mockup of splash page
U.topia is a user-testing entity designed to test software and products with a modern twist. Similar to social media, it can be downloaded by any person interested in discovering new services and being rewarded for their time. Users and creators can easily communicate through U.topia's platform and give/receive feedback on products. The app encourages the everyday user to try new software instead of trained testers who may not represent the audience that U.topia's clients are aiming for. The mission of U.topia is to open up user-testing as something that is enjoyable and available for many people, instead of a niche set of tech-savvy people. By making user-testing more accessible to the masses, the feedback for clients will be more accurate and genuine.
There are two types of Users: Normal and Super. Normal Users are everyday users of the app who enjoy benefits of gift card rewards, but Super Users who opt in can be officially user-test trained and attend U.topia's Pop-Up events where they can receive even better rewards (or potentially be hired onto U.topia's user-testing teams). This system is designed to reach users who are more "casual", who want to explore new software, games, and apps at their own leisure versus users who are more passionate about the user-testing experience.
Below are official stationary and brand book (with guidelines and logotype) for U.topia.
![Business card sample (purple)](https://cdn.myportfolio.com/6b7b915d7de9585bdd18e9765b519848/913b2e8d-0907-46b9-b9c1-ea92180690bc_rw_1200.png?h=1c3c71440ba938c687f29eaffb61692e)
Business card sample (purple)
![Business card sample (green)](https://cdn.myportfolio.com/6b7b915d7de9585bdd18e9765b519848/22bfba4c-bfc9-43ea-9f7f-cce9f2ef12be_rw_1200.png?h=6fcb8e0e27bc26d1bb6e649d14a50274)
Business card sample (green)
![Backside of business card (purple)](https://cdn.myportfolio.com/6b7b915d7de9585bdd18e9765b519848/afbba59b-a2b5-496a-b1c3-cef38c5f26b5_rw_1200.png?h=723bfa08ac1587fdd396d09235d78f55)
Backside of business card (purple)
![Backside of business card (green)](https://cdn.myportfolio.com/6b7b915d7de9585bdd18e9765b519848/f1a76cba-281b-4b25-8624-c9b42b640ebd_rw_1200.png?h=dfc8af50abd67f2a76a982010b91172d)
Backside of business card (green)
![Official stationary mockup for U.topia (letter, envelope, official User card)](https://cdn.myportfolio.com/6b7b915d7de9585bdd18e9765b519848/eaa4e68b-40c3-4033-956e-63378bac0f3d_rw_1920.png?h=127d8653935bf8f5e55dda691aa4ca60)
Official stationary mockup for U.topia (letter, envelope, official User card)
U.topia Official Brand Book
![Brand Book Cover](https://cdn.myportfolio.com/6b7b915d7de9585bdd18e9765b519848/f4756d76-b002-4f65-b130-7eaa55cd2606_rw_1920.png?h=ac5b5040d1efbfeedf92673c09a42b89)
Brand Book Cover
![Index page](https://cdn.myportfolio.com/6b7b915d7de9585bdd18e9765b519848/f15abd73-5d58-4694-bcd3-e245ddcc1462_rw_1920.png?h=10952d965a283de8afa41a8566d5ee8a)
Index page
![Introduction](https://cdn.myportfolio.com/6b7b915d7de9585bdd18e9765b519848/b935deaf-15b0-4ec6-861f-3986ed538134_rw_1920.png?h=887c37339e82e6664b64ea851b3f1ab5)
Introduction
![Logo Introduction](https://cdn.myportfolio.com/6b7b915d7de9585bdd18e9765b519848/864c522f-00f2-49fb-b70b-d39b8377d099_rw_1920.png?h=fa4d5461d3feb18c3724d72fad6a9e91)
Logo Introduction
![Logotype Do's and Don'ts](https://cdn.myportfolio.com/6b7b915d7de9585bdd18e9765b519848/22c94865-6ada-4c88-8083-6a2dfe9d6a2c_rw_1920.png?h=a8e72e30c7c80d3c235449cf725fb5d7)
Logotype Do's and Don'ts
![Logo Color Treatments](https://cdn.myportfolio.com/6b7b915d7de9585bdd18e9765b519848/285699f6-6456-49a9-9093-eabb294fde39_rw_1920.png?h=74f8b19cbfa1551a9fc39a9a6fca8cb7)
Logo Color Treatments
![Typography Treatment](https://cdn.myportfolio.com/6b7b915d7de9585bdd18e9765b519848/6f5368c9-67f8-46df-8b1b-481278e39d75_rw_1920.png?h=859747a2f0e0b96ea515029eaee7292b)
Typography Treatment
![Typography Treatment (con'td)](https://cdn.myportfolio.com/6b7b915d7de9585bdd18e9765b519848/62181d51-d195-4afc-b66e-52f4304acf4d_rw_1920.png?h=d1c84dcad50bc6f05e4dc3cd07b3344a)
Typography Treatment (con'td)
![Color Treatments](https://cdn.myportfolio.com/6b7b915d7de9585bdd18e9765b519848/e0b11c86-f2a8-444f-95a2-8a03187a7a2c_rw_1920.png?h=4b6d95dc53eeeb486b3164476e329c4a)
Color Treatments
![Pattern Treatments](https://cdn.myportfolio.com/6b7b915d7de9585bdd18e9765b519848/ef411f41-6185-48f8-b9b2-03da320e31ac_rw_1920.png?h=fad91df251a4061cd9224b541d345450)
Pattern Treatments
![Iconography](https://cdn.myportfolio.com/6b7b915d7de9585bdd18e9765b519848/249f3343-2305-4cba-bc09-0a62fb6981b7_rw_1920.png?h=a93f398edf881bb9fd411c52c884a20b)
Iconography
![Icon + Pattern Treatments](https://cdn.myportfolio.com/6b7b915d7de9585bdd18e9765b519848/300f6371-0892-4371-9ebd-9b5c5b6d5c9e_rw_1920.png?h=86496856aeaf07e67238b141297625fd)
Icon + Pattern Treatments
![Stationary Guidelines](https://cdn.myportfolio.com/6b7b915d7de9585bdd18e9765b519848/5bdd7af9-63cc-4606-bb82-4c8f124db60c_rw_1920.png?h=c6b6b415c02add2a9346a048aaa7b649)
Stationary Guidelines
![Business card, membership card, and envelope guidelines](https://cdn.myportfolio.com/6b7b915d7de9585bdd18e9765b519848/f591007a-ccbd-49a8-8500-0f99a4abff82_rw_1920.png?h=ff9773f51595de8fb60be2fdda44a6a7)
Business card, membership card, and envelope guidelines
![App wireframes and prototype](https://cdn.myportfolio.com/6b7b915d7de9585bdd18e9765b519848/7d7f1a06-935c-404b-a609-4a6f41fe8c99_rw_1920.png?h=deb7a0ed4827d730fc194ba14d21b78b)
App wireframes and prototype
![Website wireframes and protoypes](https://cdn.myportfolio.com/6b7b915d7de9585bdd18e9765b519848/f04ba1ad-4f8c-4bc7-a892-34cff3d9495a_rw_1920.png?h=515af8f62023977cc9337d410e6766dc)
Website wireframes and protoypes
![Sub-brand posters for pop-up events](https://cdn.myportfolio.com/6b7b915d7de9585bdd18e9765b519848/f67beff9-85d8-4e2d-bfb8-99ee537259ad_rw_1920.png?h=c2cbaa127aff73e2c8e626e6c126aca4)
Sub-brand posters for pop-up events
![Merchandise for users and employees of U.topia](https://cdn.myportfolio.com/6b7b915d7de9585bdd18e9765b519848/b0ac803a-c0a1-429a-8882-cff564a3618a_rw_1920.png?h=ca6d4797005bc0e3d71359044ac641c9)