Blog Archives

11 Beautiful Portfolios to maintain you Inspired

Posted on April 3, 2014 at 10:50 am

Your portfolio is the foremost channel so that it will show your work on your clients, so it’s essential to place some effort into it. Designers, photographers and other creative professionals can make the most of images, type, icons and other elements to deliver a majestic portfolio. From simple and clean approaches, to bright colors and animations, every professional has their very own style and vision when making a portfolio. Today we selected some beautiful and galvanizing portfolios to expose you. Remember to take a look at they all to maintain your inspiration flowing. You can even get inspired to rethink your personal portfolio.

Tyler Copeland

11 Beautiful Portfolios

Thomas Ciszewski

11 Beautiful Portfolios

The Brave Man – Florian Wacker

11 Beautiful Portfolios

isnostudio – Christophe Bouche

11 Beautiful Portfolios

Brad Hogan

11 Beautiful Portfolios

Dennis Field

11 Beautiful Portfolios

Roman Kirichik

11 Beautiful Portfolios

Ryan Barlow

11 Beautiful Portfolios

Tim Brack

11 Beautiful Portfolios

Michael Ngo

11 Beautiful Portfolios

Frank Chimero

11 Beautiful Portfolios0

Posted in Web Design

Why a Responsive Website design May help You Get More Visitors

Posted on April 1, 2014 at 9:45 am

If you don’t have a responsive website design, then chances are high you’re missing out on lots of potential visitors and customers. You are able to also be loosing some. Here’s why a responsive website design might actually help you get more visitors, and the way not implementing this design can be handicapping your small business:

You cater to mobile platforms

Many of your current (and potential) visitors are probably accessing your site through one kind of mobile device or another. A responsive website design automatically adapts and conforms to different screen sizes. In case your website design is unresponsive, it is usually shrinking the text too small for the visitor to work out, distorting your images, or it may well not properly fit into the screen in any respect, meaning it won’t be a draw to potential mobile visitors.

Why a Responsive Web Design Will Help You Get More Visitors Image via Shutterstock

Improved visitor experience

Responsive design means no redirection, no duplicate content, no awkward site or page renditions that look different on every platform and that won’t even translate properly half the time. Responsive design translates right into a site with a consistent look and feel
that works on all devices, thus offering an improved experience, which pulls more visitors and may result in an improved conversion rate in addition!

Why a Responsive Web Design Will Help You Get More Visitors Image by Mike Cummings

Optimized marketing

Every business desires to reach as many clients as possible of their target audience. With responsive design, you seamlessly integrate your campaigns into all mediums, from desktop to mobile phones, thereby reaching more consumers and attracting more
visitors.

Increased visibility on engines like google

Google and other search engines like responsive sites, and have a tendency to add them most prominently basically SERPS (search engine result pages), in addition to local searches. That implies not just increased overall visibility, but in addition increased community exposure
for your website, equaling more local, national or even global visitors.

Why a Responsive Web Design Will Help You Get More Visitors Image by Brian Hurst

You stay relevant

Refusing to update your old web design is a good option to lose visitors and fail to see the chance to achieve new ones. Employing state-of-the-art technology to your site that improves your visitor experience keeps you relevant and keeps your website looking great, and that’s an immense step in helping you get more customers.

Your website design must be greater than a sophisticated, visual representation of what you are promoting and brand nowadays; it must work with whatever medium your potential visitors can find your site on, including their laptop, cellular phone, tablets and other devices. In case you haven’t already implemented a responsive website design, then it’s time that you just do. It would assist you to get more visitors and help keep what you are promoting growing.

Posted in Web Design

10 Best New Free Fonts

Posted on March 30, 2014 at 11:33 am

We’ve been at the prowl for some new free fonts to share with you. After much searching, we found loads of, but we believe in “only the best” for WDL readers. The fonts we’ve rounded up for this post are absolutely beautiful, and we all know that they’ll discover a home in lots of or your projects.

Campton

10 Fresh Free Fonts

10 Fresh Free Fonts

Globar

10 Fresh Free Fonts

Disclaimer

10 Fresh Free Fonts

10 Fresh Free Fonts

Simplifica

10 Fresh Free Fonts

10 Fresh Free Fonts

