The Web Design Guide and Showcase
30.3K views | +0 today
Follow
The Web Design Guide and Showcase
Examples, tutorials, insight and non-technical news about designing effective web pages
Curated by Robin Good
Your new post is loading...
Your new post is loading...
Scooped by Robin Good
Scoop.it!

A Curated Collection of Great Landing Pages: Book Land

A Curated Collection of Great Landing Pages: Book Land | The Web Design Guide and Showcase | Scoop.it
Robin Good's insight:



Book Land is an inspiring collection of 240+ product landing pages organized chronologically and by different tags/categories.


Given the amount of low quality collections, and the time that it takes to scour the web to find good, inspiring examples like these, Book Land is a useful and refreshing design inspiration gallery to save for future use.



Clean, easy to browse, inspirational.


Free to use. Updated weekly.


Check it out now: http://land-book.com/



Suggest new pages: http://land-book.com/suggest/


Feed RSS: http://land-book.com/feed/


Created by Dawid Liberadzki, Konrad Księżopolski and Marcin Wieprzkowicz.




more...
No comment yet.
Scooped by Robin Good
Scoop.it!

Turn Any Existing Web Page Into a Wireframe Instantly with Wirify

Robin Good's insight:



Wirify is a very useful tool for web designers and anyone interested in analyzing and improving a web site organization and layout.


In one click Wirify is capable of rendering any web page into a simplified sketch outlining how the space on the page is being utilized, by hiding the actual contents and replacing them with graphic placeholders. 


To use Wirify you install a simple bookmarklet on your browser bookmark bar and then, anytime you want to transform a web site you are looking at into a wireframe, you can do so by clicking the Wirify bookmarklet.


Free to use.


Pro version available allowing wireframe export to other apps like Omnigraffle, Visio and Balsamiq as well as in the standard .SVG vector format. 

Try it out now: http://www.wirify.com/ 



via Mirko D'Isidoro 





more...
Brad Tollefson's curator insight, April 7, 2014 12:46 PM

reverse-engineering a prototype...

Scooped by Robin Good
Scoop.it!

15 Web Design Blogs To Keep as References

15 Web Design Blogs To Keep as References | The Web Design Guide and Showcase | Scoop.it
Recently I have spent my some time on internet to maintain a list of some highest quality and most effective web design blog around web world. I was searching
Robin Good's insight:



If you are looking for web design inspiration, news, tutorials and advice here is a good list of the top 15 web design blogs available out there.


Useful. Resourceful. 7/10



Full article: http://webrevisions.com/web-design/15-high-quality-web-design-blogs-of-all-time 




more...
No comment yet.
Rescooped by Robin Good from MarketingHits
Scoop.it!

35 Great iPhone Apps for Designers

35 Great iPhone Apps for Designers | The Web Design Guide and Showcase | Scoop.it

From sketching on the go to choosing colours and fonts, these awesome iPhone apps will speed up your workflow and help you make the right design choices.


Via Brian Yanish - MarketingHits.com
Robin Good's insight:

Good short info about many apps I didn't know about. Reference of price, author and download/buy link.


Very useful. 7/10


Original list: http://www.creativebloq.com/design-tools/best-iphone-apps-812522



more...
Brian Yanish - MarketingHits.com's curator insight, March 19, 2013 6:29 PM

Find some great app in this article.

Paco Arcoleo's curator insight, March 28, 2013 6:08 PM

Certo l'iPhone come display limita parecchio, però si sà siamo sempre più smanettoni! un pò tutti!!! :D

Scooped by Robin Good
Scoop.it!

Design Your Web Site Mock-Up With One of These Free WireFraming Tools

Design Your Web Site Mock-Up With One of These Free WireFraming Tools | The Web Design Guide and Showcase | Scoop.it

Robin Good: If you are looking for free tools that can help you draft the design of your web site or application, look no further as this is a good collection providing ten wrireframing alternatives.


Definition of Wireframe:
A wireframe is a visual illustration of one Web page. It is meant to show all of the items that are included on a particular page, without defining the look and feel (or graphic design).


It’s simply meant to illustrate the features, content and links that need to appear on a page so that your design team can mock up a visual interface and your programmers understand the page features and how they are supposed to work.


Source: usability.gov


Full guide: http://speckyboy.com/2010/01/11/10-completely-free-wireframe-and-mockup-applications/



more...
No comment yet.
Scooped by Robin Good
Scoop.it!

The Disappearing Interface: Colored Content Blocks and Squares Are Next

