I'm following the Daily UI Design Challenge, which is a series of daily Design Challenge prompts, delivered via e-mail. The goal is to improve skills and build a UI portfolio.
So far, I've developed all my project with a single client in mind: Paws'R'Us, the pretend company I've been doing all the pieces for. They are an online based pet store that focuses on pawy animals.
For expediency sake, I used the Pawtastic UI Kit provided with the design hint for day 1. I'm also thinking that I'll develop all - or most of - the prompts based on this "compawny".
I have no intention of keeping up with daily practice, because I understand that kind of commitment is beyond my time availability at the moment. The main goal here is to actually complete all the challenges, improve my UI and Adobe XD skills and build up my UI portfolio. And that is a lot considering my overloaded plate right now.
I am sharing the results on my Dribbble.com account, as instructed on the sign up information. As my account is a basic one, I can only share 1 shot at a time, so I am recording the whole process here and the single shot there.
This is a diary of the process.
#11.Flash messages
Design Hint...
Design a Flash Message with both the outcome for an error and success. Is it for a sign up form? A download/upload message?
For this hint, I added Flash messages to the existing credit card page.
![](https://cdn.myportfolio.com/3c2dbd4f-2b61-458c-ac9a-609cf2ab715b/7c331960-41b1-4dae-844b-e8889056eaaf_rw_1920.png?h=d2748bb26a59e9adfa24ccbf31dcca4e)
![](https://cdn.myportfolio.com/3c2dbd4f-2b61-458c-ac9a-609cf2ab715b/b6b38532-6e9f-48ed-b5c7-44d0104fe6ff_rw_1920.png?h=0c88120a6edb652c8b1a53fc5cb426ec)
![](https://cdn.myportfolio.com/3c2dbd4f-2b61-458c-ac9a-609cf2ab715b/90fb6d1e-879c-4aae-b4d8-302fb0f57eec_rw_1920.png?h=bb002f22a07801bccfcc7b4b67fbc297)
![](https://cdn.myportfolio.com/3c2dbd4f-2b61-458c-ac9a-609cf2ab715b/90cb9e8a-4266-44f9-97f5-938ebe39b22d_rw_1920.png?h=d4fd4a856229c1bf1f472b7d938e4809)
![](https://cdn.myportfolio.com/3c2dbd4f-2b61-458c-ac9a-609cf2ab715b/b3e2e6cd-14e2-4153-bb9b-f23337f78916_rw_1920.png?h=d882737fc0e2df52dfa828a1237e41dc)
#12.E-Commerce Shop (Single Item)
Design Hint...
Design an e-commerce shop. Is it simple for a local business or a large online retailer? Is it for clothing, shoes, handmade soap, or something else? Consider the brand, the products offered, product views, product options, desired actions (conversions, product views, etc.) and the users!
For this prompt, I developed a shop page for the services provided by Paws'R'Us.
![](https://cdn.myportfolio.com/3c2dbd4f-2b61-458c-ac9a-609cf2ab715b/12817cf0-cde7-4ffe-9dd4-e49f2e0399a6_rw_1920.png?h=58e263d4d65221dd70b358be14632b7b)
![](https://cdn.myportfolio.com/3c2dbd4f-2b61-458c-ac9a-609cf2ab715b/32213a2a-4fd2-4f70-a0f9-ad332ad42307_rw_1920.png?h=71a2f7e13ecd098562106deaacb28270)
![](https://cdn.myportfolio.com/3c2dbd4f-2b61-458c-ac9a-609cf2ab715b/7232aba0-7d75-4dd2-9405-26183a1f7784_rw_1920.png?h=cf6c9e5eac211e6bf3d7fddb8bcbf530)
![](https://cdn.myportfolio.com/3c2dbd4f-2b61-458c-ac9a-609cf2ab715b/a8fccaf9-ffa7-492a-8674-62364c0d49e7_rw_1920.png?h=6a78f456417e7120b9fed5dfc091cdd2)
![](https://cdn.myportfolio.com/3c2dbd4f-2b61-458c-ac9a-609cf2ab715b/69869641-2ffb-47b9-aee3-3dd9e5c4930b_rw_1920.png?h=7529dc08b99c45093362e1c77e912500)
#13.Direct Messaging
Design Hint...
Design a Direct Messaging app, profile, or chatbox. Consider the parties involved in the messages, images, placement, and context of the messages. Are the messages for social purposes? Customer support?
#14.Countdown Timer
Design Hint...
Design a Countdown Timer. Is it for an app? An interface for an oven? A sport related countdown? A launch countdown for NASA?
Design a Countdown Timer. Is it for an app? An interface for an oven? A sport related countdown? A launch countdown for NASA?
#15.On/Off Switch
Design Hint...
Design an On/Off Switch. Consider what's being turned on/off and how it should be done
Design an On/Off Switch. Consider what's being turned on/off and how it should be done
#16...
Design Hint...
#17...
Design Hint...
#18...
Design hint...
#19...
Design hint...
#20...
Design hint...
To be continued...