10 Mile Cellar
August 18, 201810 Mile Cellar is a fictional winery based off of the wineries found in the Niagara region. My goal here was to create an easy to use, informative, and capturing design to showcase who this winery is...
10 Mile Cellar is a fictional winery based off of the wineries found in the Niagara region. My goal here was to create an easy to use, informative, and capturing design to showcase who this winery is...
One of the biggest challenges for a design firm, is taking the time to redesign their own site. Often times this gets pushed to the back burner and of course, clients come first This is the case for the web design firm...
When I browse the web, I am constantly analyzing websites' UIs, the designs, and the whole experience overall. That's often the first thing I do, followed by the actual task I came to the site for...
After just furnishing my new home with everything IKEA, I had spent many, many hours on the IKEA website. While their home page has been modernized, the product pages themselves feel a little outdated...
A First Glance On January 12, 2017, Opera released a new concept browser that is trying to change the way we view the web. Check it out here! Overall I quite enjoy it! It’s sleek, smooth, visually pleasing, and feels very modern...
For this challenge I decided to showcase a notification system that I am working on for a client. This notification has three states: Info (shown here), success, and error. This message appears on the bottom left of the screen...
I absolutely love doing this sort of thing. Using just css (or LESS) and simple html markup, customizing form elements like checkboxes & radio buttons, is super easy! In my opinion a coder should never leave the default form...
In this design, I tried a different approach: usually I like having just a white background, but I thought it would be fun to try a duo toned design with the colours inverted...
For this challenge I decided to do a take on Facebook’s message modal (on desktop). I feel that by giving more white space around the text, having a cleaner colour scheme, and using modern text / icons...
This design is for a fictional hot beverage supplies retailer. In this design, the user has clicked on a product which has launched this modal. From here, the user can navigate to other products, see...
Designing UIs full time, success and error messages are something I create almost daily. Usually a success message can be shown with a checkmark, and a error message with an “x”. These messages however use...
When designing buttons, it’s aways hard to convey the intended animation to whoever will be developing the design. Even if I will be the one developing it, sometimes I will forget what I was thinking at...
I found this challenge pretty hard to be honest. I mean, what hasn’t been done for music players? Instead of trying to discover a new layout for a mobile music player (a near impossible task I might add...
Let’s face it; 404 errors are embarrassing. Either the user has typed in an address wrong, or a page has been removed that someone is trying to access. Most 404 pages are pretty plain (mine included), but I...
Here is my take on a settings modal. This modal would appear once the user has click on “My settings”. The information would save on each field once the user has keyed up, and the content in the modal would...
I decided to design a profile page for a user of a fictional wedding planing site. I find the key to making a user feel that a page is a place where they can call virtual home, is to have pleasing font and color...
For this challenge I created an icon for a fictional jewelry company: Diamond Six Jewelry. I used the diamond shape and the number 6 to create a silhouette of a ring. I find Icon creation always challenging but fun...
Designing outside of a web browser is something I don’t get to do enough, so I thought for this challenge I would go outside the browser. I decided to do a take on the OSX Yosemite’s calculator. I used a modern font...
Above the fold is a phrase tossed around that doesn’t have much meaning anymore (since there are so many different device widths / heights). There are ways however to keep things above the “fold” by using CSS properties...
Using material design as a base, I designed a subscription based checkout form. I decided to exclude Paypal from this form under the assumption that the user previously selected the credit card option (on a different modal...
When having users sign up to your website, it’s important to allow a quick and easy option (Such as facebook or gmail) and also a way that people are used to (lot’s of fields). Here is my solution to a quick and simple login...
You have 2 elements that you want side by side: what do you do? You can put both elements to display inline block, but then you get 1 character space in between the 2 elements. Sure, this can be eliminated with some css, but...
I would love to hear from you!
Whether it's to chat, ask me about a project, pick my brain, ask me about an opportunity, or you're simply a little lonely, you can reach me / follow me on any of the below options. You can also leave a message with my contact assistant and I'll get back to you shortly!