DESIGN DE SITES WEB EN AQUITAINE

Et un de plus

Archie Butler — Sun, 15 Apr 2012 01:13:47 +0000

Mon dernier projet. Un design de style corporate, cree rapidement. Fait a partir de rien avec Photoshop et Illustrator. Je prepare un nouveau site web ou j’exhiberai toutes mes creations “Esquisses”. Garder un oeil dessus!

Pas d

FRESH DESIGNS DELIVERED DAILY

Archie Butler — Fri, 13 Apr 2012 22:09:16 +0000

J’essaye de developper un style de site personnel, c’est pas facile!

Pas d

THE CONVENIENT STORE

Archie Butler — Sun, 01 Apr 2012 21:33:55 +0000

Le site web suivant s’adapte a la taille du navigateur (Essayez en cliquant l’image ci-dessous). Il est totallement fluide sur Iphone, A VOIR ABSOLUMENT! C’est un projet professionnel pour un ami de Londres qui vient de monter une boutique de mode haut de gamme.

Articles associés:

NOMADIC RESORTS: RE-DESIGN

Site Web à 100% de largeur

Archie Butler — Mon, 19 Mar 2012 22:18:43 +0000

Aujourd’hui, la compétition sur le web est rude.

Souvent, le client demande plusieurs devis a plusieurs agences ou particuliers. Il faut que le niveau de design reste au top du visuel et du moteur.

Je n’ai pas blogue depuis pas mal de temps étant aspire a 100% dans le design visuel du web, cherchant les meilleurs techniques.

Je vous présente en conséquence, ma dernière trouvaille, de loin le plus intéressant, le “responsive web design”.

Le problème aujourd’hui, c’est les téléphones portables! En majorité iphone et ipads, bien entendu mais surtout tout le reste:

Si vous arrivez a vous démarquer en recherchant et en adaptant cette technique, vous ouvrez vos portes a la créa web tout suppport! Quelque chose qui vient de montrer son nez récemment!

Allez visualiser le site web suivant en changeant la taille du navigateur (ie, firefox …etc) avec votre souris: Vous verrez que le site entier se rétracte.

Voici aussi la liste complète des outils et exemples dont vous aurez besoin (en Anglais).

Articles associés:

ÉTAPE 1: FAIRE UN SITE WEB

NOMADIC RESORTS: RE-DESIGN

Archie Butler — Mon, 23 Jan 2012 00:11:28 +0000

Je suis fier aujourd’hui de livrer un nouvel élément à la nature. Nomadic resorts est le projet en construction de Louis Thompson, écologiste international. Un sentier va bientôt être implanté sur l’île Maurice pour le tourisme haut de gamme. Le projet est un accueil en Flash comme demandé par Louis. J’ai construit le design intérieur de style blog pour faire une sorte de journal. Côté marketing et émail, on a pas encore choisi de stratégie étant donné que le projet lui-même n’est pas fini.

Articles associés:

PROJET FLASH: ÊTRE CREATIF

Archie Butler — Wed, 11 Jan 2012 23:19:50 +0000

Voici un vieux projet en Adobe Flash qui date de la fac. J’avais fait comme projet global “Ouvrir une école de surf au Maroc” et ce que vous pouvez voir en cliquant la bannière dessous, c’est la page d’accueil du site Web de ce projet marketing théorique. Il est créatif dans sa façon d’illustrer le surf, alors j’ai voulu vous le présenter.

En faisant du design Flash, il faut être inventif mais aussi garder l’oeil sur le côté S.E.O (référencement) car Flash doit être bien codé en respectant les normes html, renseignez-vous sur Google à travers un tutoriel. Si vous êtes plutôt Math, essayez d’apprendre Javascript, Ajax et Jquery sur W3 (lecteurs expérimentés) pour faire du codage tout support. Car comme vous le savez peut-être, le Iphone ne prends pas en charge Flash, ni le Ipad pour cause de contrats non agrée.

Veuillez cliquer la bannière:

Articles associés:

4 FAÇONS DE FAIRE DU MARKETING SUR INTERNET

Archie Butler — Mon, 09 Jan 2012 23:02:56 +0000

1. Créer un site web simple mais complet pour votre marketing online

Est-ce que votre site web décrit votre produit d’une façon intéréssante et visuellement appétissante?

“Une fois qu’ils cliquent dessus vous avez 5 à 8 secondes pour les convaincre que vous pouvez les aider” dit Larry Bailin, le président de la société Single throw marketing.

Votre page d’accueil doit inclure l’éssentiel, dit Bailin. “Les gens cherchent exactement ce qu’ils ont tapé dans Google, c’est critique que vous addressez ces problèmes, venez-en au fait et débarrassez vous de ce qui n’est pas nécéssaire”