Aqua Grotesque

10 Fresh Free Fonts

Farray

10 Fresh Free Fonts

Hallo Sans

10 Fresh Free Fonts

10 Fresh Free Fonts0

10 Fresh Free Fonts1

Tesla

10 Fresh Free Fonts2

10 Fresh Free Fonts3

Look Up

10 Fresh Free Fonts4

10 Fresh Free Fonts5

Mohave

10 Fresh Free Fonts6

10 Fresh Free Fonts7

Posted in Web Design

The Seven Principles of Conversion-Centered Design

Posted on March 28, 2014 at 9:16 am

How do people make decisions? The reply to this query requires lots of study and can be extremely complex but let’s discuss how they make decisions on the net. Conversion-centered design works hand-in-hand with website copywriting to transform results in consumers and increase click-through rate. Your goal is to aid your customers complete a job and decrease the leaks out of your landing page.

1. The appropriate Choices:

When a user lands in your page, he have to have a transparent focus of what he should choose next. A conversion-centered design can assist him decide. Keep the subsequent behaviors in mind when providing choices:

Number of selections:

A customer gets baffled and will prove not you make a decision in case you give him too many decisions. Sheena Iyengar, a professor of economic at Columbia University and the writer of “The Art of Choosing”, conducted an experiment called “The Jam Study”. The 1st group of consumers was shown six different jam jars and a second group was given a call of twenty four. Results showed that the 30% from the primary group made a purchase order while only 3% of the second one bought a jam jar.

Disparity between choices:

The choices you give to the shopper landing for your website online must be different enough for the user to quickly decide which one he wants. You’re able to show him a comparison of the alternatives as DropBox does.

The Seven Principles Of Conversion-Centered Design

Relatable Decisions:

The choices that you just present ought to be related in a roundabout way. As an example: choice between a free trial and a paid premium package of Asana, choice between online-only membership and physical membership for Millionnaires’ Business Club.

The Seven Principles Of Conversion-Centered Design

2. Custom Landing Pages:

For different leads strolling back from different marketing channels, it’s best to create segmented landing pages for every. A landing page is likewise called a dash page, microsite, click page or bounce page. It creates immediacy and helps the patron relate where he has come from to where he has landed.

For example, one customer sees your ad on Facebook and one sees your ad next to a thread in his Gmail inbox. Both have the identical goal but have found you thru different channels. In case you take them to a similar landing page, you can not have the ability to address them personally – and a non-public touch is crucial to convince your customer to make a purchase order.

3. Sequencing the method:

Your landing page should provide a logical sequence of steps that leads can follow to become a client. Create a step-by-step story of why they ought to sign up for updates or make a purchase order. Then once you’ve convinced them enough, tell me the right way to check in. This fashion, you won’t spring the call up on unsuspecting users. Should you ask them to enroll immediately without details, they’ll either search for benefits themselves cursing you for not being efficient or turn out to be deciding to not wade through the method in any respect. You’ll learn more about this in point five where we discuss the site of your call-to-action.

4. Balancing Logic and Emotions:

When we make decisions, we base our judgments on two things: logic and intuition. To convince a result in convert, your website’s design mustn’t ever only be logical but in addition attract the feelings of your customer.

Logically, it’s going to be sequenced and may provide sufficient evidence for judgment. Emotionally, the design language needs to be in accordance with your target audience’s profile, should reflect your brand’s values, content should evoke an emotional association with the logo, and it’ll guide the customer’s eye in the course of the process.

The Seven Principles Of Conversion-Centered Design

5. The Fold:

Be careful where you put your call-to-action. In the event you place it above the fold, this is too soon to invite the user to decide. In the event you place it on the end of the page, it’s too late. His interest has fizzled out. Ideally, your call-to-action must be directly on top after the fold. Which means whatever decision you desire the user should make must be made immediately after the 1st scroll.

Above the fold, present your logical and emotional content to convince the user. Your content should follow the four-step strategy of AIDA – attention, interest and desire finally resulting in action (CTA).

6. Center around Benefits for the User:

Most websites have a sort for the users landing on their page. It is advisable provide enough motivation for users to fill out the shape. One technique is to have five bullet points telling the user what he’s going to get out of you. Notice that it’s different from what we will provide you with. There’s a slight variation in copy. For instance:

