SU-CASE
2025
Design Field
UX.UI (App Design)
Client
Studential Project
Team
Myself :)
The Brief
Redesign a weather app through the lens of a legendary designer.
I chose Susan Kare, the designer behind Apple’s first icon system, who turned technical limits into clear, human-centered design. I used the pixel as my base shape, softening and modernizing it while staying true to her core values: simplicity, clarity, and playful interactivity.
Inspiration — Susan kare
Long story short
Susan Kare is a pioneering graphic designer best known for creating the original icons and typefaces for Apple's Macintosh in the 1980s.
Her minimalist, pixel-based designs, such as the Happy Mac and the Trash Can, set the standard for user-friendly digital interfaces and remain iconic in design history.
Kare’s work has shaped the visual language of computing, making technology more approachable and human-centered.
Userflow
Wireframes
Round 1/3 — creating the main 2 screens
Weather screen — main screen
Suitcase screen — shows you what to pack
Shira Cohen (my lecturer)
Navbar - To plan it, you need to put yourself in the shoes of someone flying, what they’re going through, and what they’re thinking about.
Imagine you’re 25 days before your flight. When I enter the screen, is there a more general and abstract way to say it will probably be cool, or in percentages, or what happened last year? Other ways to predict. Maybe over time it becomes more validated?
Me
Thanks i will work on that!
Round 2/3 — improving weather screen
Weather screen — main screen
Shira Cohen (my lecturer)
Text sizes - Maximum 28, minimum 16 size. Limit to 3 font sizes.
Headings - Running text, meta text data (percentages).Sliders - It looks like something you should move, but it’s not. Find another display solution.
The main square looks like an advertisement - either make it blend better or a card that can open? Right now, it’s a banner, which is static and very different.
Me
Thanks, i think i am on the right path.
Round 3/3 — Final high fidelity wireframes
Welcome screen
Weather screen — main screen
Suit case screen — before filling preferences
Profile screen
Preferences 1st screen
Suitcase results screen — what the user has to pack
Design System
Main design element
Susan's iconic pixel
+
Modern & gentle
=
Brand new pixel
Typography
I was looking for a font with soft pixel edges, and a friend recommended Ezer Euro.
It fit perfectly with the concept and design language I’ve started to build.
Icons & Illustrations
Weather
Clothes
System
Colors
Nostalgic brown
#2E2E2E
Notebook yellow
#F4F0DD
Soft blue - purple
#DDE1F4
Logo & symbol
SU-CASE
Final UI screens
Let’s dive into the main flow
Packing to warsaw
1
Welcome to the SU-CASE app
2
Check the weather screen to see what the weather is expected to be in Warsaw during your trip.
3
By telling us about your trip, your personal preferences, and what you already have in your closet, our AI can help you pack smarter with tailored suggestions.
4
You're ready to start packing! Tap on an item to mark it as packed, or swipe up to open a screen where you can still cahnge your outfit selections and add extra items like accesories, electronics, and more.