The usability of such sites is often questioned, but I personally think they’re great, although one important factor I’d advise considering is to tap into the user’s mouse scrollwheel to enable it to scroll the website horizontally. This is a technique employed by a bunch of the sites in this showcase, and as you’ll find when browsing, it makes them much more usable.

Daniel Stenberg

Farmhouse Fare

Work at Play

Enterro da Gata

Benek Design

Front-End Design Conference

Pixelounge

Frank Giacobbe

Eric Johansson

Carrot Creative

Graphic Evidence

Lucuma

Artist in Design

We Shoot Bottles

Swear Words

Gavin Castleton

Vanity Claire

Synthetic Infatuation

Sursly

Wall Swaps

Contraband

Publicidade Viva

Alex Flueras

Miguel Perez

Richard McCoy

LoveBento

Visuall

Peter Pearson

Hasrimy

Suie Paparude

Dean Oakley

How to Create Your Own Horizontally Scrolling Website

Fancy building a horizontal site of your own? Check out these handy articles and tutorials. Each one offers expert advice on the coding techniques used, and the best practices when considering going the horizontal way.

How To Create a Horizontally Scrolling Site

Create a Vertical, Horizontal and Diagonal Sliding Content Website with jQuery

Create a Horizontal Scrolling Website

Useful tips to design horizontal website layout

Similar Posts

• Create a Letterpress Effect with CSS Text-Shadow
• How to Convert a Photoshop Mockup to XHTML/CSS
• Create a Clean Modern Website Design in Photoshop
• Web Design Trend Showcase: Letterpress Text Effect

Adii Rockstar

View the website

Denise Chandler

View the website

Adlucent

View the website

Glue

View the website

Andreas Hinkel

View the website

Similar Posts

• Line25 Sites of the Week for October 30th 2009
• Line25 Sites of the Week for October 23rd 2009
• Line25 Sites of the Week for October 16th 2009
• Line25 Sites of the Week for October 9th 2009

Collis Ta’eed / Skellie

• Website: Tuts+.com
• Twitter: @tutsplus
• Average Monthly Pageviews: 13,000,000+

What tools or services do you use to manage the ads on your website?

Like many sites in the creative niche, BuySellAds is our service of choice. We’ve been with Todd, who is the CEO of BuySellAds, since the early days of the service, and we’ve grown together. For companies with more formal procedures for purchasing ads (requiring contracts, invoices, reporting, et al) I handle the arrangement privately. These advertisers generally need a more ‘hands-on’ style of ad management and want to be dealing directly with someone at your company.

How do you decide on your ad pricing structure?

Experimentation and testing is key. We’re always trying out new ad blocks, sizes, positions and prices. As a publisher, the worst thing you can do is let your ad offerings stagnate. If your advertising structure is stale, viewers and advertisers will treat it as such.

Do you actively contact potential advertisers for your website?

In practice, we try to minimize ‘cold-calling’ potential advertisers – since we don’t want to be seen as doing anything spammy. Most commonly someone will contact us about promotion – wanting a link, or to sponsor something – and we’ll suggest that they advertise. Because they’ve freely opted in to a business discussion with us, success rates are quite high.

I think this strategy works because Tuts+ is already very well-known in the industry, so we don’t often need to make our existence known. If we were just starting out with a small audience, I would definitely be the putting word out about us and what we could offer advertisers.

What is the best performing ad on your website?

The leaderboard banner on our biggest site, Psdtuts+. Offering large ad spots on a high traffic property will always help you attract high quality advertisers, and we’ve enjoyed working with Adobe in that space.

Jacob Gube

• Website: SixRevisions.com
• Twitter: @sixrevisions
• Average Monthly Pageviews: 1,500,000

What tools or services do you use to manage the ads on your website?

I use BuySellAds for all my banner advertisements on Six Revisions. Prior to that, I did direct ad sales which was very ineffective and time-consuming; dealing with finding sponsors and managing ads took a lot of time that I could have used in focusing on the site’s content creation. With BuySellAds, you just set it and forget it. Todd Garland, the founder of the service, will work with you and will proactively look for site sponsors for you; so it’s like having an ad sales team working with you so that you can just focus on creating content on your site.

