Examples of Big Images in Web Design | webdesignledger.com


In 2012 we could see the growth of the trend of big images in web design. Throughout the year we could see more and more big and beautiful images appearing in nice and clean designs. If you check out our Best of Web Design in 2012 list you will notice that this trend was quiet strong in 2012. Since we believe that the big images trend will stay strong in 2013, and also because we believe that images can give a lot of personality and style to a design, we decided to gather a list of fresh examples of sites taking advantage of beautiful images. From big thumbnails to huge background photography, you will find a lot of great examples here. Enjoy!


21 Great Examples of Big Images in Web Design


21 Great Examples of Big Images in Web Design

Hello Media

21 Great Examples of Big Images in Web Design

Fior di Latte Gelato

21 Great Examples of Big Images in Web Design


21 Great Examples of Big Images in Web Design


21 Great Examples of Big Images in Web Design

Swedish Seasons: Winter

21 Great Examples of Big Images in Web Design

Wright Feldhusen Architects

21 Great Examples of Big Images in Web Design


21 Great Examples of Big Images in Web Design

Noe Araujo

21 Great Examples of Big Images in Web Design Seguir leyendo “Examples of Big Images in Web Design | webdesignledger.com”

40 Fresh Examples of Minimal Web Design

Gisele Muller | http://webdesignledger.com/inspiration/40-fresh-examples-of-minimal-web-design

There is nothing more inspiring than a clean and minimal website. A design with few elements representing something. The saying “less is more”, even though somewhat cliche, couldn’t be more true. We already published here a A Showcase of Clean White Web Designs and a list with 60 Minimal and Super Clean Web Designs to Inspire You. Since minimal sites are always around and they are actually pretty trendy right now, we decided to gather a new list. Enjoy.

Works of WeLoveNoise


Isotope 221


Stuart Hobday


hauser lacour

minimal04 Seguir leyendo “40 Fresh Examples of Minimal Web Design”

Simple Flow: Minimalism in Web Design

Jake Rocheleau | http://webdesignledger.com/tips/simple-flow-minimalism-in-web-design

Create a Portfolio for your Pocket with Business Cards from moo.com

There are so many techniques when it comes to web design, it’s hard to get a full grasp on all of them. Minimalism is one of the few which stand out from the crowd in a seemingly ubiquitous flow. The trend follows the concept of keeping things simple and easy to work with.

Removing clutter from pages helps users focus their attention on the things that really matter. Page content, images, contact information, and the presentation hierarchy that removes gradients and web 2.0 distractions. Check out a few of the ideas below in regards to minimalistic designs and see how you can incorporate these into your own projects.

How Does Minimalism Work?

The idea of minimalism in designs is not a new one. In fact, it’s been present in the art community for centuries. With the move into digital design we find things to be a bit different as the objects we’re designing are constantly changing.

Minimalism works by playing on your visitors keen attention, or rather lack thereof. Most visitors who visit your blog or website will not spend more than a few seconds on the page, maybe a few minutes if you’re lucky. This isn’t because they truly don’t care or hold apathetic viewpoints towards your content. Rather in our world of fast-paced action users know how easy it is to jump from one website to the next in almost an instant.

Playing on these pieces to your users attention span by placing content is easy to read layouts is the basis behind which minimalistic designs are built. You will frequently see much more typography and white space with fewer images and buttons as distractions.

Although there isn’t any guidebook for running minimalistic designs there are plenty of guidelines to follow. Additional white space is one such idea, along with the removal of unnecessary page elements.

Less is More – Adding Space for Readability… Seguir leyendo “Simple Flow: Minimalism in Web Design”

30 Fresh and Beautiful Web Designs

Gisele Muller | http://webdesignledger.com/inspiration/30-fresh-and-beautiful-web-designs

Every Monday we showcase a collection of inspiring web designs to get your week started on a good note. We normally focus the collections on a particular category, but this week we are doing something a little different. We noticed that you probably were missing out on some great looking sites because they didn’t fit into the categories were were covering. So this week we are showcasing a mixture of designs that don’t necessarily belong in the same niche, but do have something in common…beauty. Enjoy!

Ricardo Saavedra

I helped companies clarify their brand’s strategy, then create message to be spread through user-friendly websites, memorable online campaigns and effective social media marketing strategies.


Shaping the Page

