Campus
June 2022.
website ux/ui design.
created figma mock-ups for a new campus website, generated from ux research and an interest in connecting with the target market. design inspiration taken from:
sketch london. palace. cameo pass. third drawer down. bayc.
researched and presented ux/ui design protocol relating to competitor sites. looked through campus design assets - taking present campus branding into consideration. generated wire-frames and website mock-ups in figma using campus assets, leaning into the vibrancy of the brand.
![[website mock-up opening frame]](https://freight.cargo.site/t/original/i/ad29eccaa78ca54cb87e89574ef7dcf18490058ed5b1cfa7b9cfa263cddaa778/1.png)
![[frame 2]](https://freight.cargo.site/t/original/i/6a210dce442a891629ff69a7091e2f81b4f0f4cc65450531b9c636b5472b66b9/2.png)
![[Frame 3]](https://freight.cargo.site/t/original/i/f483ca972f15ce5bd45937e569c99e7109b398621d613a7abeda55b0710541e5/3.png)
![[Frame 4]](https://freight.cargo.site/t/original/i/95158e04f68632c9c1373935152060d25ee2c610f585ea28ac651b6bd5d76803/4.png)
![[Frame 5]](https://freight.cargo.site/t/original/i/c1fc98f98c7994dc1ff773771817bc8d55ae04a13d3323e0a5242335723fdef4/5.png)
![[Frame 6]](https://freight.cargo.site/t/original/i/a611789217161f2ed4645bec80be18ae72c10a7c545e71aa1fb3df4e7b40b48c/7.png)
![[Frame 7]](https://freight.cargo.site/t/original/i/d79d4c9b434e9ca1eef481cb826961c18cbc01debf1b83ac12b06282e323a42d/8.png)
![[Frame 8]](https://freight.cargo.site/t/original/i/202b8ccf5947815c4d6cced62c5b0dc19bf0d394fd67958bb706aa6f5bb126ad/9.png)
![[Scroll frame]](https://freight.cargo.site/t/original/i/488f37173c1e7429156011cb8d47578ecbf23c5b3d26a9fa8e485893bd85ef46/website-scroll-down.png)
app ux/ui design.
created figma mock-ups to redevelop the user experience within the campus app, with an intention to increase audience shop engagement and improve the effectiveness of the post-show credit section.
researched competitor apps, conventional ux/ui practices in digital shopping and community-focused apps - generated suggestions for the campus app design team.
![[Credit Screen Mock-Up]](https://freight.cargo.site/t/original/i/7020a26366a5510823af22aa397436c518581f0b9c88e5a7ba65c285638ed73e/IMG_1903.PNG)
![[Shop to Video User Journey Mock-Up]](https://freight.cargo.site/t/original/i/60669ddc4fb06a4ff6c3d57c0d216c78a44db4a6ab3423734a1f6597a8f91301/IMG_1902.PNG)
![[Shop Size Pop-Up]](https://freight.cargo.site/t/original/i/f62358f4aae9ad5c8bbb9edf6c9e1df235b2fa6e8c242857312fb101a90c442c/IMG_1905.PNG)
![[Shop Color Options]](https://freight.cargo.site/t/original/i/f27c4d2dd1f68718de2ca2608b459d627c6212ebdca277cb7c12f9108759839e/IMG_1904.PNG)
![[Shop Screen Size Mock-Up]](https://freight.cargo.site/t/original/i/3120f10231103bc18b8ab6eebec76780c137b7db11d0f648e385f7ed02b9107a/IMG_1906.PNG)
email marketing and template design.
created a new campus email design using Klaviyo and Adobe Photoshop.
generated new template, leaning into campus design assets, website graphics, social media, and previous email design to create a more engaging experience for campus users.
working with campus’ social media team, developed new copy and marketing assets for campus emails.
![[email template design]](https://freight.cargo.site/t/original/i/f5c7ef9ca5509f5600ff447093232574d2e774219efd886df40502b8a9993fee/IMG-8284.PNG)
![[email template design]](https://freight.cargo.site/t/original/i/760ad28002574d48b6b8d98263d7247b30ed834991799fc8a71abcda95cb8e0f/IMG-8285.PNG)
![[email template design]](https://freight.cargo.site/t/original/i/558ade9cbf83d170e8ba0bff6b5f9a1c6540f534f725a40d0ae82a6cc855c2ea/IMG-8286.PNG)
![[email template design]](https://freight.cargo.site/t/original/i/e5eb268acd5a3cdf2e5b2e0096c7649b7d68011cfdc59cf58826a34409d2d27a/IMG-8287.PNG)