How do you decide on your ad pricing structure?

To decide pricing structures, I typically look at other sites that have comparable readership size and determine it that way; but in case people are wondering, I don’t have an empirical way of figuring out how much ads should cost. I mostly rely on Todd to tell me if the price is unrealistic and hard to sell, or if it’s too low.

Do you actively contact potential advertisers for your website?

I no longer have to contact advertisers. I do, however, get a lot of inquiries and that’s when I provide them information about advertising on Six Revisions.

What is the best performing ad on your website?

Right now, Six Revisions has three types of side banner ads, all in the sidebar. Of course, the higher and bigger it is on the page, the better it performs (and the ad rates are reflective of that disparity in performance).

Henry Jones

• Website: WebDesignLedger.com
• Twitter: @webdesignledger
• Average Monthly Pageviews: 650,000

What tools or services do you use to manage the ads on your website?

We are using Buy Sell Ads and Google Adsense.

How do you decide on your ad pricing structure?

I always look at what other sites are charging, and Todd Garland from BSA is always there to offer pricing advice.

Do you actively contact potential advertisers for your website?

I wouldn’t say actively, but we have contacted advertisers directly in order to sell empty spots.

What is the best performing ad on your website?

The ad for The Best Designs is the best performing. Despite it only being a 125 x 125 banner it is up there with the larger ads on the site in terms of CTR.

Fabio Sasso

• Website: Abduzeedo.com
• Twitter: @abduzeedo
• Average Monthly Pageviews: 5,000,000 – 6,000,000

What tools or services do you use to manage the ads on your website?

Buysellads.com and Adsense

How do you decide on your ad pricing structure?

It was based on the traffic, but I talked to other site owners Todd Garland of buysellads helped me with that as well

Do you actively contact potential advertisers for your website?

No, I’m really terrible at that.

What is the best performing ad on your website?

The 250×200 pixels ads are the best performing.

Grant Friedman

• Website: Colorburned.com
• Twitter: @colorburned
• Average Monthly Pageviews: 100,000 – 120,000

What tools or services do you use to manage the ads on your website?

I use Buy Sell Ads to manage my banner ads but I also have several other options to sponsor my website including text link ads, reviews, giveaways, and sponsored articles.

How do you decide on your ad pricing structure?

My pricing structure was derived partially by trial and error and partially by taking a look at other websites that have about the same traffic as mine. I also try to take into account supply and demand when it comes to text link ads, reviews, and giveaways. For instance, if I receive a lot of requests for text links I have to raise prices because I don’t want my sidebar to be overly cluttered. Conversely if my sidebar is looking a little bare, I lower prices to woo potential sponsors.

Do you actively contact potential advertisers for your website?

I do my best to actively recruit sponsors. As time has gone by however I have found that many sponsors come to me; which is great.

What is the best performing ad on your website?

Most of the banner ads on my site perform rather well. I’ve found that it mostly depends on the graphic. Designers seem to love clicking on cool looking graphics but in terms of click throughs, my big 270 x 180 and my 570 x 100 Above post ads do really well.

Steven Snell

• Website: Vandelay Design, DesignM.ag
• Twitter: @stevensnell
• Average Monthly Pageviews: Vandelay Design: 900,000; DesignM.ag: 550,000

What tools or services do you use to manage the ads on your website?

I use BuySellAds. I have also managed ad space manually, but with multiple websites it is much easier to use BSA. I highly recommend them for any blog or website in the design/development niche, Todd does a great job.

How do you decide on your ad pricing structure?

Mostly on inventory and renewals. If all of my ad spots are filled up and no one cancels in a very long time, most likely they’re priced low. Like anything else, ad spots are only worth what someone is willing to pay. So I try to gauge prices according to how the ad spots are selling and if advertisers are renewing or canceling rather than comparing my prices to other sites.