We design beautiful interfaces, websites, and print projects for a variety of developers, businesses, and organizations.


Zero Zero Project

In the same way that the 00 visual identity symbolises the duality of collaboration and the act of binding collaborators, ideas, processes and philosophies together, The Collective V are very proud to bring you 00 Volume 01, Black Material Robert Knoke with 3 Deep.


Lost World’s Fairs

Internet Explorer 9 now supports WOFF, and the Friends of Mighty have joined forces to explore typographic possibilities on the web.


Eight Hour Day

A Couple That Loves to Create. Eight Hour Day is a design boutique, and we love what we do. It’s who we are.

randominsp06 Seguir leyendo “30 Fresh and Beautiful Web Designs”

Bing vs Google: A Usability Face-Off

Jacob Creech |   http://webdesignledger.com/tips/bing-vs-google-a-usability-face-off

We all know Google and Bing, and probably use one or both of them on more or less a daily basis. Search results are generally the defining factor that makes us have a good experience, and I suspect most of us don’t give too much consideration to the usability of the services.

However, with hundreds of millions of people using both of the services each and every day, even subtle changes in the usability of the two could add or shave off huge amounts of time for the two, and each small change can lead to a more enjoyable, more usable experience.

Today we will take a look at these two leviathans and see how they compare in terms of usability, and explain just what usability should mean to you. Want to learn how to improve conversions, get more subscribers, happier clients and better designs? Read on to find out how:

The testing process:

I have set up a quick test based on screenshots of both Google and Bing. There are just 7 questions in the test, and when you take it you will be directed to either the ‘Google’ channel, or the ‘Bing’ channel. This is a random process, and roughly 50% of people will be directed to each channel – this is to ensure a fair spread of users, habits and behaviours across the test.

To complete the test, you simply click on the location you think you would click to complete the assigned task. For example, if you were asked where do you enter your search term you would probably click in the search box; the testing application will generate a heatmap of where everyone has clicked, and you will have a quick visual guide of where people have been clicking. At the same time it will also record your average time to complete the task – obviously there is a big difference in completing a test in 5 seconds versus 10 seconds, and the results will reflect that. Seguir leyendo “Bing vs Google: A Usability Face-Off”

50 Fresh and Inspiring Dark Web Designs

Gisele Mullerhttp://webdesignledger.com

The list was so inspiring and commented on that we decided to do a new one with another 50 inspiring dark web designs. So here they are, 50 new examples of how some sites are using dark colors as main elements of their design. Enjoy.

No More Dedicated




Digital Labs

darksites02 Seguir leyendo “50 Fresh and Inspiring Dark Web Designs”

20 Creative Examples of Forced Perspective Photography

Henry Jones | //webdesignledger.com

You don’t always have to use Photoshop to create optical illusions in your photographs. With a technique called forced perspective you can create illusions that make an object appear farther away, closer, larger or smaller than it actually is. It just takes a little creativity with the placement of the subjects in the shot and the camera angle. To give you some inspiration, here are 20 Creative Examples of Forced Perspective Photography.

forced perspective photography

forced perspective photography

forced perspective photography

forced perspective photography

forced perspective photography Seguir leyendo “20 Creative Examples of Forced Perspective Photography”

40 Beautiful & Inspiring .Org Websites

The .org domain, being short for “organization”, was originally intended for non-profit groups or organizations of a non-commercial character. Since non-profits and big design budgets aren’t normally associated with one another, it’s refreshing to see such great design in these types of websites. So for this post, we’ve put together a list of .org websites that are beautiful and guaranteed to inspire you.

Spring: Supporting Local Biodiversity

Spring is a funding program of The Sprout Fund. Program support is generously provided by The Pittsburgh Foundation. Complementing Pittsburgh’s status as North American Host City for the United Nations World Environment Day, as well as the International Year of Biodiversity, Spring offers local opportunities for the citizens of Southwestern Pennsylvania to join these global efforts.



A global cause backed by Bob Marley’s vision of hope and unity.


Participatory Politics Foundation

The Participatory Politics Foundation is a 501(c)3 non-profit organization with a mission to increase civic engagement. PPF develops websites that create new opportunities for engagement with government. Voting is important, but we have a chance to go further and create a political process that is meritocratic, creative, and participatory.

orgsites03 Seguir leyendo “40 Beautiful & Inspiring .Org Websites”

10 Free EBooks for Web Designers


