Mes Realisations

Fermer

Menuiserie Agencement Crettol

Détails

Categorie
Site vitrine
Template responsive
Sur plusieurs pages
Outils utilisés
CSS / Html & PHP
Jquery 1.8 + plugins
Modernizr 2 & Backbone
Client
Menuiserie Pierre Crettol


Url du site
menuiserie-agencement-crettol.ch/

Année de réalisation
2016


Introduction

Le cahier des charges et la charte graphique du projet ce sont faits sur les bases du flyer de la société, en me laissant carte blanche pour leur présenter trois propositions.

C'est un site vitrine fixe sur plusieurs pages adapté aux mobiles et tablettes (Responsive), j'ai voulu rester fidèle à leur visuel en sorte de tuiles et pousser le rendu beaucoup plus loin en intégrant des effets de glissement grâce aux plugins de la librairie Jquery. Les parties nous contacter, leurs partenaires et clients je les ai laissé sur tous les bas de pages car pour moi c'était important de bien afficher la notoriété de la société.

menuiserie-agencement-pierre-crettol-acceuil
L'accueil du site se fait sur des effets visuels glissants.
menuiserie-agencement-pierre-crettol-realisations
La galerie photos de leurs réalisations basée sur mon systême de tuiles.
menuiserie-agencement-pierre-crettol-contact
Intégration de google map et du formulaire de contact.
menuiserie-agencement-pierre-crettol-flyer
Le flyer de la société avec lequel le site est né.
Fermer

Jardinier paysagiste

Détails

Categorie
Site web sur une page
Template responsive

Outils utilisés
Template CSS & Html
Jquery 1.8 + plugins
Bootstrap 3
Client
côté jardin - DM jardins


Url du site
dm-jardins-paysagiste.fr


Année de réalisation
2016


Introduction

La charte graphique de ce site s'est juste faite sur la carte de visite de la société et le cahier des charges a été rapide à créer puisque le client m'a laissé, en toute confiance, libre cours à mon imagination.

C'est un site vitrine fixe sur une seule page, adapté aux mobiles et tablettes (Responsive), j'ai lié le menu aux différentes sections par un effet de glissement grâce au plugin de la librairie Jquery. J'ai réalisé des icones sur mesure pour rendre la description des services plus attractive visuellement. Personnalisé le formulaire de contact en lui donnant une apparence originale et unique.

cote-jardin-dm-jardins-accueil
L'accueil du site se fait sur un bandeau d'images défilantes.
cote-jardin-dm-jardins-icones
Des icones créés sur mesure illustrant les services fournis par le client.
cote-jardin-dm-jardins-formulaire
Design du formulaire de contact au rendu unique.
Fermer

Papiers administratifs

Détails

Categorie
Graphique
Outils utilisés
Photoshop
Word & Excel
Client
Mme F. Sylvie

Url du site
www.unepausesimpose.ch

Année de réalisation
2016

Introduction

Pour renforcer l'identité graphique de ma cliente j'ai créé des propositions de papier à lettre Word et Excel avec entête et pied de page par rapport au visuel de son site internet, j'en ai fais de même sur sa signature d'e-mail .

une-pause-simpose
Les trois propositions de papier à lettre avec entête et pied de page.
une-pause-simpose
La signature en images et texte sur le bas de ses e-mails.
Fermer

Presentation produit

Détails

Categorie
Site web sur une page
Template responsive

Outils utilisés
Template CSS & Html
Jquery 1.8 + plugins
Bootstrap 3 + Wow
Client
Mme F. Sylvie


Url du site
www.unepausesimpose.ch


Année de réalisation
2016


Introduction

Après avoir monté le cahier des charges, j'ai réalisé à partir d'un catalogue sur le produit et du logo, trois propositions de sites en images pour donner le choix à ma cliente comme je le fais sur la plupart de mes projets. J'ai aussi harmonisé son identité graphique sur ses papiers administratifs.

C'est un site vitrine fixe sur une seule page, adapté aux mobiles et tablettes, j'ai lié le menu au différentes sections par un effet de glissement grâce au plugin Scrolltofixed de la librairie Jquery. J'ai agrémenté l'apparition des zones de textes et d'images avec des effets visuels tendances en employant le script Wow. Et mis en place la galerie Tosrus optimisée pour les mobiles et bureaux.