Votre site web doit être facile à naviguer, et bien ciblé, et le bouton “Contactez nous” est très important.

De plus, assurez vous que votre site apparaît souvent sur Google, Bing et Yahoo. En incluant des mots clés et d’autres termes dans le code. De nos jours, les bons web designers doivent incorporer la façette recherche et trouvabilité comme une partie essentiel du design et de la programmation du site. Mais c’est avant tout à vous de décrire de la meilleur façon votre produit ou service aux clients potentiels pour les transformer en vente.

“Ne pensez pas uniquement aux graphismes haut de gamme” nous averti Bailin “Pensez au genre de connection que vous allez faire et la façon avec laquelle vous allez aider les gens. Rendez cela visible et vous gagnerez à chaque fois.”

2. Devenez 50% blogueur et 50% marketeur.

Les entrepreneurs qui bloguent vont toucher une nouvelle audience en écrivant de façon conventionnelle et sachant montrer un côté personnel à leur entreprise, selon william Beutler, un anaylste des nouveaux médias.

“Rendez votre industrie intéréssante en écrivant d’une façon conversationnelle” il dit “donnez-leur une vision d’un monde qu’ils ne connaissent pas.”

Beutler croit que la nouvelle entreprise peux bénéficier énormement en bloguant: “Il reste un marché niche dans beaucoup de secteurs qui commencent à s’agrandir” il dit. “Vous avez le potentiel de vous établir comme expert dans votre secteur juste en étant la première personne qui écrit quelque chose d’intéréssant à propos de ce dernier.”

3. Essayez le podcasting.

Le podcasting est une technologie relativement simple qui est prise tres au serieux par des societes “500 fortunes.” Et tout ce dont vous avez besoin est un bon micro, un enregistreur,et un logiciel pour éditer.

Les podcastes vous permettrons d’élargir votre audience, et vous donner l’avantage comparé à vos compétiteurs.

“Le podcasting est unique dans beaucoup de secteurs, et vous mettra en valeur”

Dit John Jantsch, un coach du marketing au Kansas.

“Le podcasting a des tonnes de sens pour les petites sociétés pour plusieurs raisons” explique Jantsch “Une voix, plus qu’un simple mot sur un papier peut faire ressentir votre émotion et personalité, et les gens peuvent s’identifier à cela.”

Jantsch offre ce conseil au podcasteur qui veux valoriser son entreprise: “Invitez un partenaire stratégique comme invité sur le podcast et vous aurez sans doute l’ouïe de plusieurs experts de haut niveau.” N’oubliez pas ceci: Richesse du contenu.

4. Souriez, vous êtes sur Youtube!

Youtube n’est pas que pour des clips classiques ou des petits chihuahuas qui dansent la salsa. Avec un lien Youtube vers votre site et vice-versa, vous avez un nouveau outil de marketing. Mais ne faites pas de la pub pure à propos de vous bien entendu.

“Vous devriez plutôt parler de quelque chose que les visiteurs Youtubiens trouverons intéréssant ou utile et regarderons par conséquence” Dit Michael Miller, l’auteur de Youtube 4 U.

Dans son livre, Miller cite des examples d’un créateur de vases qui a posté une video “Comment faire” sur sculpter des vases de qualité. Et ça, c’est ce qui les attire à passer la porte de votre magasin.

Articles associés:

ÉTAPE 5: SUIVI DU SITE WEB

Archie Butler — Wed, 04 Jan 2012 22:37:25 +0000

Revenez plus tard pour voir comment promouvoir son site internet par plusieurs moyens. Articles associés:ÉTAPE 4: ARCHITECTURE DE L’INFORMATION ÉTAPE 1: FAIRE UN SITE WEB ÉTAPE 3: INSTALLER UN BLOG Articles associés:

ÉTAPE 4: ARCHITECTURE DE L’INFORMATION

Archie Butler — Wed, 04 Jan 2012 22:33:09 +0000

Cette page n’est pas encore redigé. Veuillez revenir un peu plus tard pour voir comment fonctionne un blog WordPress.

Pas d

ÉTAPE 3: INSTALLER UN BLOG

Archie Butler — Fri, 14 Oct 2011 20:16:11 +0000

Le blog WordPress sera installé grâce a l’émail de one.com, vos codes d’accès pour installer une base de données, pour créer un site de type CMS très puissant. La prochaine étape est d’aller sur WordPress.fr et vous procurer une dernière version toute fraiche de WordPress. Téléchargez-la. (Pas besoin de faire d’installation sur votre ordinateur).Voyons la suite sur comment installer un blog WordPress.

