Shop A Docket is an Australian coupon company founded in 1986. Times have changed since the 80s, and Shop A Docket wanted to make a move into the digital coupon realm. They already had a website, but they wanted us to help them go further with an exclusive coupon finding/saving/cashing/rewards app that helped you find the best coupons for your lifestyle and receive cashback rewards for using them.
Shop A Docket wanted this to be more than just a simple website or barebones app. They wanted us to create a new brand look, logo, and brand for them that stayed true to their roots while looking fancy enough to fit in at the app store.
Since Shop A Docket is all about coupons, I made the logo look like a ribbon of coupon paper, the kind a self-checkout station dispenses after you pay money. The “S” script font was unique to the logo, and I added the shadows to provide some distinction between the letter and the paper. The red used was exclusive to the logo to make it stand out as much as possible on the user's phone.
One of my pet ideas that didn’t make it past the first round of development was to give the user a “wallet” that they could access any time from the footer without having to dig into their account navigation.
When I made this site, I decided it was the perfect time to learn CSS Grid. At the time of me writing this, 0ctober 2nd, 2018, CSS Grid only has partial support in IE 11.
Since I intend for this site to be an example of what I can do, and not a comprehensive commercial product, I’m ok with that sacrifice in usability, especially since signs point to IE11 eventually adopting full CSS Grid support.
So with that said, I’d recommend using a different browser, such as Microsoft Edge. If you got cursed by a witch or something and have to use IE, you can contact me at patrick@delaney.design or you can check out my
Linkedin, Dribbble,
or Instagram.