background preloader

A Collection of Printable Web Browser Sketching and Wireframe Templates

A Collection of Printable Web Browser Sketching and Wireframe Templates
All of the printable sketching templates that you will find below have all been designed specifically for web designers. Each of the sketching templates have an imprint of a web browser (they either use Safari, Chrome or Firefox) just waiting for you to wireframe or sketch your next design project. Each template is slightly different, most have various grid sizes, others are either blank or lined and some of them have allowed space to accommodate some note-taking. Below the free templates you will find a small selection of notepads and sketchpads (sorry, they are not free, pretty cheap though), again designed with the imprint of a web browser and all cool enough to merit a mention. Web Design Sketchbook The Web Design Sketchbook features a series of design and layout brainstorming pages with full browser chrome and grids to better plan how your site will look and operate when it is finished. You can view the printable templates below: Web Design Sketchbook Sketchbook Template Related:  WEBDESIGN

Infographie : Comment créer votre charte graphique Comme ce sont les fêtes de fin d’année, voici mon cadeau pour vous, fidèles lecteurs de Squid-impact (pour les autres, bienvenue et profitez-en aussi !). Cette infographie résume les grandes étapes de la création d’une charte graphique et quelques clés pour ses différents éléments : polices, logo, couleurs, … J’y ai ajouté quelques astuces et anecdotes qui, je l’espère, sauront vous intéresser. La création d’une charte graphique est une étape délicate. En complément, si vous êtes en plein développement ou refonte de vos outils de communication, je vous propose la lecture des ces quelques articles : – Préparer sa stratégie de communication– Les 7 éléments incontournables d’une communication réussie– Comment créer une charte graphique– Communiquer avec les bonnes couleurs : 10 choses à savoir

5 erreurs d'ergonomie qui font chuter le chiffre d'affaire de votre site web Vous avez un site web et un peu de trafic, mais personne n’achète vos produits ? Vous vous demandez comment faire pour augmenter vos ventes via internet et maximiser votre chiffre d’affaire ? Il vous faut d’abord comprendre pourquoi vos visites ne se transforme pas en vente. Voici 5 erreurs commises par 95% des vendeurs sur la toile. Erreur 1 : Trop de distractions sur vos pages Lorsqu’un internaute arrive sur une page produit ou mieux encore sur la page de paiement, tout ce que vous souhaitez c’est qu’il achète le produit, autrement dit qu’il l’ajoute au panier et conclut la transaction. Un autre exemple: demander à l’internaute de partager la page produit sur Facebook ou Twitter. Erreur 2 : Un système de paiement trop compliqué Je suis parfois atterré de voir la confusion de certains systèmes de paiement. Erreur 3 : Aucune instruction donnée à l’internaute Erreur 4 : Une offre pas assez claire Au-delà de ça, le côté spécifique de l’offre est important aussi. Soyez beaucoup plus précis:

Un design original pour le site événementiel de la CNAV L’Union sociale pour l’habitat, la Caisse nationale d’assurance vieillesse (CNAV) et la Caisse des dépôts créent le prix « Hlm, partenaire des âgés », destiné à récompenser les meilleures initiatives des organismes Hlm en faveur de la transition démographique. Dans ce cadre, la CNAV a fait appel à Indexel pour réaliser un site web qui présente le concours et permette de déposer un dossier de candidature en ligne. Afin de répondre à l’objectif de la CNAV, Indexel a préconisé un site one page plutôt qu’un site web classique. L’avantage ? La possibilité de scénariser la page pour raconter une véritable histoire. Le contenu proposé – simplifié – permet d’aller à l’essentiel et de ne pas perdre l’internaute. « Bravo à l’équipe Indexel qui a bien compris les enjeux et les objectifs de ce projet. Smiljka Grkovic,Chargée de communication externe, la CNAV

Comment créer une charte graphique ? Le but de la charte graphique est d’aider à maintenir cohérence et professionnalisme dans votre communication en tant qu’organisation, entreprise ou église, en interne et à l’extérieur. Quand vos bureaux, l’église et ses différents départements produisent des écrits et des images qui respectent une certaine harmonie, vous présentez un message cohérent, emprunt d’unité et dont vous augmentez l’impact au fil du temps. Cette cohérence doit être trouvée dans toute votre communication, d’une lettre à un fournisseur, à un article de site Web, d’une carte de remerciement à l’une de vos vidéos. La plupart du temps, lorsque je rencontre des églises qui souhaitent se lancer dans des opérations de communication, la demande va concerner un site web ou une plaquette, un flyer, etc, sans jamais se poser la question de la cohérence et de l’homogénéité avec leur communication existante. La charte graphique est le garant de votre identité visuelle, elle est l’essence de votre image de marque.

53+ Free Image Sources For Your Blog and Social Media Posts Update – we launched Pablo a new tool to create beautiful images for your social media posts in under 30 seconds You can use Pablo right from the get-go, no need to login or create an account. Just quickly create amazing images super fast. You can try out the first version of Pablo right now – no login required. Just head to and give it a try! We’d love to hear your thoughts about Pablo on Twitter, just hit us up @buffer and hope it makes creating images for your social media posts much easier for you. Ok, back to the blogpost! Here on the Buffer blog, we think a lot about visual content. We’ve shared our own study on the importance of images in Twitter posts for more social sharing. But there’s one question we get asked quite often: Where can you find free, good quality images that are cleared to use for your blog posts or social media content? It’s a question with a lot of different answers and caveats. What is Creative Commons? What is public domain? 1.) 2.) 3.)

