Joshua Sanger

10 Mile Cellar

August 18, 2018

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...

Geek Power Redesign (Unofficial)

August 15, 2018

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...

Cineplex Redesign (Unofficial)

August 10, 2018

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...

IKEA Redesign (Unofficial)

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...

Opera Neon Concept Browser

January 17, 2017

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...

UI Challenge - 016

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...

Load More

UI Challenge - 015

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...

UI Challenge - 014

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...

UI Challenge - 013

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...

UI Challenge - 012

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...

UI Challenge - 011

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...

UI Challenge - 010

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...

Load More

UI Challenge - 009

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...

UI Challenge - 008

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...

UI Challenge - 007

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...

UI Challenge - 006

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...

UI Challenge - 005

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...

UI Challenge - 004

February 28, 2016

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...

Load More

UI Challenge - 003

February 26, 2016

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...

UI Challenge - 002

February 24, 2016

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...

UI Challenge - 001

February 22, 2016

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...

So long floats!

January 1, 2016

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...

Let's get in touch!

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!

Dribbble

Github

Stack Overflow

Instagram