Articles

Infographie intégration paysagère

Contexte :

Tout projet nécessite une représentation, une vue d’intégration paysagère.
Nous avons l’habitude de dessiner un plan, mais lire un plan nécessite une expertise qui demande un travail d’apprentissage et un effort. Il faut donc représenter les projets de façon la plus accessible, au grand public comme aux élus.

Les outils de la visualisation de projets :

1 • Photographie : Prise de vue selon le meilleur angle pour bien expliciter le projet.

2 • Logiciel vectoriel : Illustrator comme logiciel de montage.

3 • Retouche photo : Photoshop à différentes phases du projet

4 • 3D : Modélisation, rendu. Fonds de scène ou objets

5 • Plans : Lecture de plans, récupération d’objets Autocad.

6 • Concepts : Ajouts de concepts pour initier une acceptation, un projet.

La photo et retouche photo

Prendre une photo et y apporter des modifications. Les vues d’intégration sont un outil de communication et de dialogue.

Le montage en vectoriel

Illustrator permet de dessiner rapidement des objets éditables.



La 3D

Permet de travailler l’aspect grâce au calcul des rendus lumineux mais aussi le volume grâce aux calcul des perspectives.

Projet de réhabilitation d’un site industriel :

la carrière de St Mamet-la-Salvetat

Une carrière arrivant en fin de droit d’exploitation, un dossier d’autorisation de fin d’exploitation est réalisé. Je réalise un visuel du site une fois qu’il sera réhabilité.

Utilisation du relevé topo sous autocad et de sa visualisation en 3D.

Travail sur le modèle 3D, vue d’intégration paysagère

• Prise de vues des différentes textures   de roche sur site.

• Modification du relevé topo pour  coller à la future topographie

• Placage des textures sur le modèle

• Ajouts d’éléments graphiques, les arbres

• Ajout d’un concept de communication : 4 espaces loisirs détente pour faire accepter le site dans sa nouvelle forme

Gagnez de l’argent en m’apportant de nouvelles affaires

Gagnez de l’argent. Je commissionne les apporteurs d’affaires dans les domaines ou j’exerce mon activité :

  • Graphisme
  • Mise en page
  • Illustration
  • Illustration animée
  • Sites internets
  • 3d

N’hésitez pas à me contacter pour toute information.

logotype association trail

Trail des volcans / le site

Voilà, le nouveau site du Trail des Volcans est en Ligne. Descriptif des courses, dénivelés, ravitaillements, règlement, certificat de santé, infos pratiques et accès, contact, tout y est. Une magnifique course trail à ne louper sous aucun prétexte. Le développement a été fait sans CMS, en #CSS et #HTML

trailvolcans

logotype association 3soleils

Nouveau site 3 soleils trails

Bonjour à tous,
Voilà le premier des 4 sites internet de l’association 3 soleils est en ligne. Au programme, une interface animée et un graphisme revu. Côté techno, pas mal d etravail en CSS, responsive, bootstrap, less, HTML5, php… du classique maintenant. Si vous voulez voir le résultat c’est par là :

3soleils-trail.fr

Ah oui, j’oubliais : un magnifique htaccess (fichier de redirection) qui me permet d’héberger les 4 sites sur un même hébergement et du coup d’économiser un peu en hébergement, ce qui est toujours à prendre pour une association.

Site 3 soleils trail

Site 3 soleils trail

Mise à jour des compétences

Été studieux, été heureux! Bien sur, bien sur…

Je profite de la trève estivale pour mettre à jour mes connaissances sur diverses technologies de développement. Et il y a du travail d’apprentissage. Pour l’instant, j’ai absorbé les notions de SCSS / Compass, super outil, très prometteur en terme de développement. J’ai aussi plongé dans le PHP. Là je dois dire que c’est language très intuitif, même si il peut paraître difficile à lire au sein du HTML. Il m’a permis d’optimiser le code sur lequel je travaille de façon assez sympa (externalisation des menus, plus faciles à maintenir). J’en ai profiter pour rentrer dans le vif du sujet des bases de données avec le codage d’un script capable de lire et ajouter des données dans une base, mais aussi remettre cette base à Zéro, l’exporter vers un fichier Excel. Chouette. Le formulaire associé envoie un message et alimente la base. Très pratique pour l’utilisateur.  ET puis j’ai commencé à tremper le doigt dans angular JS, approfondi mes connaissances en Javascript.  Quoi d’autre ? Ah oui, j’ai aussi fait un petit tour de Foundation. Bootstrap ou Foundation ? je sais pas encore… Enfin j’ai bossé avec CODA 2. Chouette éditeur, sur lequel je commence à prendre mes marques. A suivre, donc.

