Outro App
BRIEFCLUB • 2022
UI/UX design, website landing page, brand identity, and mock-up animations for Outro, a minimal music/podcast streaming app.
Created for Briefclub, a one week design challenge.
![](https://freight.cargo.site/t/original/i/3aedb2d5c664b577fe429af9abaad85b589ed9d84927fa40ee63ca8dc4ea14ee/outro-logo-anim-square.gif)
![](https://freight.cargo.site/t/original/i/432592550a2f13314bd52613eee325d65f299f44a866b50646f49cf2fbab5710/Outro-website-angle.png)
Outro Studio: The Podcast
Outro Studio is their original podcast, featuring interviews with leading experts about using podcasts to stand out in a crowded market.
I used After Effects to animate a re-usable square for social, and a 16:9 verison for Instagram Stories.
Brand Identity Guidelines
To make my design process faster, I created a mother file for reference in Figma. I later collected everything into a brand guidelines document, with visual language that emphasizes Outro’s cleanliness and simplicity.
![](https://freight.cargo.site/t/original/i/318e1d3c8082a1b2338eb38d15766c8a93a6d22cfff412a722b0c063ad136f83/OUTRO_website-slides-1.png)
![](https://freight.cargo.site/t/original/i/2718249df0ae892bb20b2a037b53316faeab2c9ce72a71949d34ca408e08ca2a/OUTRO_website-slides-2.png)
![](https://freight.cargo.site/t/original/i/9d51cedc300459381315fe9c3aaa156b535f44e19ff379286af761b02de7356e/OUTRO_website-slides-3.png)
![](https://freight.cargo.site/t/original/i/a7ac28351f8257f80397b5b00cf17d4e0ab643a7a2f3d67ef28b1235a0860999/OUTRO_website-slides-4.png)
![](https://freight.cargo.site/t/original/i/f3444396bb9f0c0e91d5a956b4dbac6773c23d92aeaab49adbd795388d906373/Outro-brand-guidelines.png)