Internet

Menu : CapacitésPhilosophiePortfolioRéalisations

Capacités

  • Techniques:
    • Adaptative et Responsive Design
    • Optimisation SEO
    • Compatibilité, Utilisabilité, Accessibilité
    • Séparation « contenu, structure et présentation »
  • Langages : HTML5, CSS3, Javascript, PHP
  • Applications-web : WordPress, Piwigo, XOOPS
  • Frameworks : jQuery, HTML5 Boilerplate, Twitter Bootstrap
  • Logiciels : Notepad++ ou équivalent, Photoshop, FilleZilla
  • Approche : Conception global incluant graphisme, feuilles de style et mise en page
  • Dénomination : Intégrateur, Front-end developer, Webdesigner

Portfolio

Page dédiée dans mon portfolio en ligne : Sites et interface
Ou cliquez sur les illustrations ci dessous.

Philosophie

Mon but est bien sûr d’offrir au futur propriétaire du site un produit qui lui ressemble et qui corresponde au mieux à sa demande comme a son besoin.
J’accorde également une grande importance aux aspects robustesse et pérennité du site, ainsi qu’au confort d’utilisation tant du rédacteur que du visiteur.
L’ensemble de ces éléments m’ont conduit à effectuer une recherche approfondie puis à choisir certaines applications et « bonnes manières » lors de la conception.

La prise en compte intégrale d’un projet de site est dans cet esprit une bonne chose. Si la charge de travaille est plus importante du fait des multiples compétences mise en œuvre, la maitrîse de l’ensemble du projet apporte un résultat plus homogène, de meilleur qualité.
Gain de temps, site rapide, facilité de mise à jour, recensement efficace, etc. sont parmi les avantages potentiels à bien prendre en compte.

Réalisation

  • TPFAfriqueTPFAfrique :
    > www.tpfafrique.com (en cours) – site temporaire
    Spécialiste du fret et du transport international, Eurotrans International est une filiale de groupe TPF.
    En cours de développement de son offre de services elle a besoin d’un site avec un certain standing, décrivant l’ensemble de ses services clairement et complètement. J’ai ainsi travaillé en amont sur la charte graphique et le logo, puis les cartes de visite et papier à entête.
    Basé sur le framework HTML5Boilerplate, le site s’adapte ainsi totalement à toutes tailles d’écran et tous navigateurs.
  • MaisonHadesMaison hades 2.0 :
    > dofushades.free.fr/maison2.0
    Projet personnel multidisciplinaire. A l’origine ce travail architectural est un exercice de prise en main du logiciel Sketchup (3D), à l’ambiance inspirée des histoires de la guilde Hadès et de l’univers du jeu Dofus.
    L’évolution est encore en cours, mais j’ai également exploré en parallèle les multiples possibilités d’utilisations : visites vidéo, scènes 360°, viste type FPS (Unity).
    Logiquement l’ensemble ne pouvait qu’être présenté via le Net d’où un site dédié. Celui ci est une création entièrement personnelle, à la fois adaptative et responsive design, boosté par jQuery.
  • Blogspirit :
    > m.lab.transilien.com , lab.transilien.com , auchan-c-nous.auchan.com (sites privés ou fermés)
    Plusieurs travaux d’intégrations pour l’entreprise Blogspirit.
    Cette entreprise propose à ces clients la gestion et l’hébergement complet d’un système de blogging propriétaire en SAAS.
    Mon travaille consistait donc a adapter les graphismes des clients à cette technologie spécifique ainsi qu’à trouver les solutions techniques : interactivité, multi-navigateurs, …
    A noter le site mobile m.lab.transilien.com en adaptative design.
  • site www.profilesetudes.frProfiles études :
    > www.profilsetudes.net
    Le travail était principalement de permettre une édition simplifié pour les éditeurs.
    Mon choix pour la nouvelle structure s’étant porté sur WordPress, la puissance et le confort de cette plate-forme nous à conduit à « aller  plus loin » : la conception d’un site multi-éditeur, facile à faire évoluer et maintenir.
    Bien que j’ai en particulier développé un script PHP faisant coïncider l’image d’en tête avec la page, l’article ou autre, et largement remanié un thème existant, le client à très rapidement acquis son autonomie et largement personnalisé l’interface.
  • Prévenson :
    > www.prevenson.fr
    Prévenson vend des petites alarmes de poche. Afin de favorisé la vente en ligne il fallait réaliser un site accrocheur mais simple et sérieux.
    Le design reprend les éléments du packaging et des pubs papiers dans une mise en scène propre au site.
    Techniquement le site est une conception personnelle en HTML+jQuery+CSS.
  • IET-France :
    > Réinstallation pour mémoire –>captures d’écran
    Bureau d’étude en Aménagement rural, Géomatique et Gestion forestière, IET devait être présent sur le Net à l’instar de sa concurrence et pouvoir présenter ses services en détails.
    En travaillant de concert avec un employé, nous avons opté pour l’utilisation du CMS XOOPS et créé un affichage en onglets correspondant à leurs attentes.
    Ce paramétrage bien que techniquement possible est plutôt complexe.
    Pour le thème graphique j’ai tenu compte des domaines propres à l’entreprise : forêt, cartographie, paysage.
    Le bandeau est en plusieurs couches, chacune se positionnant en fonction de la largeur de l’affichage.
  • Guilde Hadès :
    > Installation pour mémoire
    Ce site est particulier pour moi. A l’origine mis en place pour dépanner un ami je m’en suis finalement occupé pendant 5 ans !
    Il faut savoir que « Hadès » est le nom d’une guilde de joueurs du jeu Dofus et que l’activité et les besoins de ce type de groupe est plutôt important. (Site actuel)
    Il leur fallait un outil efficace et polyvalent et j’ai choisi XOOPS, que je maitrîse depuis longtemps.
    Ce site m’a servit de « bac à sable ». J’ai pu (et dû) y expérimenter beaucoup d’aspects techniques, ce qui s’est révélé fort utile sur d’autres projets (insertion d’un éditeur haut de gamme, d’un gestionnaire d’images, backup automatique, …).
    L’animation du site et de ses utilisateurs a également été un point fort de cette expérience.
    Enfin à titre d’expérimentation j’ai développé des outils de calculs utiles aux joueurs, en Javascript pur ou jQuery.
  • Interdecal:
    > Réinstallation pour mémoire
    L’entreprise, créatrice de décalcomanies, avait besoin d’une façade sur le Net pour promotionner ses produits et services. Employé à l’époque comme dessinateur-infographiste chez eux j’ai donc travaillé sur ce projet.
    C’est mon premier site professionnel, il date de 2002, les textes anglais/français sont du directeur, j’ai conçus le reste.
    Technologie : site statique en HTML + javascript + CSS.
    Les graphismes s’inspirent du logos de l’entreprise, visible sur la première page.
    Les petits plus : deuxième langue accessibles pour toutes pages, intro « carte-de-visite » avec info essentielles.
    Un référencement avec des outils gratuits a donné quelques résultats concrets à l’international.
  • Alex_in_ShanghaiAlex in Shanghai :
    >jol.hirsute.free.fr/alexisatshanghai/
    A l’occasion de son voyage à Shanghaï, Alex à voulue raconter à ses amis, jour après jour ses rencontres et ses expériences.
    Hélas, pas d’accès possible au site de blogging « wordpress.com » une fois sur place ! J’ai donc installé une plate forme semblable et créé un design inspiré par la cité chinoise, le tout en 24h.
1 septembre 2011 |
SEO Powered by Platinum SEO from Techblissonline