Do you actively contact potential advertisers for your website?

I did when I first stated selling ads on my site and it worked very well. I contacted people/companies who would be a good fit and who were already advertising on other similar sites. I briefly told them my stats and prices and had a very good response. Now I rarely contact potential advertisers directly. If I have a new spot open up sometimes I’ll go back through a folder in my inbox for advertising inquiries and email some people who had contacted me when nothing was available.

What is the best performing ad on your website?

The best performing ad on both Vandelay Design and Designm.ag are the ads above the content.

Joost de Valk

• Website: Yoast.com
• Twitter: @yoast
• Average Monthly Pageviews: 300,000

What tools or services do you use to manage the ads on your website?

BuySellAds.com :)

How do you decide on your ad pricing structure?

Started of at $125 a month and gradually raised based on demand.

Do you actively contact potential advertisers for your website?

Nope, but BuySellAds does, and they do contact people directly.

What is the best performing ad on your website?

Currently the ad for VideoPress.

Tom Ross

• Website: PSDFAN.com
• Twitter: @psdfan
• Average Monthly Pageviews: 400,000 – 500,000

What tools or services do you use to manage the ads on your website?

BuySellAds!

How do you decide on your ad pricing structure?

I mixture of looking at the competition, and past/current response to my pricing by my advertisers.

Do you actively contact potential advertisers for your website?

I did do this initially to help fill up the empty spots early on. Now I just focus on growing my traffic, average pageviews and community.

What is the best performing ad on your website?

It’s actually the 600X90 banner beneath my posts (above comments), although this is likely due to the ads subject matter. This is followed closely by the 600X90 banner near the top of the site.

Shawn Rubel

• Website: Brusheezy.com, Vecteezy.com, Flasheezy.com
• Twitter: @shawnrock
• Average Monthly Pageviews: Brusheezy: 8,340,985; Vecteezy: 5,987,396; Flasheezy: 107,133

What tools or services do you use to manage the ads on your website?

To manage ads on our network we have a custom ad manager built into the backend of our sites that we use to manage our advertisers that advertise with us directly. We’ve also been using BuySellAds.com to start managing our outside sales and it has been working out very well.

How do you decide on your ad pricing structure?

There were many things we had to consider when we set our pricing. Our goal has always been to provide value to our advertisers. We first looked at websites that had similar traffic stats to ours and checked to see how much they were charging. It was important to us to keep our prices low enough to attract new advertisers while still providing value. Another thing we had to consider was user engagement. Because our content is free, users typically just come pick up a few freebies and leave. This makes our site less attractive to advertisers which was another reason why we had to keep our prices low. Right now our lowest ad rates are less than .10/CPM which is well below the average market price for sites with our similar demographic and traffic stats.

Do you actively contact potential advertisers for your website?

We did this when we first launched back in 2006. I would email them and tell them I was looking for “Sponsorship” and give them my traffic stats. We had some luck with this, but the majority of our advertisers found us. It was a long and slow process to get to where we are today, but the majority of our advertisers have suck with us because we’ve kept our prices low and our traffic volume is high.

What is the best performing ad on your website?

We can not disclose which exact ads receive the highest CTR on our network but, I can tell you that any ads that offer ‘Premium”‘ content that is similar to ours always does well. We’ve also found that the 300×250 Medium Rectangle and 728×90 Leaderboard Sizes receive the higher CTR.

Franz Jeitz

• Website: FudgeGraphics.com
• Twitter: @fudgegraphics
• Average Monthly Pageviews: 125,000

What tools or services do you use to manage the ads on your website?

I use both BuySellAds.com and Google Adsense.

How do you decide on your ad pricing structure?

Through comparison with other design blogs having similar stats to fudgegraphics. Mathematically it works out to be roughly pageviews (in 1000) divided 2 is equal the monthly cost for a 125×125 ad spot in the sidebar.

Do you actively contact potential advertisers for your website?

Yes, every month or two I contact a bunch of potential advertisers to make them aware that they can advertise on fudgegraphics. I also occasionally send out a tweet to inform my followers of available ad spaces.