une-pause-simpose-accueil
Présentation d'un nouveau concept de meuble original et innovant.
une-pause-simpose-galerie
La galerie photos adaptée à tous les supports.
une-pause-simpose-propositions
Les 2 autres propositions du devis que j'avais faites, dont une déclinée.
Fermer

Marchand independant

Détails

Categorie
Site Web CMS
Catalogue produits
Outils utilisés
Joomla 3.6 + CCK Seblod
Template Responsive
Client
Indépendant

Url du site
www.abartcollection.com

Année de réalisation
2013

Introduction

Pour une personne tenant un stand sur les marchés, artisan et collectionneur passionné du Brésil, désirant avoir un site pour présenter ses passions et vendre ses articles sans système de payement.

Le site est autogéré par le client grâce à des formulaires de saisie que j'ai construit avec le CCK Seblod couplé à Joomla toutes les pages sont éditables à souhait. Le système de commande ou réservation peut-être activé ou pas pour chacun des produits et l'envoie se fait via un e-mail. Afin de localiser son stand facilement j'ai intégré Google map.

abartcollection
Une des page listant les articles et collections.
abartcollection
Formulaire de saisie d'un article.
abartcollection
Formulaire pour passer commande via e-mail.
abartcollection
Carte interactive liant les pages du menu Cyber Voyage.
abartcollection
Pour localiser son stand intégration de Google map.
Fermer

eCommerce en climatisation

Détails

Categorie
eCommerce

Outils utilisés
Magento
Template CSS & PHP
Client
Clim Diffusion

Url du site
clim-diffusion-shop.com

Année de réalisation
2013

Introduction

Ce projet est un site commercial destiné à vendre des articles directement aux professionnels.

Dans un premier temps j'ai monté la base de données des 10000 références produits de leur catalogue. Ensuite j'ai réalisé une interface utilisateurs sur Magento avec un menu plus pratique que celui de base et modifié le processus de commande par défaut. J'ai ajouté une interface mobile consultable sur tous les supports tablettes et Smartphones.

clim-diffusion-eshop
clim-diffusion-eshop
clim-diffusion-eshop
Fermer

Educateur canin

Détails

Categorie
Site Web CMS


Outils utilisés
Joomla 1.5
Template CSS & Html
Script Gallery2
Client
Julie Garcia Cramer


Url du site
www.canis-conseils.com


Année de réalisation
2012


Introduction

Basé sur le thème des chiens et de l'éducation canine, j'ai essayé de créer un visuel attractif et plaisant en quelques heures.

Le site est autogéré avec sa partie Actualités reposant sur le système d'articles Joomla. Sur demande j'ai installé un composant Livre d'or. La galerie de photos est aussi autonome à l'aide du script Gallery2 mais parfaitement intégrée au CMS.

canis-conseils
Page d'accueil avec ses actualités.
canis-conseils
La partie galerie de photos.
canis-conseils
Le composant livre d'or.
Fermer

Publications journalistique

Détails

Categorie
Véctoriels
Outils utilisés
Illustrator
Client
Easy-it
Année de réalisation
2012

Introduction

Réalisations publicitaires parues dans un journal local de petites annonces en gardant la charte graphique du site Easy-iT.

Pub
Pub
Fermer

Entreprise de nettoyage

Détails

Categorie
Site Web CMS
Outils utilisés
Joomla 2.5
Template CSS & Html
Client
mnnettoyages
Url du site
www.mnnettoyages.ch
Année de réalisation
2012

Introduction

Petit site vitrine destiné à donner une présence internet pour une entreprise de services de nettoyage.

mnnettoyages
mnnettoyages
Fermer

Brochure publicitaire

Détails

Categorie
Graphique
Outils utilisés
Photoshop
Client
Easy-iT
Année de réalisation
2011

Introduction

Réalisation d'une brochure publicitaire en format A4 en suivant la charte graphique du site Easy-iT.

Pack-web
Fermer

Chantier naval