What we are able to come up with: SEO services.

What you’ll get: technique to make your website popular in Google.

Also, your CTA (call-to-action) should describe what the user gets. Rather than having a “Submit” button for a sort to get a free white paper, consider writing “Download Whitepaper Now”.

7. The Bandwagon Effect:

An experiment conducted in 1969 that showed that folks are likely to follow trends and mimic the actions of others around them. a guy was told to face in a hectic street in Ny looking skyward. Soon afterward, other folks noticed him, five of whom started looking skyward themselves desirous about what the fellow was watching. Later, eighteen more people joined the gang. That could be a 400% increase!

When you’re designing a webpage for conversion, use the bandwagon effect on your advantage. Show those who else has signed up/ bought/ subscribed. Once you link it to a social network and show them a listing in their friends who’ve opted for a similar thing, that’s even better!

Design cues for conversion-centered design:

– Encapsulation (circular shapes like James Bond introductory titles)

The Seven Principles Of Conversion-Centered Design

The Seven Principles Of Conversion-Centered Design

1. Contrast and Colour
2. Directional cues: arrows, pathways, images of babies, lines, eyes
3. White space

– Psychological elements for conversion-centered design:

1. Urgency: Amazon.com offers discounted prices with a deadline. This alerts your frontal cortex of the brain and also you recognize the necessity to make a snappy decision.

2. Scarcity: Websites like TicketMaster and Expedia show you that there are a limited variety of tickets available. This works similar to urgency.

3. Try before you purchase: Giving your users a preview or demo of the product establishes their trust for your transparency and increases their will to purchase from you.

What I’ve written on this blog post is from my experience and research. If I’ve missed out something or if you’ve found a method that works for you, let me know within the comments below. Conversion-centered design may be executed in multiple ways but your goal need to be to assist the user decide. i am hoping this blog post might help you convince them in the course of the language of design.

Posted in Web Design

13 Super Inspiring About Pages

Posted on March 26, 2014 at 4:31 pm

By Gisele Muller / Mar 16, 2014 / Inspiration

shares

How are you presenting yourself and your work on your audience? About pages are really important to reveal your audience more about you, your work and your ideas. It’s a pleasant strategy to get more personal and go behind the business side of items. Designing a pleasant about page may well be challenging. For that reason, we gathered a some super inspiring examples to inspire you. You’ll notice all of those examples are unique of their own way, but all possess excellent typography and use of pictures. Enjoy!

Grain & Mortar

13 Inspiring About Pages

13 Inspiring About Pages

Mr. President

13 Inspiring About Pages

Creative Market

13 Inspiring About Pages

13 Inspiring About Pages

Playground

13 Inspiring About Pages

Mostly Serious

13 Inspiring About Pages

13 Inspiring About Pages

The Neighbourhood

13 Inspiring About Pages

13 Inspiring About Pages

Knormal

13 Inspiring About Pages0

Forty

13 Inspiring About Pages1

Big Bite Creative

13 Inspiring About Pages2

Themes Kingdom

13 Inspiring About Pages3

Mike Kus

13 Inspiring About Pages4

Two Arms Inc

13 Inspiring About Pages5

adaptable

13 Inspiring About Pages6

13 Inspiring About Pages7

Posted in Web Design

Spring Up your Designs with Some Free Flower Textures

Posted on March 24, 2014 at 3:32 pm

Textures are with a view to add personality, depth and interest to a design. However the key to using textures is not to over do it. In other words, keep it subtle. To celebrate textures and spring, that is just across the corner, we decided to collect some free flower textures a good way to use for your projects. Enjoy.

Grungy Mauve Brown Textures

Spring up your designs with some free Flowers Textures

Spring Flowering

Spring up your designs with some free Flowers Textures

6 large retro textures

Spring up your designs with some free Flowers Textures

Vintage Bum

Spring up your designs with some free Flowers Textures

Wood Flower Texture

Spring up your designs with some free Flowers Textures

Cloth Texture Pack

Spring up your designs with some free Flowers Textures

7 Floral Fabric Textures

Spring up your designs with some free Flowers Textures