What is the best performing ad on your website?

The main banner at the top of each post is the best performing ad when it comes to CTR.

Chris Coyier

• Website: CSS-Tricks.com
• Twitter: @chriscoyier
• Average Monthly Pageviews: 1,500,000

What tools or services do you use to manage the ads on your website?

I exclusively use BuySellAds.

How do you decide on your ad pricing structure?

I just started out really low and went up from there. My current strategy is to put the prices at a level that are underneath what other blogs in my similar niche are charging for similar traffic. I prefer to keep a full rack of ads with a backlog of demand rather than put prices high and see unsold ads. Having income be consistent is important to me.

Do you actively contact potential advertisers for your website?

I never have. I think it’s probably a good idea in general, to build relationships that way. I just have never had to so far.

What is the best performing ad on your website?

Strangly enough, it’s 390×200 ad way down in the sidebar. It has the highest number of clicks and highest click through rate of any ads on the site. They are all pretty decent/average, but this one has the slight edge, which you wouldn’t expect for being further down the page.

David Leggett

• Website: Tutorial9.net
• Twitter: @theleggett
• Average Monthly Pageviews: 1,000,000

What tools or services do you use to manage the ads on your website?

Flexibility, Email, Good Communication and BuySellAds.com

How do you decide on your ad pricing structure?

On Tutorial9, we try to generate enough revenue to pay as many contributors as possible. We price as needed based on expected submissions in a month, and try to work directly with as many sponsors as possible so that we can offer fair packages all around. It’s a lot of guess and check work.

Do you actively contact potential advertisers for your website?

Only if we’re having trouble paying for new submissions. We really only want sponsors that our community will really connect with, and even then we like to lean towards fewer for a better viewing experience (and it also gives the sponsors a bit more exclusivity).

What is the best performing ad on your website?

That’s very hard for me to say since I never get to see conversions. We’ve had some sponsors with us for over a year now in the 125×125 blocks, so those definitely work. In regards to traffic, I’m pretty sure that our premium sponsor bar (1000×40 ad unit on the bottom of the page) is the most active unit, sometimes sending double or triple the traffic of any other ad on the page. Surprisingly, it’s a unit we’ve had very little luck selling because of it being so unconventional.

Chris Spooner

• Website: Blog.SpoonGraphics.com
• Twitter: @chrisspooner
• Average Monthly Pageviews: 1,000,000

What tools or services do you use to manage the ads on your website?

I use BuySellAds to completely manage the ads on Blog.SpoonGraphics, however I do keep a little text document to keep track of past and present advertisers for my own records.

How do you decide on your ad pricing structure?

Pricing can be one of those subjects you’re forever going back and forth on, but I eventually decided on a figure by comparing my stats and pricing to blogs of a similar size with equal traffic and subscriber stats.

Do you actively contact potential advertisers for your website?

Nope, I leave advertisers to find my sites manually via the marketplace. If I receive an email directly, I’ll often simply forward the link to my website’s marketplace listing.

What is the best performing ad on your website?

The large banner above the content is the best performing ad, even though it only displays on posts older than 2 weeks.

Expert advice from BuySellAd’s Todd Garland

The BuySellAds marketplace appears time and time again in this article, and has plenty more publishers throughout the design community. I asked BuySellAds owner Todd Garland if he could spare some advice for both publishers looking to sell ad space on their site, and advertisers looking to promote themselves through banner advertising:

Todd Garland

• Website: BuySellAds.com
• Twitter: @buysellads
• Number of websites hosting ads via BSA: 1800-ish
• Average number of impressions served each month: 175K

What tips would you offer to anyone looking to sell ad space on their site?

The best way to sell ads is to NOT sell ads. What I mean by this is don’t put ads on your site when you launch. Certainly plan for the ads in the design, but don’t launch with ads – it looks tacky and desperate. Create quality content, build up your visitors, rss subscribers, twitter followers and general website “asset”" first, and then sell ads. Then, when you start integrating ads you can better justify the interruption to your visitors. And, chances are, since your site will be large enough at this point to attract larger advertisers (i.e. not AdSense or some run of network junk from all of the crappy ad networks out there) and those larger advertisers will many times ADD value to your site. If a quality company like Freshbooks or Mailchimp is advertising on your site specifically – that’s pretty cool.