Détails

Categorie
Site Web CMS
Catalogue produits
Outils utilisés
Joomla 1.5
Template CSS & Html
Client
Famille Bantle
Url du site
www.bantle.ch
Année de réalisation
2011

Introduction

A l'aide du matériel fournit par le client : logo et image de fond, j'ai dû mettre en place un visuel plaisant pour afficher, sous forme de catalogue, les produits en vente neufs et d'occasion de son chantier naval. Le site est autogéré par leurs soins, avec un formulaire de contact et une carte géographique afin de les situer.

bantle
la page d'accueil.
bantle
La partie catalogue des articles en vente neufs.
bantle
Une page présentation d'un article en vente.
Fermer

Cartes de visite Francaises

Détails

Categorie
Graphique
Outils utilisés
Photoshop
Client
Moi même ;)
Année de réalisation
2010

Introduction

La réalisation de mes cartes de visite en tant qu'auto-entrepreneur.

Mes-Cartes-de-visite-fr
Mes-Cartes-de-visite-fr
Fermer

Independant en informatique

Détails

Categorie
Site Web CMS
Outils utilisés
Joomla 1.5
Template CSS & Html
Client
E@sy-iT
Url du site
www.easy-it.ch
Année de réalisation
2010

Introduction

Ce site a été réalisé en association avec un indépendant informatique Suisse pour donner une visibilité à son activité.

Ensemble nous avons créé son identité visuelle, ensuite j'ai fait comme je voulais pour les logos et l'agencement des pages du site.

easy-it
easy-it
easy-it
Fermer

Cartes de visite Suisse

Détails

Categorie
Graphique
Outils utilisés
Photoshop
Client
Moi même ;)
Année de réalisation
2010

Introduction

La réalisation de mes cartes de visite Suisses.

Mes-Cartes-de-visite-suisse
Mes-Cartes-de-visite-suisse
Fermer

Organisateurs de soirees

Détails

Categorie
Site Web CMS Communautaire
Outils utilisés
Joomla 1.5
Template CSS & Html
Modules PHP
JSeblod framework
Intégrations additionnelles
Forum
Galerie
Profil utilisateurs
Chat intéractif
Client
Party & Fun
Année de réalisation
2009

Introduction

A l'aide d'un logo fourni comme matériel de départ, j'ai réalisé un visuel pour une plate-forme communautaire d'annonces et réservations d'évènements.

Puis j'ai créé un système de réservations pour organiser les départs en car, j'ai intégré un forum de communication et un chat en live pour les membres, ajouté une liste des membres du site avec leur fiche profil administrable (avatar, infos). Intégré une galerie de photos pour afficher les évènements passés. Créé un système de news du site pour que les administrateurs passent des annonces internes, ainsi qu'une newsletter.

partynfun
Page publique, d'annonces des soirées en réservations et en prévisions.
partynfun
Page publique de réservations des soirées.
partynfun
Page des membres enregistrés pour passer une réservation de soirée.
partynfun
Espace membres sur le forum du site.
Fermer

Centres commerciaux

Détails

Categorie
Site Web CMS
Outils utilisés
Joomla 1.5
Template CSS & Html
Flash 8
Intégrations additionnelles
Galerie
Gestionnaire de PDF
Modules & composants
Client
Commercialis - Manor
Année de réalisation
2009

Introduction

En étroite collaboration avec l'agence de communication qui s'occupait de l'image de la marque, j'ai réalisé ce site réunissant 5 centres commerciaux.

Sur la page d'accueil on a les 5 liens pour atteindre chacune des pages principales d'un des centres commerciaux. Dans chaque centre j'ai intégré : une liste de tous les commerces dans leur galerie marchande, listés par catégories thématiques ainsi qu'une carte interactive des différentes zones du magasin, un système de gestion des évènements ponctuels individuels et thématisés.
Un système de gestion de pdf pour permettre le téléchargement des fiches de bricolages et coloriages en parution hebdomadaire, réalisées par mes soins.
Intégration d'une galerie photos pour chaque centre afin de présenter les évènements passés.

