DailyUI #036 - Special Offer

Good' evening Dribbblers 👋

This is my #036 #DailyUI design. 🍩🍩🍩

Design Hint 💻
Design a special offer. What's on sale? Is it a promotion, a clearance item, a buy one get one offer, or something else? Is it the discount size/percentage that's important? Does it look compelling?

The Idea 💡
The idea for today’s UI design is a special offer product screen for a mobile food marketplace for Android and iOS. The screen will feature various nutritional facts, a description, a bold title, images and price related elements (offer elements included). The design will feature a fun aesthetic with bold funky font faces and high pastel colour gradients, along with some minor neurmorphism and shadow throughout.

Final Thoughts 🧠
WOW! It's certainly something! The pastel colour gradient background really makes the entire screen pop, it also fits the donut aesthetic perfectly; I would hope so since the donut was the element I based every other off of haha - I actually converted a photo of a few donuts [photo credit below] into a high quality SVG for this UI, its turned out pretty well.

The "special offer" part of the design lies at the top and bottom of the screen, with a bold glowing 'percentage off' box at the top to grab the users attention, and a small/bold 'original/new' price text nearer the bottom to notify the user on how much the new offer is. The layout is also very unique with the nutritional facts 'curling' around the donut, just to give more power to the donut aesthetic; every elements' placement looks and feels like it should be in the spots they are.

Overall, its been a fun afternoon of designing my tasty looking UI, I love my outcome. I'm getting quite hungry, aren't you? Haha. 🍩

Unsplash photo credits 📷
@the_modern_life_mrs

Share the love, press "L" or "F" if you ❤️ my work!

As always, I welcome any feedback! 😄

- Elliot