What are advertisers generally looking for when considering ad space on a particular website?

They are looking for the following (in no particular order):
- Conversions: they want results from your site. Your sites content, pricing, traffic, stats, etc. will help them figure out if they want to place a bet on your site.
- Branding: they want their ad to be on a quality site that is producing quality content, thought leadership, etc.
- Visitors: they want something to measure, and the number of visitors your site sends them is one of those metrics.
- Standard ad sizes: they do not want to create a special ad size for each and every placement, a standard ad size will help you get more advertisers.
- Breathing room: the more breathing room around their ad the more attention it will get. Surely, this isn’t the case for 125×125’s, but for most of the larger ad sizes it is a good idea to give them some breathing room.
- Mediation: This is a shameless plug. They want someone in the middle who will provide some sort of “guarantee” on the transaction and that things will be done right. Since we do good business at BuySellAds.com this is a big value-add for most Advertisers.

What advice could you offer to companies looking to promote their products or services through web advertising?

Advertising alone is not enough. It’s not the full picture, to promote your product properly and “do it right”, you really need to have a nice blend of advertising, word of mouth, and you need to be active within the communities you users frequent.

Design a quality ad. There is nothing less inspiring than an ad that just doesn’t look professional, and the difference is obvious.

Set a 3-6 month budget and stick to it. Don’t get discouraged and be agile. Be prepared to switch up your ad buy every month while you work towards finding the right placements for your product or service.

Test. Test out different landing pages, different creative’s, etc. Don’t just set it and forget it, be active with your ad buy.

Similar Posts

• An Interview with Designer/Developer Jacob Gube
• An Interview with Graphic Designer Fabio Sasso
• An Interview with Freelance Designer Danny Outlaw
• An Interview with CSS Mastermind Chris Coyier

New to York

View the website

TimeSvr

View the website

Medicon Media

View the website

Pixel Thread

View the website

Fusion Ads

View the website

Similar Posts

• Line25 Sites of the Week for November 6th 2009
• Line25 Sites of the Week for October 23rd 2009
• Line25 Sites of the Week for October 16th 2009
• Line25 Sites of the Week for October 9th 2009

Selene M. Bowlby

• Name: Selene M. Bowlby
• Website: idesignstudios.com
• Twitter: @idesignstudios

Emma Taylor

• Name: Emma Taylor
• Website: twigglegraphics.com
• Twitter: @emtaylor

Sarah Parmenter

• Name: Sarah Parmenter
• Website: youknowwhodesign.com
• Twitter: @sazzy

Veerle Pieters

• Name: Veerle Pieters
• Website: veerle.duoh.com
• Twitter: @vpieters

Niki Brown

• Name: Niki Brown
• Website: nikibrown.com
• Twitter: @nikibrown

Grace Smith

• Name: Grace Smith
• Website: postscript5.co.uk
• Twitter: @gracesmith

Adelle Charles

• Name: Adelle Charles
• Website: fuelyourcreativity.com
• Twitter: @adellecharles

Sarah Whinnem

• Name: Sarah Whinnem
• Website: madysondesigns.com
• Twitter: @madysondesigns

Kris Colvin

• Name: Kris Colvin
• Website: kriscolvin.com
• Twitter: @kriscolvin

Kayla Knight

• Name: Kayla Knight
• Website: kaylaknight.com
• Twitter: @kaylamaeknight

Ashley Baxter

• Name: Ashley Baxter
• Website: iamashley.co.uk
• Twitter: @rockers_delight

Shannon Farrell

• Name: Shannon Farrell
• Website: shannonfarrell.com
• Twitter: @dolceshan

Jenna Smith

• Name: Jenna Smith
• Website: growldesign.co.uk
• Twitter: @jjenzz