les-centres-page-accueil
Page d'accueil des 5 centres commerciaux.
les-centres-page-centre-commercial
La page d'accueil d'un des centres commerciaux.
les-centres-page-evenements
Une page annonce des évènements d'un des centres.
les-centres-plan-magasins
Plan intérieur interactif d'un des centres réalisé en Flash.
les-centres-recherche-categories
Recherche par catégories des commerces au sein du centre.
les-centres-bricolages-coloriages
La partie des bricolages et coloriages à télécharger pour les enfants.
Fermer

Creatrice de bijoux

Détails

Categorie
Site Web CMS Catalogue
Outils utilisés
Joomla 1.5
Template CSS & Html
Intégrations additionnelles
Framework K2
Client
ilyily
Année de réalisation
2009

Introduction

Parti d'une carte de visite fourni par la cliente comme matériel, qui m'a demandé de créer un visuel très personnel pour présenter sa gamme de bijoux artisanaux.

ilyily
La page d'accueil en 2 langues.
ilyily
Une page catalogue du site.
ilyily
Une page qui affiche le produit présenté sur le catalogue.
ilyily
La page du formulaire de contact a été soigné.
Fermer

Economiseur

Détails

Categorie
Réalisation en Flash
Outils utilisés
Flash 8
Illustrator
Client
TCIC
Année de réalisation
2008

Introduction

Un économiseur d'écran installé sur toutes les machines de démonstration au rayon informatique du centre commercial Manor, réalisé pour promouvoir les services de l'entreprise TCIC.

Fermer

Conseiller en securite

Détails

Categorie
Site Web
Outils utilisés
Html & CSS
Javascript Prototype
Client
M. Fumeaux
Url du site
security-conseil
Année de réalisation
2008

Introduction

site-security-conseil
site-security-conseil
site-security-conseil
Fermer

Flyers TCIC

Détails

Categorie
Graphique
Outils utilisés
Photoshop
Client
TCIC
Année de réalisation
2008

Introduction

Réalisation de flyers pour mon ancienne entreprise de dépannage en informatique.

flyers-tcic
Fermer

Manor galerie Minnie

Détails

Categorie
Réalisation en Flash
Outil utilisé
Flash 8
Outil additionnel
Photoshop
Client
Manor Genève
Année de réalisation
2008

Introduction

A l'occasion de l'évènement sur Minnie habillée par les plus grands créateurs de mode qu'a organisé Manor, j'ai créé une galerie dynamique de photos les présentant ainsi que les documents en accès privé à destination des journalistes.

manor-galerie-mini
manor-galerie-mini
manor-galerie-mini
Fermer

ONG International

Détails

Categorie
Site Web CMS Communautaire
Outils utilisés
Joomla 1.5
Template CSS & Html
Flash 8
Intégrations additionnelles
Newsletter
Galerie
Système de donation
Modules et Composants
Client
Green Cross Int.
Année de réalisation
2008

Introduction

gci
gci
Système de localisation des bureaux mondiaux via Gmap.
gci
Système de dons avec plusieurs moyens de paiement
gci
Galeries de photos multi-pages.
Fermer

Artiste Peintre

Détails

Categorie
Site Web
Outils utilisés
Html & CSS
Javascript Prototype
Cliente
Eliane Loeffler
Url du site
www.eliane-loeffler.ch
Année de réalisation
2007

Introduction

eliane-loeffler
eliane-loeffler
eliane-loeffler
Fermer

Cartes Security-Conseil

Détails

Categorie
Graphique
Outils utilisés
Photoshop
Client
M. Fumeaux
Année de réalisation
2007

Introduction

Après avoir créé le logo et le site internet, j'ai réalisé les cartes de visite sur la même identité visuelle.

Cartes-de-visite-Security-Conseil
Mes-Cartes-de-visite-Security-Conseil
Fermer

Presentation Mont-Blanc

Détails

Categorie
Réalisation en Flash
Outils utilisés
Flash 8
Photoshop
Client
Security Conseil
Année de réalisation
2007

Introduction

Pour le projet du bâtiment de l'hôtel Mont-Blanc, j'ai réalisé une maquette de présentation interactive en Flash pour montrer le système de vidéo surveillance à installer sur le futur chantier.

