I had so much fun!
Bye!!!
Breezy Joker/ Project overview
The brief / A character-inspired mobile app
Choose and preform a deep research on a famous and complex figure, and translate their character, values, and life philosophy into a complete and unique visual language. Using this language, you are asked to redesign one of four given applications (weather, alarm clock, Tinder, or Shazam), so that the entire interface reflects that same figure from the colors and typography to the overall atmosphere and user experience. The process requires an analysis of the application's essence and its target audience, planning a consistent interface system, and finally, a prototype.
Studential project
2026
UX.UI
Design field
Client
Introducing the Joker
The Joker is a fictional supervillain appearing in the Batman comic books within the DC Comics universe. The Joker is one of the most iconic villains in the comic book world.
He first appeared in 1940, and has since become a character that represents chaos, anarchy, and a complete lack of morality.
Character Analysis
First Step:
Understanding who's The Joker and who I'm dealing with.
Erratic thinking
Mad criminal
Fast talking
Unpredictable
Laughuing a lot
Delusions
Insane
Sadistic
Sophisticated
Devious
Disconnected
from reality
Genius level
intelligence
Extreme
rule breaking
Bursts of
manic energy
No empathy
and remorse
Second Step:
Understanding Joker's ideology
The world
is chaos
+
+
Morality is
a sham
Everyone can
lose their mind
=
So let's prove it
Third Step:
Visual understanding of characteristics
After the Research I decided about:
Weather App
The Concept
A weather app set in Gotham city (where the story takes place)
that initially appears innocent and reliable.
but once downloaded is taken over by the Joker disrupting the accuracy of information and creating chaos, confusion, and uncertainty to
psychologically unsettle its users.
The UX
The user opens a weather app that seems normal at first, but slowly becomes unstable as the Joker takes control. The information feels unreliable and unsettling, while the app remains usable and easy to navigate.
How I'm going to do it? By using :
Pop up video
Creepy sound
System Glitch
Extremes
Neon green
Unstable temp'
One click and you're in
Year
The current temperature is shown in large font
a simulation showing the current weather
Current location
A bar showing daily and weekly weather
Illustrations that represent weather conditions
Cartoon weather
!WEATHER
Iphone Weather app
Competition Analysis
I started by researching 3 competing apps and finding common grounds to all three, repetitions in the apps and finally picked essential features for my app.
Billiard Green
#0A5F1A
Jester Green
#29893C
Sour Apple
#5BE875
Toxic Poision
#01FF2E
Popping Purple
#8A38F5
Midnight Purp
#6C0EE8
Red Handed
#C10908
Dark Play
#000000
#FFFFFF
Blank
Userflow
Design System
Typography
Icons & Illustration
System icons
Icons sketch
I looked for a chaotic looking font to convey Joker's madness
Final UI Screens
When opening the app, it seems to not be working.
But soon enough it begins to glitch. The user can sense that
something is off and the real app reveals itself
App Launch
Here we can see how the joker is hijacking the app from the user
and shows unreliable, distressing information. When tapping the
presented weather condition, the user can read the information
about the weather condition.
Through scrolling the user can view today’s forecast.
Inside the app
Behind the app
The Joker plays around with the user and makes them pick a card.
The card then reveals an abysmal weather condition.
Special feature
Acid squirting flower
Acid mist
Jack in the box
Lightining Pop
Chattering Teeth
Frostbite
Laughing Toxin
Toxic fog
"Bang!" pistol
Feature
Weather - Weapons illustration
Weather - Weapons illustration
Joker utilizes a variety of weapons.
I converted these weapons into weather conditions
Color Palette
Logo & Symbol
BreezyJoker