The Disappearing Interface: Colored Content Blocks and Squares Are Next | The Web Design Guide and Showcase | Scoop.it

Robin Good: If you have not noticed yet, the next design trend is all about “undesign”.


"Undesign, a minimalist, tablet-friendly approach to website design."


It's not, like Dylan Tweney writes on Venturebeat, that design has become less important, but rather that it is receding in the background to leave space for direct access to content.


"Instead of pages crowded with links, buttons, and display type of all different sizes, designers were simplifying their layouts. The smartest designers stripped away the nonessential elements of their designs, leaving clean pages that let the eye focus on whatever images or words had been put there by writers and editors.


Why?


Because if the designers didn’t simplify their web pages, readers were going to use utilities like Readability and Instapaper to do it for them."


...


"One of the first apps to embrace this sort of rectangularity was Flipboard, which launched in mid-2010. It transformed the process of browsing RSS feeds into a magazine-like experience by putting stories into a boxy, more readable layout.


Last year's big fashion trend was the color block, and this year's tech trend follows suit: It's the square. More precisely, it's the big, colorful rectangle filled with a solid color (like Windows 8) or a photograph (like Pinterest)."


Right on the mark. 9/10


Full article: http://venturebeat.com/2012/03/07/dylans-desk-design-goes-minimal-online-and-off/ 

more...
No comment yet.
Scooped by Robin Good
Scoop.it!

Web Design Innovation: How To Break Rules and Conventions By Using Focal Points In Design Layout

Web Design Innovation: How To Break Rules and Conventions By Using Focal Points In Design Layout | The Web Design Guide and Showcase | Scoop.it

From the article intro:

"Successful design in publishing, advertising, web design, illustration and anything else that ties together elements depends on drawing in the reader and leading their eyes across the page.


Some people think it’s not a big deal and that designing a page comes naturally because of cultural lessons we learn growing up and looking at design from childhood yet few, if any understand why it works the way it does."


In reality things are not simple, natural or obvious, especially if, you are in the group of those who do not just want to follow the mainstream standards but who like to break out of conventions and innovate while bringing greater value.


But how do you achieve that, unless you are already a great designer?


What are the rules that can be broken?


This good article by Speider Schneider provides some good basic advice, on what is needed to head properly in this direction.


Full article: http://www.instantshift.com/2012/01/06/focal-points-in-design-layout/ 
 

(Reviewed by Robin Good)

more...
No comment yet.
Scooped by Robin Good
Scoop.it!

Web Design and User Onboarding Inspiration: 14 Curated Resources

Web Design and User Onboarding Inspiration: 14 Curated Resources | The Web Design Guide and Showcase | Scoop.it
Robin Good's insight:



A valuable curated selection of fourteen different online resources which provide web design, UI and user onboarding inspiration, examples and best practices to their readers.


Kudos to Danny Schreiber on the Zapier blog for curating this excellent set of resources.


If you are into web design, web marketing or in learning rapidly from others what works on the web, you must bookmark this stuff and share it with your networks.


Very valuable. 8/10


Full article: https://zapier.com/blog/user-onboarding-user-interface-inspiration/ 





more...
Nine0Media's curator insight, April 11, 2014 4:53 PM

#WebConsultants @Nine0Media

Nine0Media's curator insight, April 11, 2014 4:55 PM

@Nine0Media , #WebConsultants 

Scooped by Robin Good
Scoop.it!

A Curated Collection of Web Design and User Interface Tips: GoodUI

A Curated Collection of Web Design and User Interface Tips: GoodUI | The Web Design Guide and Showcase | Scoop.it
Robin Good's insight:



GoodUI offers a growing catalog of web design tips and UI ideas that can be immediately put to use. 

You can also subscribe to the newsletter, and receive new tips everytime new ones come out. 



Excellent tips, and suggestions. Easy to understand, well presented. Recommended.



Free to browse.


Check it out now: http://goodui.org/ 


GoodUI is a project by Jakub of Linowski Interaction Design




more...
Giuseppe Bonanno's curator insight, March 26, 2014 4:42 AM

Un lungo e dettagliato elenco di consigli utili per l'ottimizzazione di landing page e, in genere, di pagine web finalizzate a una conversione.

Rescooped by Robin Good from Just Story It! Biz Storytelling
Scoop.it!

Storytelling in Web Design: 10 Great Examples

Storytelling in Web Design: 10 Great Examples | The Web Design Guide and Showcase | Scoop.it