Fermer

Presentation Garage Renault

Détails

Categorie
Réalisation en Flash
Outils utilisés
Flash 8
Photoshop
Client
Security Conseil
Année de réalisation
2007

Introduction

Pour un garage concessionnaire Renault, j'ai réalisé une maquette de présentation interactive en Flash pour montrer le système de vidéo surveillance à installer sur le bâtiment du client.

Fermer

Boutique et Createurs de mode

Détails

Categorie
Site Web
Outils utilisés
Html & CSS
Flash 8
Photoshop
Cliente
Victoria Von Fliedner
Url du site
Visiter le site
Année de réalisation
2007

Introduction

Ce projet était destiné à présenter les collections vestimentaires dessinées par les créateurs(trices) de mode et vendu dans la boutique de Genève.
Une réalisation que j'ai faite avec pation et l'envie de bien faire.

vic&co-accueil
La page d'accueil des deux menus qui renvois sur la boutique et le cercle des créateurs.
vic&co-croquis
Dans la partie boutique, un croquis authentique qui se dessine au fur et à mesure.
vic&co-galeries
Une des galerie sur la partie cercle des créateurs.
Fermer

Boutique Vic & Co.

Détails

Categorie
Réalisation en Flash
Outils utilisés
Flash 8
Photoshop
Cliente
Victoria Von Fliedner
Année de réalisation
2006

Introduction

Destinée à mettre en introduction du site Vic&Co., j'ai fait cette réalisation en Flash sur la créatrice de mode et sa boutique. L'intérêt était de faire quelque chose de créatif, de beau, original et qui sorte de l'ordinaire pour la mettre en valeur.

Fermer

Domaine du vignoble de la Beaune

Détails

Categorie
Réalisation en Flash
(Restée en Devis)
Outils utilisés
Flash 8
Photoshop
Client
Le vignoble de la Beaune
Url du site
Visiter le site en dev.
Année de réalisation
2006

Introduction

Une de mes premières créations, réalisée entièrement en Flash pour un client propriétaire d'un vignoble dans la Beaune voulant présenter son domaine et ses vins.
Sans aucun matériel fourni, j'ai fait le site au feeling en ajoutant une carte interactive des vins, originale et basée sur les cépages du domaine.

beaune-accueil
beaune-la-carte-des-vins
Fermer

Sapeurs-pompier benevoles

Détails

Categorie
Site Web
Outils utilisés
Html & CSS
Photoshop
Intégrations additionnelles
Gallery2
Client
Pompier de Saint-Paul
Année de réalisation
2005

Introduction

A ma façon j'ai eu le plaisir de participer à la reconstruction de Bentota au Sri-Lanka en créant ce site de reconnaissance du bénévolat effectué par les sapeurs-pompier de Saint-Paul en espérant que des dons soient versés à l'association grâce au site web.

sapeurs-pompier
sapeurs-pompier
Fermer

Association de benevoles

Détails

Categorie
Site Web
Outils utilisés
Html & CSS
Photoshop
Intégrations additionnelles
Galerie Coppermine
Url du site
Lez'arts de la fête
Année de réalisation
2005

Introduction

Ma toute première réalisation pour une association organisant des fêtes sur Evian.
C'est grâce à ce premier projet que j'ai continué la création des sites web en autodidacte.

lezarts-de-la-fete
Fermer

Mon premier Portfolio

Détails

Categorie
Site Web
Outils utilisés
Flash 7
Photoshop
Illustrator
Client
Moi même ;)
Url du site
Visiter mon site
Année de réalisation
2005

Introduction

Mon premier site personnel intéractif, réalisé en Flash, agrémenté par des images et menus sur les contours.

portfolio
portfolio
Retour

A propos de moi

Introduction

Bonjour, je suis Stéphane Badan connu sous le pseudo BadOS, auto-entrepreneur en qualité de webmaster infographiste intégrateur html & CSS.
Mes compétences techniques, nous permettrons de réaliser ensemble vos projets internet, graphiques ou animés.

