01 // ✅ Dates

What might date pickers look if we were visiting other planets?

A switcher between ABY and AD is used to choose dates in the Star Wars system, or ours. It also uses Aurebesh characters because why the hell not? 😅

There’s also an indication of the calendar system for each planet (very made up!)

02 // ✅ Onboard

A final screen from an onboarding process

Honestly, this is just one I wanted to do from an aesthetic point of view.

I haven’t designed anything with 3D objects (I didn’t create this one btw) or this kind of black and white outlined feel.

Thought it would be fun for today ✨

03 // ✅ Fitness

Displays of daily steps and movement across different modes

I haven’t done a huge amount of light/medium/dark modes before, so I thought this would be a nice opportunity to do it.

I’m not 100% with it, but it has been a fun experiment. It’s also a Saturday so I don’t want to spend it all behind a computer because I need to try and achieve 10k steps today 🚶‍♀️

04 // ✅ Menu

Fortnite Lobby with Themes

Fortnite Chapter 4 was released today and I’m thrilled! It’s so good, and looks fantastic in Unreal Engine 5.1.

I thought I could use the menu prompt to maybe have some fun with a Lobby redesign – keeping it similar to the current structure, but having an option where you could change the lobby theme.

_{Jessie concept skin is by SweetRabbit}

05 // ✅ Question

Simple FAQ accordion

I was chatting about Pokemon cards to a friend the other day and they were asking about banned cards, of which there are quite a few, especially in Expanded format.

I wanted to display the beautiful visuals of the cards. The current website has a hover effect that I don’t love 😬

06 // ✅ Music

A music streaming app

This was a total self serving exercise today to design a music streaming app. Look, I love you Spotify, but what’s with the constant pushing of podcasts and now audiobooks? I just wanna see what songs I’ve been listening to, find my playlists and search for stuff.

I hope you enjoy the names of my playlists 🎶

07 // ✅ Search

Search with dropdown combo box

If you have minimal options available, I wouldn’t suggest a dropdown – show the options all at once instead.

However, if you have too many options for that then a dropdown is probably necessary.

But then if you have a shit tonne of options in a dropdown then surely it should be searchable?

The dropdown dilemma

A nice excuse to try out the Noise & Texture Figma plugin from @rogie today too

10 // ✅ Price

Pricing structure component

I used Figma’s content to create this. I wanted to incorporate some nice gradients to emphasise the differences, and make the free account more muted.

Simple stuff today. I also have missed 8 & 9 but will hopefully post those as bonuses on quieter days 😁

11 // ✅ Product

Gentle conversion

The idea here is to make the call-outs about the product the most prominent. Going against the grain of making the ‘add to bag’ UI usually the most 🚨🚨🚨 area of the UI!

12 // ✅ Hotel

Hotel Booking App

Just a bit of fun here designing an app for hotel booking.

I wanted to steer away from using white backgrounds and inject a bit of colour. I feel I might have gone too far, but that’s why we’re experimenting here. Plenty more I’d have done to this but I had fun regardless.

13 // ✅ Recipe

Let’s get cookin’

Idea for a recipe website. You can create, search for and save recipes. Keeping it really simple, no life stories, all about the ingredients and the method.

I’m really happy with how this one turned out aesthetically 😎

14 // ✅ Switch

Animating using Figma

Just playing with Figma prototyping today!

A simple switch animation using component variants and smart animate in Figma.

15 // ✅ Film

A multi streaming platform application

It would be really cool if all my streaming services could be built into one app, now I’m not asking a miracle here where they’re all merged, but just a quick switch between them!

Let’s be honest here though, I just wanted a chance to redesign Netflix…