RESPONSIVE TO CHANGES
IN SCREEN RESOLUTION
Responsive Redesign Concept
Problem
It all started when my dad sent me an old laptop from the USA...
The charger short circuited and i found myself at KSP. Their Website was hard to navigate and i couldn't find what i was looking for.
I couldn't even see if the store near me was open.
I went to the store, where i met Moshe and Rotem.
The workers were using the same platform in store as users do at home. So i went home and planned a Responsive more accessible interface for KSP (Rotem and Moshe)
My solution
I started by researching big box stores all over the world.
I discovered a few aesthetic methods of accessing a wide array of information without sacrificing digital real estate.
I added a component i created which allows users access to quick information about stores nearby them.
finally i designed attention grabbing graphics
​
all organised in a layout that will comfortably respond to changes in screen resolution.
​
Then I decided to have some fun!
The halloween spirit inspired me to redesign the platform in a family fun modern halloween concept.
Examples of old design (not me)
Tools
Photoshop
Illustrator
Figma
Design system
Typography
Title Large - Helvetica Bold 22/28 . 0
Title Medium - Helvetica Bold 16/24 . +0.15
Title Small - Helvetica Bold 14/20 . +0.1
Label Large - Helvetica Medium 14/20 . +0.1
Label Medium - Helvetica Medium 12/16 . +0.5
Label Small - Helvetica Medium 11/16 . +0.5
Body Large - Helvetica 16/24 . +0.15
Body Medium - Helvetica 14/20 . +0.25
Body Small - Helvetica 12/16 . +0.4
Colors
KSP Orange
KSP Blue
Background
Black
KSPooky Purple
KSPooky deep Purple
Ghost White
Components
Store Location indicator
Breaking points
Mockup Gallery
.png)