Flower Design

Spring up your designs with some free Flowers Textures

Retro Floral

Spring up your designs with some free Flowers Textures

Posted in Web Design

30 Free Vintage Logo Templates

Posted on March 22, 2014 at 9:23 am

Looking for some good quality vintage logos or insignias? We’ve got your covered. We’ve searched the online and located 30 of them in an effort to use on your projects, for inspiration, or just a kick off point in your designs.

These files include editable layers, free fonts, and are fully scalable. One pack even comes with some grungy vintage textures. Enjoy!

9 Hand Drawn Editable Vintage Logos

30 Free Vintage Logo Templates

30 Free Vintage Logo Templates

6 Free Customizable Retro/Vintage Logos & Emblems

30 Free Vintage Logo Templates

4 VINTAGE LOGOS / BADGES – VECTOR TEMPLATES

30 Free Vintage Logo Templates

Vintage Woodsman Logo – Freebie

30 Free Vintage Logo Templates

5 Vintage Labels / Insignias Vol.1

logos5

5 RETRO INSIGNIAS

30 Free Vintage Logo Templates

Posted in Web Design

4 Common Mistakes You make to your Website and the way to mend Them

Posted on March 20, 2014 at 7:35 am

Your website is your most important online tool. When visitors click your homepage, it’s often their first opportunity to have interaction together with your brand. If you’re not getting results, you’ve probably made some major—and pretty common—mistakes in your site. Fortunately, it’s often easy to correct such problems. By employing a number of simple measures, you possibly can turn a site misfire right into a recipe for higher conversions and enhanced brand awareness. Listed below are 4 common mistakes you make in your website-and the way to fix them.

1. Information Overload

4 Common Mistakes You are Making on Your Website and How to Fix Them Image via Shutterstock

Deluging visitors with data, especially in your homepage, doesn’t help pitch your products or your brand. People get overwhelmed by an excessive amount of detail, and the more of it you cram into one space, the more your call to action gets buried under minutia the buyer doesn’t want to know.

How to repair It: Less is more. Provide simple bulletpoints of data that get the purpose across and make an impact. Lead quickly right into a clear call to action. Make it easy to your visitors to peer what you’re about, what you’re offering and why they have to act now.

2. Your Design Doesn’t Reflect Your Brand

You had the simplest of intentions once you asked your cousin to splash slick, globule-like designs everywhere your homepage. It’s artsy and cool—and that attracts a crowd, right? Sure it does, if you’ve got an art display at the sidewalk. People will stop and glance at it, but they won’t know what it means and that they won’t really care.

How to mend It: Hire a pro service to design a domain that’s simple, concise and makes every element cohesive and reflective of your brand. Design is essentially the most powerful element in your site. To make an excellent first impression you must make an impact. Work with a design professional to color an image of your organization that ties into your brand and resonates along with your audience.

3. Your Content is Stale

4 Common Mistakes You are Making on Your Website and How to Fix Them Image via Shutterstock

Search engines love fresh content. Why? Because users flock to it. If you’re not updating your content, people don’t have anything new to examine. Stale content can drop your site to the ground of the SERPS, and your visitors will stop caring, because they’ll assume you stopped caring, too.

How to mend It: Updating site content is a straightforward and cheap fix. Host a blog or post fresh articles daily or as a minimum twice every week. SEO is essential and may be incorporated, but don’t stuff content with keywords until it’s unreadable. Keep your content interesting, relevant and tied in your brand—and keep adding more. People will read it, grow aware of your organization and care more about your brand and your offerings.

4. You Missed Your Target Market

4 Common Mistakes You are Making on Your Website and How to Fix Them Image via Shutterstock

The Internet is the one venue that grants you immediate exposure to virtually the whole world. So it is usually tempting to aim to achieve everyone with an unfocused site that targets…no one. By being too broad, you’ll miss the mark, miss your audience and fail to notice conversions and business growth.

How to repair It: You must cater for your audience. If you’re an apparel store that sells clothes targeted at women of their late 20’s to early 40’s, that’s the market you want to attract using all of the elements of your site, including design and content.

Making mistakes to your website can hamper business growth and drive away visitors. Fortunately, the most typical errors are easy to fix. Build a domain that delivers on brand awareness, clean, focused design and relevant content, and watch what you are promoting and consumer base grow.