Stephanie Sullivan

• Name: Stephanie Sullivan
• Website: w3conversions.com
• Twitter: @stefsull

Meagan Fisher

• Name: Meagan Fisher
• Website: owltastic.com
• Twitter: @meaganfisher

Jen Germann

• Name: Jen Germann
• Website: jengermann.com
• Twitter: @germanny

Jina Bolton

• Name: Jina Bolton
• Website: sushiandrobots.com
• Twitter: @jina

Mindy Wagner

• Name: Mindy Wagner
• Website: mindywagner.net
• Twitter: @graphicsgirl

Krissy Gogel

• Name: Krissy Gogel
• Website: 6bdesign.com
• Twitter: @6bdesign

Liz Andrade

• Name: Liz Andrade
• Website: cmdshiftdesign.com
• Twitter: @cmdshiftdesign

Jennifer Farley

• Name: Jennifer Farley
• Website: laughingliondesign.net
• Twitter: @laughing_lion

Lauren Marie Krause

• Name: Lauren Marie Krause
• Website: creativecurio.com
• Twitter: @creativecurio

Tina Roth Eisenberg

• Name: Tina Roth Eisenberg
• Website: swissmiss.com
• Twitter: @swissmiss

Tracey Grady

• Name: Tracey Grady
• Website: traceygrady.com
• Twitter: @traceygr

Vivien Anayi

• Name: Vivien Anayi
• Website: inspirationbit.com
• Twitter: @inspirationbit

Randa Clay

• Name: Randa Clay
• Website: randaclay.com
• Twitter: @randaclay

Antonea Nabors

• Name: Antonea Nabors
• Website: velvetant.net
• Twitter: @antonea

Larissa Meek

• Name: Larissa Meek
• Website: larissameek.com
• Twitter: @larissameek

Lea Alcantara

• Name: Lea Alcantara
• Website: lealea.net
• Twitter: @lealea

Jan Cavan

• Name: Jan Cavan
• Website: dawghousedesignstudio.com
• Twitter: @mj12982

Cindy Li

• Name: Cindy Li
• Website: cindyli.com
• Twitter: @cindyli

Gisele Jaquenod

• Name: Gisele Jaquenod
• Website: giselejaquenod.com.ar
• Twitter: @giselejaquenod

Inayaili de León

• Name: Inavaili de León
• Website: yaili.com
• Twitter: @yaili

Kat Neville

• Name: Kat Neville
• Website: safetygoat.co.uk
• Twitter: @kassy4

Eva-Lotta Lamm

• Name: Eva-Lotte Lamm
• Website: eva-lotta.net
• Twitter: @evalottchen

Sabrina Dent

• Name: Sabrina Dent
• Website: sabrinadent.com
• Twitter: @sabrinadent

Tanya Merone

• Name: Tanya Merone
• Website: tanyamerone.com
• Twitter: @tanyamerone

Alyssa Tucker

• Name: Alyssa Tucker
• Website: alyssatucker.com
• Twitter: @dizzyvapor

Natalie Jost

• Name: Natalie Jost
• Website: nataliejost.com
• Twitter: @natalie

Ali Felski

• Name: Ali Felski
• Website: alifelski.com
• Twitter: @felskia

Similar Posts

• Selling Ad Space: Tips from Top Design Blog Owners
• An Interview with Graphic Designer Fabio Sasso
• Inspirational Showcase of Business Card Websites
• An Interview with CSS Mastermind Chris Coyier

Mark Jardine

View the website

Mutant Labs

View the website

8Interactive

View the website

Purple Raincloud

View the website

Ballpark

View the website

Similar Posts

• Line25 Sites of the Week for November 6th 2009
• Line25 Sites of the Week for October 30th 2009
• Line25 Sites of the Week for October 16th 2009
• Line25 Sites of the Week for October 9th 2009

The example

Here’s a quick example I’ve put together to show a typical website layout. The design employs three columns comprising of two grey sidebars and the main central content area.