Je suis à la fois chef d'entreprise, commercial et technicien, par conséquent aucune perte d'information et à tout moment j'ai une vue intégrale sur votre projet aussi bien sur le plan technique que financier.

Pour de mener un projet à bien, je déploie un vaste panel de compétences techniques et j'utilise mes outils jusqu'à atteindre une satisfaction totale grâce à mon savoir-faire (de plus de 9 ans).
Avec ma structure réduite en tant qu'auto-entrepreneur je peux proposer des tarifs compétitifs et bénéfice supplémentaires, ainsi qu'une exonération de la T.V.A.
En plus, mon environnement me permet d'ajuster mes créneaux horaires et vous proposer une réponse dans les plus brefs délais.

Mais pour autant, dans un cadre professionnel au sein d'une société je peux être disponible et serviable, je sais m'adapter rapidement à un nouvel environnement.

Prêt à apprendre de nouvelles techniques ou technologies. Toujours à l'affût des dernières sorties software, hardware ou open-source.

Mes Competences

Photoshop
85
Illustrator
50
HTML & CSS
90
PHP
40
JavaScript
75
Database SQL
40
Flash
50
Referencement SEO
75
Windows & Mac
95

Savoir Faire

Creations multimedias - Identite visuelle - Brochure commerciale

Avant toute chose c'est l'identité visuelle qui véhicule l'image de marque de votre entreprise. Je me charge de sa conception globale en réalisant pour vous des illustrations et des outils de communication évènementielle, institutionnelle ou publicitaire identifiables par tous :
- Logo et charte graphiques.
- Cartes de visite et de correspondances.
- Flyer, menu, brochure.
- Catalogue papier et électronique.
- Invitations et cartes évènementielles.
- Annonces publicitaires sur tous formats.

Creation, modification ou refonte de sites internet

Parce qu'un site internet peut vite vieillir et devenir obsolète, n'hésitez pas à me contacter pour ajouter de nouvelles fonctionnalités comme un forum, un formulaire de contact, une galerie, un système de paiement, etc...
Redynamisez votre site existant, le rendre interactif et attractif, ou tout simplement le refondre afin qu'il soit visuellement au goût du jour.

Mes sites sont développés sur-mesure selon votre projet, et leur création nécessite différentes étapes :
1. Un premier rendez-vous pour prendre connaissance de façon détaillée les directives de votre projet et vous donner une estimation de l'enveloppe budgétaire.
2. La réalisation d'un cahier des charges détaillé après signature d'un contrat de réalisation 3. La validation de l'aspect graphique du visuel du site.
4. La construction des pages web sur un serveur privé, afin de vous permettre de suivre à distance l'évolution de la réalisation du site.
5. Validation finale et mise en ligne chez votre hébergeur choisi ensemble au préalable.

Developpement principal en PHP & MySQL

Choisir le couple PHP & MySQL, c'est choisir une solution à la fois professionnelle et économique. En effet, en plus d'être stable et performant, PHP & MySQL jouissent d'une immense communauté de développeurs et sont supportés par quasiment tous les hébergeurs dignes de ce nom. Pour le côté économique, PHP & MySQL sont tout simplement gratuits.

Utilisation, administration et developpement sur les plateformes blog/CMS : Drupal, WordPress et Joomla!

Afin d’obtenir des sites simples d'utilisation mais aussi facilement évolutifs et sécurisés, j’utilise les plateformes blog/CMS Drupal, WordPress et Joomla! (selon le type de projet). L'utilisation de ces systèmes a plusieurs avantages:
- Systèmes gratuits.
- Nombreux modules et composants.
- Intégration de forum, communauté, newsletter, etc...
- Simplicité d'utilisation.
- Référencement naturel.
- Maintient de la sécurité par des mises à jour.

A noter que la puissance de ces systèmes permet de créer des sites internet ou des eCommerces, mais aussi des systèmes de gestion tels que des intranets ou extranets.

Me contacter

message

Informations de contact

Nom
Stéphane Badan pseudo BadOS
Address
du Chablais en Haute-Savoie
Une question? Une demande spécifique ? Une estimation ?
Contactez moi par mon formulaire, je vous répondrai dans les plus brefs délais.

Formulaire de contact