All posts by Jake Rocheleau

Jake is a freelance writer, designer, and illustrator. He currently writes articles on user experience design and web development techniques. You can check out his work on Dribbble and follow his tweets @jakerocheleau.

25 Sliding Hamburger Menus for App UI Inspiration
All PostsInspirationWeb Design

25 Sliding Hamburger Menus for App UI Inspiration

Smartphone mobile apps have taken the design world by storm. Even most web designers have taken a liking to app design by learning the common dimensions and interface elements of Android and iOS devices. One such example is the sliding drawer menu, also putatively called the hamburger navigation.

While these sliding nav menus are not perfect for every situation, they do provide an exceptional solution for applications with a lot of content. In this gallery I’ve put together 25 examples of stunning hamburger-style menus of all shapes and sizes. Whether you’re designing a new application or just trying to understand the creative process these examples will prove to be quite inspirational.

Read More
24 Circular Radial User Interface Designs
All PostsWeb Design

24 Circular Radial User Interface Designs

Although circular interfaces have been common since the iPod it has been a slow transition from physical into digital. Nowadays modern interfaces are just as much physical as they are digital. Touchscreen’s have completely changed how we interact with devices and they’ve given a breath of fresh air to interface designers everywhere.

In this post I’d like to highlight a choice selection of prime cut radial interfaces. Locally designed with no growth hormones, these circular interfaces are sure to inspire with their delectable beauty. Whether you’re creating a mobile application or website interface these radial interfaces can offer a unique palette of ideas into your visual spice rack. You might also try re-creating these interfaces using Photoshop or Sketch just for a bit of design practice.

Read More
28 Website Mockups using Fullscreen Images
All PostsInspirationWeb Design

28 Website Mockups using Fullscreen Images

Let’s face the facts: anything that takes up the entirety of your computer screen is going to draw some attention. Fullscreen images have been used in backgrounds and slideshows for quite a few years now. But ever-improving Internet connections have allowed for much larger images that relate better to content on the page. This style is predominantly seen on the web and looks fantastic in the right context.

For this gallery I’ve organized a series of 28 sample website mockups using fullscreen hero images. When crafting your own mockup it helps to look over what others have done for some inspiration. Take these ideas into your own workflow and see what you can build.

Read More
34 Dark iPhone App UI Designs for Inspiration
All PostsInspirationiPhone

34 Dark iPhone App UI Designs for Inspiration

Apple’s newest operating system has simplified the app design process. Mobile UI design now focuses on flat elements with simple buttons and line icons. Although there are plenty of great apps out there it’s tough to know which ideas are best for UI inspiration.

In this gallery you’ll find 34 lucrative dark iPhone application interfaces. Most of these designs are just simple mockups but a few have been released live on the app store. If you want to internalise more about iOS7 or iOS8 then these examples should get you started on the right track. But remember to keep practicing and don’t be afraid of trying new ideas!

Read More
36 Examples of Web Design Homepage Layout Concepts
All PostsInspirationWeb Design

36 Examples of Web Design Homepage Layout Concepts

A visitor will always be judging your website from the first pageload. Sometimes this could be an internal page but most of the time people will land directly onto your homepage. The job of a web designer is to captivate their audience with a stunning homepage layout complete with beautiful graphics, usable navigation links, and plenty of relatable content. The problem is that every homepage looks different so there is no winning formula – but it’s precisely because of these differences that a homepage will stand out from the masses.

In this post I’ve organised a series of homepage website layouts from Dribbble designers. Some layouts have gone live on the Internet while others have been posted simply as design mockups. Either way you can learn a lot from these homepages to determine what you like, what you don’t, and figure out why certain designs make you feel all warm and fuzzy inside.

Read More