UI
COMPONENTS
THE PROJECT
I designed user interface components for mobile or desktop, using Figma. Below are the designs I created, either creating a non-existing app/web interface or improving upon an existing one.
NAVIGATION BAR
My objective is to create a bottom navigation bar for an app. The limitations are to ensure there are three icons that are the same line weight, style, and size (24px). I created one for a camera screen/phone photography sharing app similar to VSCO.
IMAGE LISTS & CHIPS
I created a screen for a photo library app, similar to Google Photos, adding an image list of photos in an album and using chips to filter through for relevant photos.
BANNERS & SNACKBARS
I designed a banner and a snackbar for a fictional money sending app, Payper, for both an android interface and an IOS. The IOS app features a banner and the android shows a snackbar.
3D APP ICON
I experimented with 3D icons for the music app I came up with for another project, Aural, and designed both an app icon for a home screen and a screen that users are taken to when entering the app.
TABS & COUNTDOWN TIMER
This UI was a little different since I had to create both mobile and Apple Watch interfaces. The tabs were designed for mobile while the countdown timer was for the Watch, both for a wellness tracking app.
MOBILE + DESKTOP LANDING PAGES
This UI was also linked to the music streaming app project (Aural). The purpose of the landing pages is to advertise the app, including a hero image, call to action, and using the design system from my app. My unique flow of Aural was the social media aspect, so I highlighted the screen for that on both versions of the webpage.
