Skip to main content

20 Single Page Web Designs to Inspire You

Single page websites, when properly designed, are a great way to put all the content front and center and increase the chances of it being seen by the visitor. From scrolling effects that engage the user, to simple and clean ideas focusing on type and images, there are several different approaches for this same concept. So for today, we gathered some extremely well executed single page websites to inspire you.

Creatance

20 Single Page Designs to Inspire You

FreeTheChicken

20 Single Page Designs to Inspire You

2013 Meet the Pros

20 Single Page Designs to Inspire You

Fifteen

20 Single Page Designs to Inspire You

Ristojob

20 Single Page Designs to Inspire You

Brig

20 Single Page Designs to Inspire You

Romain Briaux

20 Single Page Designs to Inspire You

Juliana Bicycles

20 Single Page Designs to Inspire You

Think Bear

20 Single Page Designs to Inspire You

Katia Bongiorno

20 Single Page Designs to Inspire You

The Space InBetween

20 Single Page Designs to Inspire You

iTrackMyTime

20 Single Page Designs to Inspire You

Adam Hartwig

20 Single Page Designs to Inspire You

Me, Valentin & You

20 Single Page Designs to Inspire You

Andrew McCarthy

20 Single Page Designs to Inspire You

My Own Corks

20 Single Page Designs to Inspire You

Calio.co

20 Single Page Designs to Inspire You

Rui Seiça

20 Single Page Designs to Inspire You

Courtney & Andrew

20 Single Page Designs to Inspire You

Pica Pica

20 Single Page Designs to Inspire You

Comments

Popular posts from this blog

Text Ideas in Design - Turn Typography into exciting designs!

Text Ideas in Design  - Turn Typography into exciting designs! TEXT THAT CREATES BACKGROUNDS   Tiling, gradients,  bokeh  and text design interlink to form an interesting background. Bokeh is the photographic blur effect to get a soft, out-of-focus look. Extremely effective and relevant use of handwritten text to form a background and an image. The ad for Australia Post says “If you really want to touch someone, send them a letter.”  The visual shows this literally – a letter hugging a girl. EXTRA-LARGE HEADLINES Looks like designers are having themselves a field day with big, bold headlines.  The kind that stop you in your tracks and make you read. This site has the outsized headline in lower case and the content in all caps in a smart yet simple design that optimizes the use of color and type. Courtesy:  LemonDesign    Here every word begins with the letter ‘A’ which takes center-stage in no uncertain terms.  ...

Web Design Ideas

ooking for something to add a little punch to your website design and make it stand apart?  We bring you some ideas to trigger your creative thoughts and entice the user into your site. Use single page design - keep it simple Create unusual icons  – let your imagination come into play Use attractive navigation  – try out something different Draw on circular elements  to attract the viewer - soften hard lines and angles Use good-looking textures Use CSS3 to create animations, transforms and transitions  –  a great alternative to Flash Try out unusual designs for forms Single Page Design Click here for some great ideas on single page designs! Just Dot This scrolling single-page website uses a simple concept – ideas coming to life on a blackboard, with all the changes, scribbles and erasing that refine the process of ideation. The white and red chalk sketches and typography highlight the site’s promise of “Brilliant ideas come to life”. The J...

Dynamic Grid Output Script Using PHP + MySQL Array Data

<?php // Include database connection include_once  'connect_to_mysql.php' ; // SQL query to interact with info from our database $sql  =  mysql_query ( "SELECT id, member_name FROM member_table ORDER BY id DESC LIMIT 15" );  $i  =  0 ; // Establish the output variable $dyn_table  =  '<table border="1" cellpadding="10">' ; while( $row  =  mysql_fetch_array ( $sql )){          $id  =  $row [ "id" ];      $member_name  =  $row [ "member_name" ];         if ( $i  %  3  ==  0 ) {  // if $i is divisible by our target number (in this case "3")          $dyn...