Obtenir du traffic ciblé facile

Traffic cible ? c’est facile ?

Je vous propose aujourd’hui un lien vers de la documentation pour obtenir du traffic ciblé.

http://go.pinaudnico.smc.29.1tpe.net

L’auteur est un pro et ses conseils valent de l’or.

site internet vendeur effficace

Je vous rappelle que le traffic c’est le nerf de la guerre d’un site internet. Pas de traffic, pas de gains, pas de notoriété, rien. C’est LE truc de base à maîtriser, le reste vient après.

Alors si vous cherchez à augmenter l’audience de votre site, commencez par là, vous ne serez pas déçus.

http://go.pinaudnico.smc.29.1tpe.net

Carriere – Modélisation 3D – Communication

Voici une autre facette de mon travail de graphiste : la modélisation 3D de sites industriels en vue d’une utilisation en communication. L’exemple que j’ai choisi est la modélisation d’une carrière.

Cette vue en 3D a servi a présenter aux élus la carrière réhabilitée de façon à ce qu’ils se projette dans une vue plus favorable qu’une vue d’un site industriel en fonction.

A partir du relevé topographique effectué par le géomètre, j’ai repris dans mon logiciel de 3D préféré le maillage afin d’y intégrer les textures idoines.

La partie 3D du modèle a été générée sous autocad et m’a été fournie comme telle.

modélisation carrière autocar logiciel 3d

Pour les textures à appliquer je me suis rendu sur le site afin de prendre en photos les différentes faces de la carrière pour avoir un rendu le plus réaliste possible.

Carriere modélisée image communication positive

Cette vue, réalisée dans l’idée de donner une image positive de la réhabilitions du site, comprend un projet d’aménagement qui valorise cet espace. Ainsi, d’une carrière assez mal perçue on passe à un site de loisir et de détente, qui met en valeur le travail du carrier : espace pédagogique sur le minéral, … Dans cet esprit le mobilier a été pensé en utilisant au maximum les ressources du site : à savoir le caillou présent sur le site.

Site web, fonctions avancées sur mesure

Site fonctionnel

Je travaille actuellement sur un site internet pour le réseau des missions locales d’Auvergne et mon client, lorsque nous nous sommes vus pour démarrer le projet m’a tenu ce discours :  » Attention, nous voulons un site qui ne soit pas là juste pour être joli, il nous faut quelque chose de pratique et fonctionnel, avec une base de données d’utilisateurs et des fonctions de recherche sur une carte ». Le décors était planté. Je vais donc vous décrire les options que j’ai mis en place et comment j’ai répondu à leurs attentes.

Design de site internet, responsiv, adaptable

De ce côté, il n’y avait pas vraiment d’attentes mais j’ai quand même tenu à fournir un Design Responsiv (qui s’adapte à la taille du terminal sur lequel vous visionnez votre site, smartphone, tablettes, …). Du côté de la charte graphique le travail était assez simple, et consistait essentiellement à reprendre une harmonie colorée. Pour le reste le logo existait et il a suffit de décliner l’ambiance de celui-ci sur les en-têtes.

Fonctions standards et de publication de contenu

Page contact avec carte google map de localisation, page actualités, bandeau actus en page d’accueil, sauvegarde de la base de données auto, protection anti-piratage, logos des partenaires, publication d’actus et modération, liens avec les réseaux sociaux, …

Carte de localisation / espace jeunes

Le site s’adresse à des catégories d’utilisateurs très différents, avec des profiles différents et qui cherchent chacun un type d’info précise. Il y a tout d’abord les utilisateurs qui veulent pouvoir identifier la mission locale dont ils dépendent. Pour cela, une rubrique a été crée qui contient une carte cliquable. Cette rubrique permet deux entrée : une entrée par la carte : on clique sur la carte et la page de la mission locale concernée apparaît.

J’ai réalisé cette carte en javascript car le flash que j’utilisais jusqu’alors ne passe pas sur les devise (comprendre les appareils de la marque à la pomme). sur cette carte interactive, si vous survolez une ville, son nom s’affiche en surveillance dans la liste et si vous survolez la liste, sa localisation s’affiche en surbrillance sur la carte.

Dessous un champ permet de taper votre commune et affiche le nom de la mission locale concernée puis vous envoie directement sur la page dédiée.

Pour les techniciens, ce développement est fait en PHP, couplé avec une base de données.

Voilà pour la partie espace jeunes.

Espace documentaire dans un site internet