Créer les dossiers pour votre nouveau blog

Il vous suffira de créer un nouveau dossier ou vous voulez stocker tout sur votre site web. A l’intérieur, créer un autre nouveau dossier, et collez le fichier.zip que vous téléchargé. Décompressez-le.

Ouvrir le Fichier zip du blog WordPress

Ouvrez-le dossier qui apparait nommé habituellement WordPress. A l’intérieur vous trouverez un fichier php nomme wp-admin-sample.php. VOUS DEVEZ renommer ce fichier(sélectionnez puis F2 sur le clavier) wp-admin.php (et non plus wp-admin-sample.php) SINON RIEN ne marche.

Est-ce facile d’installer un blog?

Ne vous inquiétez pas, nous n’aborderons PAS DE PHP DANS CE TUTORIEL. Ce que vous allez faire maintenant est très simple, et c’est aussi la partie la plus compliqué de ce tutoriel.

Ouvrez votre email de one.com(sauvegardez les codes de cet email!). Vous allez insérer une partie des codes que one.com vous a fournit, dans le fichier wp-admin.php. Aidez-vous des images.

Pour ouvrir wp-admin, il va falloir télécharger notepad++, un petit logiciel pour lire les codes internet. Tapez “notepad++” dans Google, téléchargez-le, installez-le puis revenez sur le fichier wp-admin.php. Faites un clic second dessus et sélectionnez “ouvrir avec notepad++”.

Insérez les codes dans leur nouvel emplacement a l’aide du schéma de couleurs dans l’image suivante.

puis enregistrez (ctrl+s) le fichier wp-admin que vous avez ouvert avec notepad++ et fermer-le.

Utiliser Filezilla pour installer WordPress

Maintenant téléchargez Filezilla(c’est le dernier a installer!), c’est un logiciel qui vous permet d’éditer/charger/télécharger les fichiers de votre espace sur internet(le serveur) que vous avez enregistre avec one.com sous le nom de votre site (www.monsiteweb.com). Voyez monsiteweb.com comme votre adresse et l’espace sur le serveur comme votre nouvelle maison pour votre site. Quand vous aurez mit tout vos fichiers sur le server en “uploadant” a travers Filezilla,
votre site sera désormais visualisable 24h/24h.

Entrer les données mysql du blog

Il va falloir entrer des nouveaux codes depuis l’email de one.com qui sont comme “les clés” de cette nouvelle demeure. Filezilla serait donc la porte d’entrée.

Ensuite une fois connecté, suivez les instructions dans la prochaine image pour mettre tout les fichiers WordPress sur le serveur. Cela prends quelques minutes car la bete qui s’installe est effroyablement puissante!

Entrer dans un login de blog WordPress

Une fois que ceci est terminé, Rendez vous dans Internet Explorer ou Firefox, Opera, Chrome, Safari….

et tapez l’adresse suivante:

http://www.monsiteweb.com/wp-admin/install.php

Vous devriez voir quelque chose comme l’image suivante.

Rentrez les informations demandés dans le formulaire, nom du site… Description en quelques lignes…. votre adresse email…
choisissez un nom d’utilisateur et un mot de passe(a retenir), et cliquez sur “Installer WordPress”.

CA Y EST, tout est fait! Tapez dans la bar d’adresse le nom de votre site(monsite.com).
Si tout s’est bien passe, vous devriez avoir quelque chose comme l’image suivante qui s’affiche.

Vous aurez peut-être besoin d’appuyer sur ctrl + f5 pour rafraichir la page depuis le serveur. Vous avez devant vous votre nouveau site web. Avec un modèle (template) qui s’est installé a travers WordPress.

Faire du design dans un blog WordPress

MAINTENANT QUE LA VRAI MAGIE COMMENCE! La page que vous regardez est ce que verrons les visiteurs de votre site. Maintenant regardons votre tableau de bord… auquel vous avez accés avec le nom d’utilisateur et le mot de passe que vous venez de choisir et… VOILA.

Nous sommes dans le tableau de bord, Ici vous pouvez tout, tout modifier de votre site:

-Nombres de pages
-Les couleurs
-Les modeles
-Les textes
-Les images

Comme si vous utilisiez Word! Wow, et c’est magnifique (pour un geek). Maintenant que le compliqué et enervant est fini, commencons réellement a créer votre site!

Veuillez choisir un des liens suivant pour continuer.

Etape 4: architecture de l’information

Etape 5: Suivi

Articles associés:

ÉTAPE 4: ARCHITECTURE DE L’INFORMATION