Header, qu'est ce que c'est Un header désigne le haut d’une page sur un site web. C’est ce qui va permettre de capter l’attention des visiteurs et leur donner envie de rester sur le site puis de visiter les autres pages de ce même site. Force est de constater que le header est un des éléments essentiels d’un site web, il doit donc bénéficier d’une attention particulière lors de la création d’un site web De quoi se compose un header? Le header est en quelques sorte, l’identité de votre site internet car il réunit l’ensemble des informations qui peuvent se trouver sur votre site web. Comme pour le footer, il n’y a pas d’éléments obligatoires à mettre dans le header cependant il est nécessaire de pouvoir retrouver certains éléments: Un logoUn fond avec votre identité visuelleUn menuDes catégories au sein du menu Conseils pour optimiser votre header Un visiteur doit simplement en regardant le header trouver ce qu’il recherche. Quelques exemples de header Posté par Marion Gauvelet

Gros plan sur la page d'accueil ! La page d’accueil est un des thèmes récurrent dans l’univers de la création de site web, le contenu et l’ergonomie sont des facteurs clés pour la réussite de votre site. Et s’il y a une page qu’il faut privilégier en termes d’efficacité et d’accessibilité, c’est bien la page d’accueil soit la Home page. C’est la page d’entrée du site, c’est aussi la page principale qui témoigne du plus grand nombre de visites. Qu’est ce que la page d’accueil ?Par « page d’accueil », nous entendons la page principale de votre site Web, soit la Home page. Cette page présente votre activité, vos prestations, produits… par le biais d’une interface très visuelle. La page de présentation de votre site est la vitrine de votre entreprise et l’image que vous souhaitez communiquer. Or, vous ne disposez que de très peu de temps pour convaincre. 16 secondes en réalité ! Il est donc primordial de bien soigner votre page d’accueil. Tout d’abord, la page d’accueil doit informer sur le contenu du site. Google+

Depositphotos - Des photos, vectos et vidéos libres de droits Cet article vous est proposé par DepositPhotos. Pomper des photos sur Google Images sans se soucier du copyright, c'est pas bien. Et malheureusement, il n'y a pas suffisamment d'images sous licence libre qui sont exploitables de manière commerciale pour pouvoir trouver son bonheur rapidement. Dans ce cas, la seule solution qui s'offre aux professionnels qui ont besoin d'exploiter commercialement une photo, ce sont les sites de ventes de photos comme Depositphotos. Ce service est assez connu outre-Atlantique et a d'ailleurs été classé dans le Top 10 mondial des banques d'images sur Alexa. Les photosLes images vectoriellesLes photos d'actualitéEt les vidéos Vous avez donc de quoi faire pour illustrer vos sites, vos présentations, vos livres, vos pubs...Etc. Niveau tarif, DepositPhoto s'adapte à vos besoins. Voici une démo en vidéo de comment ça fonctionne : Voilà pour le petit tour de présentation du service. Amusez-vous bien ! Vous avez aimé cet article ?

#Pikock vous simplifie la création de votre site internet Entrepreneur blogueur, j’ai créé mon premier blog, il y a maintenant quelques années, c’est presque naturellement que je me suis tourné vers wordpress. Malgré les templates gratuits réservant souvent de mauvaises surprises, l’installation en 5 minutes promise, rarement réalisée en moins de 20 minutes, tout le monde était d’accord et beaucoup le sont encore d’ailleurs, pour considérer que c’était l’outil parfait pour commencer, solide, bien référençable et offrant d’innombrables possibilités esthétiques et customisable à souhait. A tel point que le moteur de wordpress sert aux agences web aujourd’hui pour développer des sites. Je ne pensais d’ailleurs pas trouver, malgré tous ses défauts, un outil aussi puissant, design et modulable, que WordPress. Pikock : une solution simple, efficace et fun Soyez le héros de votre marché en maîtrisant les enjeux numériques. Enfin la fin des sites moches est annoncée. La compréhension que le contenu est roi Rating: 3.8/5 (5 votes cast)

How to Design a Mobile Responsive Website - UX Booth | UX Booth To build a mobile site or not to build a mobile site; this is a question at the forefront of many a discussion. There is, however, another option: responsive web design. When, why, and how should you go about designing a responsive website? With mobile internet users set to surpass desktop internet users in the US by 2015, with tablets becoming more popular, and even with TV internet usage increasing, it’s important for companies to provide a great user experience for all their visitors no matter what device they’re on. How does responsive design help us do this? Why should you design a responsive site? There are many options to consider when a client asks for a mobile solution for their website, and the suitability of these options depend on the business requirements and budget; it’s also important to consider any existing solutions or sites they already have. So why would you decide to create a website this way? You’re starting from scratch You want to keep costs low The process

Related: