background preloader

Création sites

Facebook Twitter

Les 4 principes de base d'un design parfait. Non, concevoir une landing page - une page de destination pour les grands défenseurs de la langue française - n'est pas tout à fait une partie de plaisir. Aller chercher un taux de conversion acceptable n'est pas une mince affaire non plus. En complément d'un billet que je vous avais proposé en toute fin d'année 2012 : 11 conseils pour des Landing Pages plus performantes, je vous propose aujourd'hui un focus sur les aspects liés au design d'une landing page.Les marketeurs anglo-saxons parlent de CCD pour Conversion-Centered Design.

Que pourrait-on dire en français ? Une ligne graphique conversion-centrique ? Il s'agit en fait de penser un design optimisé pour un seul but : la conversion d'une visite sur la landing page vers une action spécifique depuis cette même page. Le challenge consiste à déployer un design rassurant et persuasif.La landing page est l'élément central d'un dispositif CCD. Je tiens avant tout à vous alerter que je vais utiliser certaines expressions en anglais.

Responsive webdesign : adapter un site à toutes les résolutions. Le Responsive webdesign (conception adaptative ou réactive en français) représente un ensemble de méthodes et techniques permettant d’universaliser un site Web. Qu’il soit consulté sur ordinateur, tablette, e-reader ou mobile, le site ainsi conçu s’adapte automatiquement à la taille de l’écran.

Cette évolution très séduisante du Web pose néanmoins certaines questions d’ergonomie et oblige à repenser la conception des sites. Nous abordons dans cet article les objectifs du responsive design, les critères qui doivent décider à le mettre en œuvre, les recommandations de conception et les considérations techniques. Objectifs du responsive webdesign Pour commencer, rien de tel qu’une démonstration. Voici comment le site ART=WORK se transforme en fonction de la taille du navigateur grâce au responsive webdesign : Entrons dans le vif du sujet.

Les sites Web sont aujourd’hui consultés sur une multitude d’appareils ayant des résolutions différentes Le site ifttt n’est pas adaptable. Recommandations. Comment créer un site web Proxy gratuitement. The Toolbox: a directory of useful single-page sites and apps. Tutoriel Jimdo : réaliser soi-même un site e-tourisme optimisé pour mobile. Neuro Web Design: Tips and Techniques. Does your website have a stickiness factor? While most websites are built to attract customers to a business – providing the information necessary to do business with them – many may or may not contain an underlying strategy necessary to convert more sales. A recent phenomenon in human factors has emerged called 'Neuro Web Design'. This methodology borrows from research on motivation, decision-making, and neuroscience in the creation of websites that are more engaging and effective overall.

Just what is this concept of Neuro Web Design? In this article I will discuss the idea further, and present some tips and techniques for applying it to your own designs. What is Neuro Web Design? Neuro Web Design is a technique that explores how human behavior and motivation have a role in the design of websites. This idea merges these different fields of psychology, neuroscience, and user experience in understanding how and why we react to things we may not fully realize. Principles of Persuasion Logic. Résolution, tablettes & smartphones.

Avec une troisième génération d’iPad, Apple a semé le trouble dans les résolutions d’écrans. En effet l’iPad 3 présente un nombre plus élevé de pixels que la majorité des PC avec une taille d’écran divisé par deux. Je propose donc un petit tableau pour essayer de faire le point sur le parc des résolutions d’écrans. Les smartphones convergent vers une taille physique de l’écran de 3,5 pouces. Cela correspond simplement à la taille d’un objet que peut saisir la main d’un adulte. La paume de la main d’un adulte faisant entre 9,4 et 11,9 cm. Les tablettes convergent aussi vers un format « livre » entre 7 et 10 pouces, avec une bordure autour de l’écran permettant de le tenir, pendant qu’on le manipule de l’autre mains. Il est probable que les prochains supports à bénéficier d’un écran « rétina » soit les ordinateurs portables avec des écrans de 11 à 15 pouces et une distance d’usage un peu supérieur à 40 cm. [MAJ] c’est le cas maintenant avec le MacbookPro Retina.

5 ressources incontournables pour tester et améliorer un blog. « SEO, temps de chargement, référencement, testes ». Si tous ces mots ne vous sont pas indifférents, alors ce qui suit va vous plaire ! En effet, chaque Webmaster se doit d’améliorer son blog de la meilleure manière qu’il soit. Et lorsqu’on y connait que dalle, il est parfois dur de sortir de la masse. Heureusement, tonton Cédric a toujours des vieilles astuces de grand-mère qui vous facilitent la vie. Aujourd’hui, vous allez découvrir 5 ressources incontournables pour tester et améliorer un blog… 1. Woorank Déjà présenté sur Autour du Web, Woorank permet de tester votre site Web ou blog en terme de SEO. 2. GTmetrix est une application en ligne gratuite qui offre aux utilisateurs la possibilité d’exécuter un test sur la vitesse de chargement des pages. 3. Un service Web facile à utiliser dont la fonction principale est de vous faire essayer toutes les résolutions d’écran d’ordinateur et d’appareils mobiles avec un simple clic de souris. 4. 5.

Etiquettes : améliorerBlogressourcesTester. Sublime Text - Download. The Art of Color Coordination. Colors affect us in countless ways—mentally and physically, consciously and subconsciously. Psychologists have suggested that color impression can account for 60% of the acceptance or rejection of a product or service. Good color choices should never be neglected in web design. A bad color combination can have the same negative effect as poor copy and slow load times.

In this infographic, we will briefly discuss color coordination and how you can use this to your advantage when designing your site. Special thanks to @speckyboy, @smashingmag and @onextrapixel. Click on the infographic below to view a larger image: View an enlarged version of this Infographic » Click here to download a .pdf version of this infographic. Want to display this infographic on your site? Simply copy and paste the code below into the html of your website to display the infographic presented above: Website Color Scheme Examples Complementary Colors – Naturestable.com Analogous Colors – Simplebits.com. 5 outils Web 2.0 pour créer un site pédagogique. Skoden, portail de la Formation ouverte à distance en Région Bretagne, propose un dossier à destination des formateurs qui fait le point sur 5 sites Web 2.0 pouvant être utilisés pour ouvrir et alimenter un espace pédagogique sur Internet : Yola, Lifeyo, Jimdo, Weebly et Wix.

La présentation de Skoden indique des liens vers des tutoriels en ligne pour favoriser la prise en main de ces outils qui peuvent revêtir un aspect pédagogique dans une utilisation spécifique. Des exemples de réalisations en mode apprentissage sont mis en avant afin de montrer concrètement le potentiel des 5 solutions en ligne Web 2.0 sélectionnées.

En préambule, Skoden s’intéresse à une méthodologie de structure et d’édition de site pédagogique dans ses aspects formels. Ce type d’outils Web 2.0 peuvent être mis en place pour des dispositifs d’apprentissage en espace public numérique. Licence : Creative Commons by-nc-saGéographie : Bretagne Tags: FOAD, outil en ligne, pédagogie, présentation, web 2.0. IZISOFTWARE™ - Catalogue des produits et services. Online Tools for Software Developers (Free) Foundation: Rapid Prototyping and Building Framework from ZURB. Générateur de Lorem Ipsum originaux.

Référencement SEO

CMS. Design web.