In “Storytelling in Web Design,” I explained the three most basic aspects of storytelling — character, setting, and action — and offered ways to begin including storytelling in web design using basic design elements..."


Via Karen Dietz
Robin Good's insight:


Here are ten illustrated examples of how storytelling can be an integral part of any web design and communication strategy.

The examples are nice and inspiring, and by simply looking at them, you can start to imagine in which way your own story could be told more effectively by using this approach.


For each one of these you also get to know the character, setting, and action found in each story.



Very useful. Excellent examples. 8/10

Full set: http://webmarketingtoday.com/articles/10-Examples-of-Storytelling-in-Web-Design/


(Thanks to Karen Dietz for her continuous research on the storytelling front)




more...
Brad Tollefson's curator insight, March 28, 2013 3:58 AM

Excellent. 

Ruth Bass's curator insight, March 29, 2013 4:39 PM

add your insight...

Ruth Bass's curator insight, March 30, 2013 2:03 PM

add your insight...

Scooped by Robin Good
Scoop.it!

Web Design Is About Serving People's Needs: The Art of Web Design | PBS

Robin Good: A great short video from PBS brings together the views and opinions of three great web designers: Jason Santa Maria, Jeffrey Zeldman, Whitney Hess.

From BoingBoing.net: "The explosion of the internet over the past 20 years has led to the development of one of the newest creative mediums: the website.


Web designers have adapted through the technological developments of html, CSS, Flash, and JavaScript, and have mastered the balance between creativity and usability.


Now with the advance of mobile, the greatest websites have taken user experience and responsive design to the next level, and continue our evolution from print to a digital world."


Good stuff. Interesting. 8/10


Original video: http://youtu.be/3iVVM_DgWY4



more...
No comment yet.
Scooped by Robin Good
Scoop.it!

Web Site Prototyping on Paper: Analog Tools for Web and Mobile Designers

Web Site Prototyping on Paper: Analog Tools for Web and Mobile Designers | The Web Design Guide and Showcase | Scoop.it

Robin Good: If you like to go back to pen and paper to draw your sketches, rather than launching the latest web prototyping tool, you are probably still doing the best thing. 


As Milos Nedved writes on 1stwebdesigner: "...analog methods of prototyping are especially valuable right at the beginning of projects – when speed matters the most.


Working with paper, or perhaps a whiteboard, can accelerate the speed of our learning loops.


Sketch, feedback, sketch, feedback, sketch feedback – you can go through dozens of iterations in one day and you’ll set solid foundations for the rest of the work.


Consider it kind of premium insurance. Getting rough feedback quickly can save you a lot of work."


The article contains a short review of a set of analog, paper-based, web design/ mobile prototyping tools.


Useful. 8/10


Full article: http://www.1stwebdesigner.com/design/paper-prototyping-analog-tools-web-mobile-designers/



more...
No comment yet.
Scooped by Robin Good
Scoop.it!

Crowdsource Your Website Design: The 99designs Designers Marketplace

Crowdsource Your Website Design: The 99designs Designers Marketplace | The Web Design Guide and Showcase | Scoop.it

If you are looking for a web design solution that sits in between amateurish self-made work and the professional high-price designer layout, you can give a look to 99designs.com which offers the opportunity to get your design need crowdsourced out to many interested designers.


How it works:


1) You submit your "design brief" for a logo, business card or web site.


2) You decide how much you want to pay for it.


3) 99designs publishes your project as a call for participation. 


4) From that moment on dozen of designers submit their work proposals to get your work.


5) You give feedback to improve the ones you like and you finally chose your preferred one.


6) If you are not satisfied with any of the proposals, you get your money back.


See some examples: http://99designs.com/web-design 

http://99designs.com/custom-wordpress-themes 

http://99designs.com/logo-design 


Browse open projects: http://99designs.com/logo-design/contests 


Find out more here: http://99designs.com/ 



(Reviewed by Robin Good)

more...
No comment yet.
Scooped by Robin Good
Scoop.it!

Alternative WordPress Themes and Templates-Shops | Webdesignfan

Alternative WordPress Themes and Templates-Shops | Webdesignfan | The Web Design Guide and Showcase | Scoop.it

If you are looking for WordPress design themes and templates alternatives, here is a curated list of 14 different theme-shops cut specifically for this, alongside a short description and some indicative price references.


Useful. 7/1o


Full list: http://webdesignfan.com/wordpress-theme-shops-you-may-not-know-about/ 

more...
No comment yet.