The following ten books contain a wide variety of valuable information for web designers, ranging from HTML5 to a guide for managing your time. There’s plenty here to keep you busy reading for a while. Enjoy!

Introduction to Good Usability

ebooks for designers

This guide is especially handy if you haven’t done a lot of webdesign yet or if you are involved in webdesign but don’t do any of the real work. I hope to shed some light on some common interface elements and mistakes people often make with them.

How To Be Creative

ebooks for designers

If you’ve ever felt the draw to do something creative but just haven’t been able to pull it together, you’ll love this manifesto. Hugh MacLeod, an advertising executive and popular blogger with a flair for the creative, gives his 26 tried-and-true tips for being truly creative. Each point illustrated by a cartoon drawn by the author himself.

Why design?

ebooks for designers

What designers offer to clients is a way of thinking. The “Why design?” booklet outlines the role of design in business strategy. It seeks a common framework for why design adds value to clients’ interests. Seguir leyendo “10 Free EBooks for Web Designers”

Web Design Ledger: 3 Simple Ways to Get Paid More by Clients

Oleg Mokhov

As freelancers, we all want to make more money. But freelancing doesn’t scale, so there’s always a ceiling. There’s a limit as to how many clients you can take on, right? So how do you make more money, if you can’t or don’t want to take on more clients? Well, if you’re better than average in what you do and can put in just a little bit of extra effort, you can get paid more by clients.

Yep, there are 3 simple ways you can get paid more by clients – the same clients you’re currently contacting. You’ll be expanding vertically rather than horizontally, as they say. No, there’s no scammy tricks, or magic pills, or sleazy sales tactics. There are simple tweaks to what you’re already doing that’ll make your clients want to pay you more – either by you being able to charge more now or raise the price for the next project.

So without further ado, here are 3 simple ways to get paid more by clients:

1. Make Life Easier for Your Clients

If you make life easier for your client, you’ll increase the chances that they’ll pay you more. Because that’s ultimately what they’re paying for – convenience. Making their life easier so they don’t have to do something. Even if they could learn and become proficient in it, they’d rather pay you to do it. The more your client has to do themselves, the less they’ll want to pay you. After all, why should they pay you more, when they’re doing part of the work?

Your mission as a freelancer is to make your client’s life easier.

So the more you focus on your benefits to your client and specifically how it makes their life easier, rather than simply features that you offer, the more likely they’ll want to pay you more. Who cares that you’re able to design technical thing X or implement widget Y? How do those things make life easy?

Focus on that – in your pitches, in your proposals, in your conversations, and in your actual work.

Be willing to do as much as possible to make your client’s life easier. Don’t tell them they have to do something themselves – unless it’s unavoidable, and even then, don’t highlight it but instead word it in a way that it becomes a prerequisite or requirement for a task rather than work for the client.

2. Use More Convincing Wording

The more convincing the wording of your offer, the higher likelihood that you’ll get paid more for it. Yeah yeah, it’s forehead-slapping common sense. No surprises there. But it still bears stating. How can a client want to pay you more if they’re not convinced you’re worth the money?

So, convince them – in your wording, on the phone, in your pitch, your proposal, everywhere:

  • Replace “maybe” with “guaranteed or *risk-free deal*”
  • Use “I’ll definitely” instead of “I’ll try”
  • Focus on benefits over features…
  • How you’ll make your client’s life easier…
  • And how you’ll increase their chance of their desired result

Use more convincing wording to make your offer seem like a steal.

Now, this isn’t to say that you should lie in your freelancing. No, never. Lying and being fake sucks, so don’t do it. Rather, you’re not deceiving your clients but simply making it more clear why you’re worth the money you’re charging. You’re elegantly reminding them why they’re about to pay you more than a cheaper but lower quality alternative.

If you’re confident in your offer, then show it. Don’t shy away from your self-belief. Don’t be arrogant, but don’t be overly modest and meager either – that’s just sabotaging yourself. Seguir leyendo “Web Design Ledger: 3 Simple Ways to Get Paid More by Clients”

19 Unique jQuery Tutorials for Web Developers

jQuery is the premier library for coding JavaScript page effects. Most popular content management packages run jQuery for both admin and frontend design effects. As a web developer jQuery can be a fun library to spend some time learning and offers tremendous design potential.