Here’s the HTML for the layout, showing a content div containing the two sidebars and main centre column.

The problem

To code this up we would simply float three divs side by side, and add a grey background to the sidebars, right?

Fail! What happens is the sidebars will end at different heights due to the varying length of content in each.

The solution

One of the easiest ways to solve this problem is to take a step back from the code, and look at how the design can be alternatively sliced to give the impression of equal height columns. Instead of attaching a grey background to each sidebar, we could take a long slice that includes the whole width of the design.

When this slice is attached to the containing div, it gives the impression of a three column layout, but isn’t affected by varying amounts of content.

Being just one image attached to the container means that the graphic will repeat for the entire height of whichever is the longest column.

The demo

Of course, this technique isn’t limited to three column layouts. It can also come in handy for the single left or right aligned sidebar, or even a mega layout with stacks of columns! Check it out in more detail in the coded demo:

View the demo

Similar Posts

• 15 Must Read Articles for CSS Beginners
• 10 HTML Tag Crimes You Really Shouldn’t Commit
• How to Convert a Photoshop Mockup to XHTML/CSS
• How to Build a Simple Button with CSS Image Sprites

53mondays

View the website

Site Wave

View the website

Julio Fragoso

View the website

Andries Reitsma

View the website

Okay

View the website

Similar Posts

• Line25 Sites of the Week for November 6th 2009
• Line25 Sites of the Week for October 30th 2009
• Line25 Sites of the Week for October 23rd 2009
• Line25 Sites of the Week for October 9th 2009

What’s coming soon?

Coming soon pages are in essence a teaser for what is due to come once this fabulous thing has been finished. So it’s important to give an insight on what the site-to-be is all about.

Lilly’s Table gives a concise description of the nature of the site is a short, sharp paragraph.

Develop a brand from day one

One benefit of placing something on your domain is that it gives the opportunity to develop a logo and brand that can be embedded into the minds of your viewers before the final site is even live.

The Republic’s coming soon page is set on a clean and simple design to allow the large logo and overall brand to shine.

Provide email notifications or signups

It’s no use posting up an awesome coming soon page, but not providing any way of following up. It’s more than likely the viewer will have forgotten all about it by tomorrow, so being able to say ‘Hey, the site is now live – Check it out’ is super important.

FavMovie uses a typical email signup box to allow uses to subscribe to a newsletter for more info.

Go to town on the design

It might only be a temporary placeholder for what is coming, but this doesn’t mean it shouldn’t be given the same amount of time and effort as the completed site. Creating something interesting and enticing will help generate interest. Do this well enough and you’ll capture a few ‘Oh, this actually looks pretty good!’ sign ups.

The Squid Chef coming soon page is packed full of fun with awesome character illustration and casual language.

Do something fun or different

Coming soon pages aren’t anything new, there’s thousands of them out there already. With this in mind it’s important to make yours stand out. Do something unique or fun. People share stuff they like, so give them a reason to pass on the link.

The Silverback App gained huge exposure thanks to the hidden gem of the parallax background effect.

Offer links to social networks

Email isn’t the only method of communication in today’s world of web. Social networks are important tools for communicating with users. Sites like Twitter and Facebook will allow viewers to learn more behind the scenes of the website.

Luke Beard provides links to various social networks to allow personal interaction.

20 Great Coming Soon Pages

Need a little inspiration? Check out these awesome examples of coming soon pages from various websites.

Similar Posts

• Create a Letterpress Effect with CSS Text-Shadow
• Horizontally Scrolling Websites Showcase & Tutorials
• Selling Ad Space: Tips from Top Design Blog Owners
• 25 Detailed Tutorials for Coding Up Your Web Designs

Nosotros

View the website

Boompa

View the website

Freelenz

View the website

Monk

View the website

Antony J Zinni

View the website

Similar Posts

• Line25 Sites of the Week for November 6th 2009
• Line25 Sites of the Week for October 30th 2009
• Line25 Sites of the Week for October 23rd 2009
• Line25 Sites of the Week for October 16th 2009