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!
Archivo de la etiqueta: 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
Increase Your Website’s Effectiveness with Confident Copy Create a Portfolio for your Pocket with Business Cards from moo.com
Oleg Mokhov | http://webdesignledger.com/tips/increase-your-websites-effectiveness-with-confident-copy
Want to increase your website’s effectiveness? To have a higher conversion rate: more of your website’s visitors become subscribers, customers, members? You can increase the likelihood of that happening by having your message be more clear and confident. In other words: increase your website’s effectiveness with confident copy.
It might seem like forehead-slapping common sense, but a lot of web designers, freelancers, and entrepreneurs get caught up in design tweaks, form designs, and other details that don’t matter nearly as much as simply being more confident with their message. By simply having more confident copy, you can increase the likelihood of that next visitor converting into a new subscriber, customer, or member.
And you do want more subscribers/customers/members which will translate to more money, don’t you?
3 Reasons Why You Need Confident Copy
1. More Visitors Will Check You Out
If you’re confident in what you’re offering on your blog or website, chances are visitors will be confident in checking it out.
2. Be More Visible Amidst the Noise
You increase your chances to cut through the overcrowded internet space – there’s so many choices that people tend to go with the one that seems most confident and definitive.
3. Increase Chances of Making More Money
Unshaken confidence in your message will make it much much more likely that your visitor will convert: become a subscriber, a customer, a member. And that means potentially more money for you.
People Want Confidence, So Give It to Them
People want their content they’re consuming to be confident. Clear value, bold message.
People want copy they’re reading to be confident, so they’re assured that they’re at the right place. That they’re:
- About to subscribe to the right blog
- About to buy the right thing
- About to sign up for the right service
Just like how people want their bands to be confident. There’s a reason that the biggest and boldest artists are often the soundtrack to more people’s lives than other popular artists that are simply passing trends for most.
So be like a big bold band. When you write, be confident. – confident in your content, your value, your offer.
Be Bold With Your Value
Don’t hold back your self-belief in your offering. Be bold with your value. No wishy-washiness. No vague opinions. No beating around the bush. Forget about using “maybe”s and “possibly”s – replace your vocabulary with “most definitely” and “completely” and the like. What are you trying to say? What’s the message, the point, the value to the reader? Just say it. And go to the edge with it.
- Don’t think – know.
- Don’t ask them to consider – ask them to do.
Write like you mean it.
It’s About Them, Not You
Never lose focus of who you’re writing for: the visitor, which is a prospective reader, subscriber, customer, member. Readers want confidence. But they also don’t care about you. They care about themselves and what you can offer them. Get it? They don’t want vague, safe and nothing-new articles or books – they want bold, clear value. Confident writing. But they want it to benefit them. They want your awesomeness to help them, not to read about how awesome you think you are.
Self-Belief, Not Arrogance
Have self-belief. Don’t have arrogance.
There’s a huge difference between arrogance and self-belief:
- Self-belief is thinking you’re the greatest in the world, giving you confidence to go for the big win.
- Arrogance is making sure people know you’re the greatest, always putting it in front of their faces.
You shouldn’t be arrogant, but you should believe that you’re the best in what you do.
Don’t Let Your Ego Use You
When you write, you need to be confident, but you also need to get your ego out of the way. Use your ego – don’t let your ego use you. Let your ego fuel your self-belief. Don’t let it fuel arrogance.
Use self-belief to make your writing more confident. With clear value and a bold message. Don’t let arrogance make the writing about yourself and how confident you think you are. Be confident. But write confidently for the people. The readers will be happy for such clear value and a bold message. You’ll be happy for making such awesome stuff.
A Few Useful Resources
What, this article isn’t enough for you? Okay, fine. Here are a few useful resources that can further help to increase your website’s conversion rate:
- How to Get More Web Design Sales by Painting Your Nose Red
- 10 Signs of a User-Focused Design
- 10 Writing Tips for Web Designers
- Writing For The Web: Tips & Common Mistakes We Make
- “Call to Action” Buttons: Guidelines, Best Practices and Examples
- 10 Surefire Ways to Land More Customers
- 101 Ways to Make More Sales Online
Increase Your Website’s Effectiveness with Confident Copy
You can now see why confident copy is important to your website: you can increase your conversion rate with it, and by extension make more money.
Remember these 3 things when writing your website’s copy:
- Be bold with your value – don’t shy away from self-belief, if you’re confident then the visitor will most likely be as well
- It’s about them – focus on how you and your stuff benefits them
- Be confident but not arrogant – believe that you are the best *insert your niche here* in the world
If you’re not confident in what you’re offering, then how can a visitor be in reading, subscribing, buying? Your confident copy will help to convert your visitors more: more sales, more subscribers, more signups. You get more desired results, and your visitor has the “so what” question clearly answered and the value to them more confidently delivered. When you have self-belief but not arrogance, both you and your visitor wins.
Be confident. Have confident copy.
How about you? Are you writing confident copy? Are you bold with offering your value?
About the Author
Oleg Mokhov is the world’s most mobile electronic musician and co-founder of the premium royalty free music store Soundtrackster.
http://webdesignledger.com/tips/increase-your-websites-effectiveness-with-confident-copy
Simple Flow: Minimalism in Web Design
Jake Rocheleau | http://webdesignledger.com/tips/simple-flow-minimalism-in-web-design
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… Sigue leyendo
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.
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. Sigue leyendo
50 Fresh and Inspiring Dark Web Designs
Gisele Muller | http://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
chilli
Digital Labs
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.
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.
1Love
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.
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
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
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?
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. Sigue leyendo
Web Design Ledger: 3 Simple Ways to Get Paid More by Clients
Oleg Mokhov
//webdesignledger.com
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. Sigue leyendo
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
Develop a simple and powerful jQuery script for common HTML form validation.
Incredible 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 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
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
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. Sigue leyendo
20 Spectacular Photo Manipulations

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.
40 Inspiring Portfolio Designs
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.
wingcheng.com
Portfolio of Wing Cheng, graphic & web designer.
Christopher Meeks
Yaron Schoen
Designing Typography for the Modern Web
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. Sigue leyendo
































