It seems there are so many references and guides out there it’s easy to get lost. Below we’ve compiled 19 unique jQuery tutorials to help develop your skills as a frontend developer.

Form validation from scratch

jQuery Form Validation

Develop a simple and powerful jQuery script for common HTML form validation.

Incredible jQuery Login Form

jQuery Login Form

Learn how to code a structural jQuery login form with sliding animation. Hide your form out of a visitors view until clicked.

Creating a Digg Style Signup Form

Digg-style signup form

Digg has been an innovator for web apps for years. Learn how to develop a dynamic registration form similar to their signup page.

Color jQuery & CSS3 Sliders

jQuery CSS3 Sliders

Here you are taught about using jQuery and the new transformation features brought by CSS3 to create a dynamic slider effect.

Working with Events – Part 1

jQuery Events part 1

Part 1 of a detailed series teaching about events in jQuery. Here you’ll learn the bare-bones of the jQuery library and how to use events to construct your own functions. Seguir leyendo “19 Unique jQuery Tutorials for Web Developers”

20 Spectacular Photo Manipulations

20 Spectacular Photo Manipulations

Henry Jones

Photo manipulation is by far one of the most popular applications of Photoshop. Images can be manipulated in various ways to communicate a message. Sometimes the manipulation is subtle, like adding something to a photo that wasn’t originally there. Then sometimes the message or idea is unrealistic, but executed in a realistic manner to make it appear believable. These types of spectacular manipulations can have a big impact on their audience, and have them asking, “Is that real?”. So for your inspiration, here are 20 Spectacular Photo Manipulations.

photo manipulation

photo manipulation
Ari Mahardhika

photo manipulation
Ben Goossens

photo manipulation

photo manipulation Seguir leyendo “20 Spectacular Photo Manipulations”

40 Inspiring Portfolio Designs

Gisele Muller

Portfolio designs can be a great source of inspiration. After all, a portfolio is not only a place to showcase one’s work, but is also a designer’s home on the web. It’s a portfolio piece in itself that represents what the designer is all about. For this reason, you’ll usually find extra amounts of creativity and attention to detail. A designer will put in this extra effort in order to show off their stuff and to attract new clients. So for this post, we’ve gathered 40 portfolio designs to inspire you.



Portfolio of Wing Cheng, graphic & web designer.

Christopher Meeks


Yaron Schoen

portfolios22 Seguir leyendo “40 Inspiring Portfolio Designs”

Designing Typography for the Modern Web

Jake Rocheleau

As web designers, it is our job to grow with the trends of the Internet. As new technology emerges, it’s our position to jump on board and see where it can take us. This includes trends all over the web, typography being a major player.

Many designers don’t consider type as a field of interest or focus. Ironically, typography is possibly one of the most important parts of our dynamic web. It helps deliver a website’s content to users from all over the world and it truly is an art to study.

I’ll be getting into a few concepts about typography for the modern web. Things haven’t changed too much since the previous years of web design, however many new techniques are being utilized and shared amongst the design community.

Styling Your Main Document’s Text Elements

Consider from a user experience perspective what your main elements of text may be. Of course you’ll need paragraphs and a few headings (h1-h3 mostly). You’d also want to style your links in a certain way, and maybe even include other elements such as blockquote properties.

All of these tags are useful when structuring your site’s content. These can all be styled through CSS properties in any web document with a large amount of precision. The main priority is to consider what each element represents and piece together a puzzle of how you want them to be displayed to your visitors.

Paragraphs are a good place to start as these will contain the bulk of your content. How do you think it’d be easiest for your readers to follow along? Many corporate and business websites use smaller font in paragraphs for a sophisticated look, but in the modern web things have changed.

Most paragraphs seen in blogs or social media sites today will use much larger font for paragraphs upwards of 16px-18px. This makes sense when you take into account the popularity of mobile users reading content on much smaller screens. Seguir leyendo “Designing Typography for the Modern Web”

10 Fresh and Useful jQuery Plugins

Henry Jones

When it comes to adding JavaScript functionality to a website, jQuery has become the solution of choice for web designers and developers. With it’s ease of use and ever-growing selection of plugins, there’s really no point to look elsewhere. Awesome jQuery plugins are popping up everyday, and we’re always on the look out. So for this post, I’ve gathered 10 fresh plugins that you should find very useful. Seguir leyendo “10 Fresh and Useful jQuery Plugins”