Dwinawan, User Interface Designer. Love to help in creating design for website /editorial design /web app /deck /application
Task Dashboard
Practicing how to design SaaS concepts that have many UI elements, arranging them so everything looks clear and not confusing. Also added a gradient on the sidebar background for better visual separation.
Design Tool
Figma
Font
Inter
Screen Time
It all started from being curious about how many hours I spend looking at my phone screen, and that turned into a design exploration idea. This time I used a glassmorphism theme to make it look more modern.
Design Tool
Figma
Font
Plus Jakarta Sans
GP Brazil 2024
Capturing the Formula One 2024 Brazilian Grand Prix, where Max Verstappen started all the way back in P17 because red flag on qualifying session and still ended up winning, in a race filled with heavy rain that took out a lot of drivers.
Design Tool
Figma
Font
Titillium Web
Inter
World Marathon
It started with the idea of making a slide deck about World Marathons, but I ended up learning a bunch of interesting facts about global marathons — including why the Berlin Marathon is a favorite spot for runners to set their personal bests.
Design Tool
Figma
Font
Anton
Inter
Lora
Run The Island
Design exploration is often shaped by the things we’re into. Just like this one — it came from my love for running, designing websites, and reading magazines. It became a running website with a touch of magazine vibes.
Design Tool
Figma
Font
Anton
Inter
Lora
Delivery Express
Trying to do a fun little exploration — mixing photos with a clean background so it’s easy to pair with bold text, and adding illustrations to create a more playful vibe. Thanks to Pexels and Iconfinder who always provide quality resources.
Design Tool
Figma
Iconfinder
Font
Plus Jakarta Sans
Coffee Podcast
All of this came from my love for editorial style. It started with finding a font with the right character to be the “main star” of the design — something that could work across different media like merch and websites — then continued with laying out the columns like a magazine.
Design Tool
Figma
Font
Inter
Beth Ellen
Sleep Tracker
Since I’ve explored editorial style so many times, this time I tried a landing page design that highlights several UI elements taken directly from the main product and uses them as ornaments throughout the website.
Design Tool
Figma
Font
Plus Jakarta Sans
Pizza Cafe Branding
It started from my love of looking at restaurant flyers and brochures with nice illustrations, ornaments, and typography — which made me want to create a website that looks like a flyer.
Design Tool
Figma
Font
Plus Jakarta Sans
Gloria Hallelujah
Coffee Shop Branding
Since I really like the branding of a coffee shop I often visit, I got curious and wanted to try exploring a coffee shop brand myself — starting from the flyer, to the merch, all the way to the website.
Design Tool
Figma
Font
Bowlby One
Inter
Insurance Website
A website design exploration for an insurance company, highlighting family-themed and everyday-life photos as the main content. Paired with informational text arranged in an asymmetrical layout.
Design Tool
Figma
Font
Inter
Renewable Energy
A design exploration for a renewable energy company, using an editorial style with strong typography contrast, good photography and plenty of whitespace.
Design Tool
Figma
Font
Inter
Crypto Dashboard
Cryptocurrency is one of my favorite themes for design exploration because it’s closely tied to futuristic elements and has a good level of complexity.
Design Tool
Figma
Font
Inter
Video Editor
Since I use CapCut a lot, I got curious about their website and ended up trying a redesign that highlights some of its main features, using a blurred background to create a more unique visual style.
Design Tool
Figma
Font
Inter
Music Streaming
I was confused about what theme to explore, and since I was listening to YouTube Music at the time, I ended up choosing a Music Streaming theme. The layout is actually quite similar to YouTube Music — I just added some gradients and extra whitespace.
Design Tool
Figma
Font
Inter
Yellow Podcast
Why do I love doing podcast-themed design explorations? Because I’m always listening to podcasts while working. It keeps the workspace from feeling quiet, and I usually pick up new info — sometimes even new insights.
Design Tool
Figma
Font
Inter
Influencer Website
Since I wanted to explore a landing page design but was getting bored with the same old themes, I decided to try something a bit different — a landing page for influencers or content creators to promote their services.
Design Tool
Figma
Font
Satoshi
Running App
Lately I’ve been enjoying morning runs and using running apps a lot, so I got inspired to create a design exploration for a running app based on the ones I use daily.
Design Tool
Figma
Font
Satoshi
Poppins
Street Food Finder
Since I’ve been really into editorial design and print-style layouts (like newspapers and magazines) and how they can be brought into web design, I ended up creating this exploration.
Design Tool
Figma
Font
Monument Extended
Poppins
We know a portfolio site isn’t about showing all our work — it’s about showing the kind of projects we want to work on. But as designers, we still want to keep our previous work to remember the feeling we had while crafting them.
Visit Archives