Posted in Web Design

11 Inspiring Single Page Websites

Posted on March 18, 2014 at 11:31 am

Single page websites are a fantastic technique to deliver a clean and straightforward experience. Showcasing everything you want in one page could be a challenging process, but lots of designers love this concept and prepare amazing one page designs. From an effortless page with pics and text, to amazing parallax scrolling effects, there are several different approaches to making a single page site. Not every project is acceptable for this approach, but when yours assist you to take this route, opt for it.

Mixio

11 Inspiring Single Page Websites

VTcreative

11 Inspiring Single Page Websites

Yellow Conference

11 Inspiring Single Page Websites

Black Creative

11 Inspiring Single Page Websites

CampaignLabs

11 Inspiring Single Page Websites

Heikopaiko

11 Inspiring Single Page Websites

Darren Wilson

11 Inspiring Single Page Websites

PageLanes

11 Inspiring Single Page Websites

The Kyoto Protocol Petition

11 Inspiring Single Page Websites

Drawtoclick

11 Inspiring Single Page Websites

Gabe Abadilla

11 Inspiring Single Page Websites0

About the Author

11 Inspiring Single Page Websites1

Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founding father of @refilmagem & @mentaway Twitter: @gismullr

Posted in Web Design

Tips on how to Build a good Website Footer

Posted on March 14, 2014 at 12:20 pm

Let me be the only to assert it – building a footer is a type of “by the way” sort of tasks for most designers. It kind of feels easy. It sort of feels negligible. It kind of feels love it is additionally left to chance. And there’s some strong reasoning behind one of these standpoint.

For once, footers are seen by a far lower percentage of individuals than, say, the stuff above the fold. Also, they rarely do the rest apart from repeat the information which could already be found elsewhere at the site. And eventually, footer links have the bottom click through rates (CTR) of all links. So why bother?

Footers and CTR

Well, the truth in regards to the low CTR can be true, nevertheless it doesn’t present all the picture. The low CTR is principally as a result of the the undeniable fact that few people see the footer within the first place.

So I even have a theory of my very own about this.

Although, apparently, there’s no study done at the topic (in any case I wasn’t capable of finding it; be at liberty to chip in when you’ve got some data), i feel that the CTR is basically quite high for footers if we only count the folks who’ve scrolled the entire way down at the page.

I did some quick number crunching with my CrazyEgg account to ascertain this more closely. After I compare the estimated selection of those who see my footer (throughout the scroll map tool) and the complete collection of clicks my footer generates, i will see that between 14 percent and 20 percent of folks finally end up clicking on something after they see the footer (counting on the page tested).

Of course, it truly is only a extremely simple test with a slightly small heap of information, so it’s difficult to attract any reliable conclusions. Also, my footer is large. It takes around 55-60 percent of the screen, so it’s hard to withstand clicking on something. Anyway, even despite the shortcomings, the consequences are still very interesting.

So the lesson is simple…

Footers matter.

And here’s what you are able to do to make your footer properly awesome.

1. Don’t treat it as an SEO dumpster

Some people still attempt to inflate their rankings via keyword links within the footer. And that i know that doing so is tough to withstand. It’s simply too easy, and the links don’t even look misplaced. But this really might be avoided in 2014. Mainly since it isn’t much of a challenge for Google to acknowledge the footer and provides the links a low SEO value.

The whole practice is simply so 2008 – or perhaps worse.

Actually, it was 2008 when Rand Fishkin already mentioned this being not effective.

2. Introduce hierarchy

There are always some elements which can be more important than others, and also you should reinforce this concept through alignment, scale, and site within your footer.

For instance, in case you visit Smart Passive Income, you’ll see that obtaining you to opt in is crucial goal for Pat – the landlord. The footer for each page at the site starts with a large subscription box.

How to Build a Properly Awesome Website Footer

Then, additional links and disclosures follow.

Try adopting an analogous idea. Start with what’s important after which continue with everything else.

3. Try one last time to get a conversion

Speaking of opt-ins, nowadays, getting someone to opt in is likely one of the most well liked website goals, and placement owners are willing to do almost anything it takes to lift their conversion rates.

