![Mock up for Mediar on an iPhone](https://pro2-bar-s3-cdn-cf4.myportfolio.com/4722d681-909d-4ba5-811d-c82d41f6cfb1/536dd6bf-f059-42ab-a58d-8cfa7b34e379_rw_1920.jpg?h=bd2bc280e103356414d6875e94893869)
What is Mediar?
Mediar allows users to send videos and digital photos attached to a card via a QR code. Users can even change the background of their photos. This design reflects the emotions and intended audience associated with the app.
Goals
Create the logo and user interface for Mediar
Key words: mail, technology, photos, videos, digital, tangible
Audience: Both young and old folks
Logo
Merging ideas of physical mail and instant digital technology
Physical Mail: Ideas of paper, envelopes, & snail mail/slow travel
Digital Tech: Ideas of boxy, clean letterforms, circuitry, & instant travel
![Mediar logo hand made and digitally drawn sketches](https://pro2-bar-s3-cdn-cf.myportfolio.com/4722d681-909d-4ba5-811d-c82d41f6cfb1/bfea0663-0d46-4558-927d-1c3168504454_rw_1200.jpg?h=8da5e29cc8db3616d7ff2203de258b00)
Mediar logo hand made and digitally drawn sketches
![Final Mediar logo with a purple to orange gradient background](https://pro2-bar-s3-cdn-cf4.myportfolio.com/4722d681-909d-4ba5-811d-c82d41f6cfb1/f254410c-7e93-4f62-bf87-62d8cded5c89_rw_3840.jpg?h=b628046783c963c8b865538c500b8e53)
App Design
Pages: All pages were made simple with a linear, standard structure (easy-to-read format).
The Headers: Repetitive page elements unifies an app, allowing users to expect what’s next. User’s desire this kind of consistency, especially when they just want to get things done quickly.
Page Elements for Adding and Removing Files: A plus sign in the square? If so, what do you display so you can remove a photo once the plus sign is covered up by the photo? That won't work. What about a plus sign accessible outside the square?
![Mediar home page](https://pro2-bar-s3-cdn-cf4.myportfolio.com/4722d681-909d-4ba5-811d-c82d41f6cfb1/ffbcee0b-9419-4ee8-936f-e682f22c981d_rw_1200.png?h=148c25d810df9e441fafc26ef885c871)
Mediar home page
![Mediar page to add photos and videos to a card](https://pro2-bar-s3-cdn-cf3.myportfolio.com/4722d681-909d-4ba5-811d-c82d41f6cfb1/44a4503d-1d71-4382-bde8-51239a786ce2_rw_1200.png?h=e8c433f983d585595639a9e33a239b78)
Mediar page to add photos and videos to a card
![Mediar page showing how to remove photos you've added](https://pro2-bar-s3-cdn-cf.myportfolio.com/4722d681-909d-4ba5-811d-c82d41f6cfb1/be6f729d-22b4-4b13-8a9b-2ba61d76db7b_rw_1200.png?h=7bcd2069beda32613865c2630f2b3812)
Mediar page showing how to remove photos you've added
![Mediar's confirmation page that you've submitted the images and/or video](https://pro2-bar-s3-cdn-cf6.myportfolio.com/4722d681-909d-4ba5-811d-c82d41f6cfb1/0d32d3c6-4815-4024-a3f8-7bf4fcbcf1cc_rw_1200.png?h=f3311c0956a7a2568b01a0066c4f0dbc)
Mediar's confirmation page that you've submitted the images and/or video
![Mediar's Scan Your QR Code page](https://pro2-bar-s3-cdn-cf5.myportfolio.com/4722d681-909d-4ba5-811d-c82d41f6cfb1/6b7bf848-7dab-4ec2-b328-8b2aefc3fd74_rw_1200.png?h=64d7d51e5093447481c5cc5ecb7860e6)
Mediar's Scan Your QR Code page
![Page to look at images and videos someone sent you through a QR code](https://pro2-bar-s3-cdn-cf.myportfolio.com/4722d681-909d-4ba5-811d-c82d41f6cfb1/8d0a1e17-6f1c-46ab-9209-c7b577779727_rw_1200.png?h=982979d7826840e7a95f3552e508f7b6)