La demande était aussi de créer un espace documentaire dans lequel les utilisateurs du site pourrait trouver les documents qui les concernent dans leur travail. Pour cela une architecture en catégories m’a été fournie et j’ai mis en place une arborescence qui permet à chacun, en fonction de son niveau d’accréditation de consulter les documents pour lesquels il a les droits.

Enregistrement des utilisateurs sur le site par modération

Lorsque vous n’avez pas de compte sur le site et que vous vous connectez à l’espace documentaire vous pouvez demander à ce qu’un compte soit créé pour vous, pour cela une fenêtre va prendre vos coordonnées de façon à ce que l’administrateur puisse vérifier votre accréditation et valider votre inscription. De cette façon, il a tout les renseignements pour vous appeler par exemple, mais c’est vous qui avez la main sur votre mot de passe par exemple et l’administrateur n’y a pas accès.

WordPress pour notre site ?

Un site basé sur wordpress

C’est une question de philosophie. Je travaille pour économiser les ressources de mes clients. En simplifiant la réalisation technique vous pouvez concentrer vos efforts sur la réflexion autour de votre message.

WordPress répond à ce besoin de simplicité et de baisse de couts. La meilleure preuve ? Seul je suis en mesure de mettre en place un site internet à priori complexe, et qui demandait des équipes complètes auparavant.

Pour l’utilisateur final, WordPress a de nombreux avantages en terme de facilité de prise en main et de publication de contenu.

WordPress, pour des sites techniquement à la pointe.

La communauté mondiale wordpress des développeurs intègre dans des template les dernières technologies développées. Jquery, responsiv Design, javascript, … le template est un canevas prêt à l’empoi dans lequel nous intégrerons les images issues de la réflexion stratégique de communication. Ainsi la technologie et les mécanismes du web soutiendront votre message et il profitera des dernières avancées de diffusion.

Qu’est-ce que WordPress?

WordPress est un CMS (Content Management System en anglais) c’est-à-dire un système de gestion de contenu.

Il permet à plusieurs membres d’une équipe de collaborer à la publication sur un site, tout en définissant une hiérarchie de contrôle du contenu.

C’est un outil de publication, initialement prévu pour des blogs mais qui s’est rapidement imposé dans la création de sites d’entreprise.  Depuis 2009 il occupe la première place parmi les CMS les plus connus.

Moins cher

Une énorme librairie de plug-in, et ressources diverses étant disponible toute prêtes, elles n’auront pas à être réécrites. Seul un temps de personnalisation et d’adaptation de la solution sera facturée par votre agence préférée ;-). Loin d’être une solution au rabais, sa force réside dans sa modularité et son appropriation par une communauté.

Facile à utiliser 

C’est administrer votre site sans connaissances de langages de programmation

La courbe d’apprentissage est très rapide, pas besoin de demander à votre webmaster à chaque fois que vous voulez rajouter ou modifier des articles ou tout type de contenu (vidéos, images, etc.).

Si vous savez utiliser un éditeur de texte (par ex. Word de Microsoft) vous allez pouvoir publier des articles et modifier les pages de votre site WordPress sans problème.

Evolutif

A tout moment il reste possible d’ajouter des fonctionnalités à votre site.

Optimisé pour les moteurs de recherche

WordPress propose une structure de site appréciée des moteurs de recherche – vos pages sont rapidement référencées après leur publication. Les moteurs de recherche aiment le texte et WordPress vous permet de publier des articles avec des mots clés associés à votre branche.

Une communauté importante de développeurs, une solution durable

Avec des milliers de développeurs à travers le monde, wordpress bénéficie d’un large support et vous n’aurez aucun mal à maintenir (ou à faire maintenir) votre site. De plus cette communauté assure la pérennité de cette solution. Google aimera votre site !

Visible sur mobile

Avec la popularité grandissante des appareils mobiles (tablettes, smartphones), avoir un site qui est visible sur mobile est incontournable. Les sites le CMS WordPress sont visibles sur iPhone, BlackBerry, Android, iPad et Windows phone.

Charte et site internet pour un Gîte

Site internet Gïte

Cette fois, c’est la charte graphique et le développement web d’un site pour un Gîte que j’ai réalisé.

Charte graphique

Au programme cartes de visites, cartes postales et Flyers, mais aussi un site internet sous wordpress. Cliquez sur l’image pour visiter le site.

La carte postale disponible sur place permettra aux locataires d’envoyer une image de leur lieu de vacances/travail et de faire ainsi une pub de ce lieu.

Le Flyer servira a alimenter les offices de tourisme

et la carte de visite servira en toute occasion, en relationnel.