Hard guilty them for that, to be honest.

The footer is the last chance to get a conversion. And that’s without reference to what the conversion represents on your individual case. Cash in on that opportunity, you owe it on your site’s main goal.

For example, here’s the footer at Codeinwp.com – a firm providing PSD-to-WordPress services that I’m portion of. The footer is big and it has one main goal – to convince people to submit their designs and feature them became a working WordPress theme.

How to Build a Properly Awesome Website Footer

4. Use white space

White space is so underrated straight away. Actually, it’s been underrated since ever. When surely, there’s no other easier approach to give your footer some additional emphasis and make the links pop more.

We don’t must go far for examples – just scroll all the way down to see the footer here at WDL.

How to Build a Properly Awesome Website Footer

5. Experiment with “about the author” blocks

If you’re designing a single author site/blog then it’s often a good option to make use of the available space to give a pleasing “about the author” block.

Now, the goal here isn’t increasing the CTR. People rarely click author blocks (at the least in my tests), but it surely does introduce a private touch and makes it clear who the writer isn’t any matter what page is viewed in the intervening time.

Here’s a fine example from Leaving Work Behind:

How to Build a Properly Awesome Website Footer

6. Don’t ignore the must-have links

It’s really hard to visualize a footer without many of the following links:

  • About
  • Contact
  • Home
  • Blog (if there may be one)

The it is because they’re essential is easy. Over time, people have got used to seeing those pages in footers. It’s become a practice, and breaking it rarely pays off.

A long way to move about this when picking the things to say for your footer is to invite yourself the next:

Will my audience expect to look this link within the footer?

7. Display social media links

Here are two of the preferred approaches to social media vs. footers:

  • Use default buttons. As an instance, to get a Facebook Like button, visit this section within the developers area. They have a tendency to be effective by reason of their official nature – persons are very conversant in them and know exactly what to do after they see one.
  • Use some custom buttons. They might not have an identical CTR, but you don’t always are looking to click-optimize these buttons, especially once you try to show greater than a handful of them. Check out TechCrunch, to get a concept:

How to Build a Properly Awesome Website Footer

8. Think about using a sub-footer

Your sub-footer is the part that comes after your main footer area. It’s mostly used to display various legal links or other things that you simply don’t necessarily want people to click, but they do regulate and disclose a number of your operations.

I’m talking about such things as privacy policy, terms, earnings disclosure, copyright clause, DMCA, etc.

Example from SugarSync.com:

How to Build a Properly Awesome Website Footer

9. Showcase social proof, badges, and safety seals

Depending at the form of business that the location you’re engaged on is in, displaying some additional social proof can work well for the site’s overall credibility.

Let’s take another have a look at Pat Flynn’s site to get an example (this time it’s the homepage):

How to Build a Properly Awesome Website Footer

These company logos are usually not clickable, plus the contrast is extremely low. But you don’t really want more. The logos are there to present social proof, to not catch an excessive amount of attention.

10. Link on your best content

This is something which can work well on blogs and online publishing sites almost always; not loads on business sites or product sites.

The main idea is that popular content is often popular for a reason, so showcasing it within the footer can improve the readership numbers even further.

It’s a straightforward rule – it’s much easier to grow the recognition of something that’s already popular, than to construct the recognition of something that’s not.

An example by newInternetOrder.com:

How to Build a Properly Awesome Website Footer

11. Be cautious about turning your footer into “master navigation”

This goes back to the primary item in this very list – treating your footer as an SEO dumpster.

Footers need to be neither an SEO dumpster, nor a master navigation.

You really shouldn’t try cramping all of the links you’ve inside the footer. This can not have a very good effect in your readers.

A lot better approach is to create a custom archives page after which link to it from the footer. That way, you continue to have a readable and clear footer, and if someone desires to discover a specific resource, they are able to achieve this via the archives.

What’s wrong along with your footer, my friend?

To be honest with you, when gathering the information for this post after which writing it, i discovered as a minimum a handful of items wrong with the footers i exploit on my sites. So my question is straightforward: What’s wrong along with your footer? And more importantly, what is going to you do to repair it?

Posted in Web Design

« Previous PageNext Page »