Posts by Jake Rocheleau

Creating Useful Breakpoints in Responsive Layouts

by Jake Rocheleau

October 24, 2014 in Web Design

In our modern technological era you can find devices with any screen size that all have access to the Internet. This means bored people around the world can visit their favorite websites from a laundry basket full of different screen dimensions. If this were Pee-wee’s Playhouse I’d say the word of the day is: breakpoint!

The process of responsive design creates distinct layout styles that change based on a device’s screen resolution. When a layout shifts into a smaller or larger display style it’s often called a new breakpoint. Choosing when to create a new breakpoint is quite an arduous task since the threshold and number of breakpoints can change dramatically from project-to-project.

featured wireframe sketch mobile website responsive design

In this post I want to outline a couple ideas for creating responsive breakpoints in web design. The end goal is to create a usable website experience that fits naturally onto any device. While this is easier said than done you’d be surprised how much can be learned by just building a site and fixing mistakes as you go along.

Read More

20 Free Device PSD Mockups for Mobile Apps & Websites

by Jake Rocheleau

October 14, 2014 in Resources

Presentation is a big part of the artistic process and this is especially true of freelance work. Mockups have become much more common to showcase what a project will look like once it’s running on a device. These mockups are just photos with a layer mask to superimpose a completed interface onto a smartphone or computer screen.

A few years ago this would have required purchasing stock photography or taking your own photos. Thankfully some wonderful designers have released their own device mockups free of charge. Each set in this gallery is dedicated to a certain device like smartphones, tablets, laptops, or even desktop monitors. Check out these free device mockups to see if they could be of use in future project work.

6 iPhone 6 Mockups

6 iphone6 mockups psd freebie

Read More

38 Absolute Best Tutorials for Learning Icon Design

by Jake Rocheleau

October 12, 2014 in Graphic Design

Simple glyphs and icons communicate a graphical representation for interfaces, branding, and content. Icon design ranges from simple line icons to detailed works of artistic beauty. Every designer has to start somewhere and nobody claims the process will be easy – but it is very rewarding.

This gallery focuses on 38 icon design tutorials geared towards beginners or intermediate designers. Each walkthrough focuses on the overall process from a blank page to completed design. Granted there are many different ways, like highways and byways and imaginary triways, to approach the same problem. Each of these tutorials will follow a different method to practice and build confidence with your icon design skillset.

Starfish Icon

3d textured starfish water icon

Read More

45 Beautiful Web Designs for Conferences & Creative Events

by Jake Rocheleau

September 29, 2014 in Web Design

The sheer number of worldwide conferences has increased dramatically over the past few years. This must in part have something to do with the Internet and the ability to sell tickets from anywhere in the world. Thus a well-designed conference website is of vital importance to any event’s turnout and success rate.

In this gallery I’ve put together 45 examples of website layouts created for conferences and festivals. You’ll notice many common features like sponsored guests and ticket/lodging details. Each event will have its own unique energy and the website should promote this with confidence to sell tickets and build excitement. After all, without people willing to attend you’ve got no conference. And without conferences our world would be much different – a world deficient of brilliant keynotes and inspirational TED talks which provide thought-provoking concepts and hours of procrastination.

Salt Nashville

salt nashville conference website layout

Read More
Page 1 of 4412345...Last »