Vous êtes ici : WEBDESIGNMOTEUR » Web design : Première phase de création du site avec style

Web design : Première phase de création du site avec style

design : terme qui désigne à la fois « dessin » et « dessein », réalisation et conception, produit et projet, résultat et pensée.

Web design

D’abord, faisons connaissance ! Vous me présentez votre objectif ou votre problématique. Ensemble, nous discutons des possibilités, puis définissons l’objectif du projet. Résolvons votre problématique.

Du cahier des charges au brief, il n’y a qu’une étape

Si vous avez déjà élaborer un cahier des charges, c’est l’occasion de l’apprécier. Définissez vos suggestions, citez quelques sites web de vos concurrents et vos diverses inspirations. Mettons toutes les cartes sur la table pour imaginer votre site internet idéal. Puis, ensemble, nous allons créer le brief de votre site web.

Ensuite, nous établissons le plan de votre projet web : c’est le sitemap. Le mot est la base du contenu. Si le contenu est roi alors le design est son château. Les mots sont les pierres. Chacun apporte sa pierre à l’édifice. Vous fournissez les mots, le vocabulaire de votre métier, de vos produits, de vos services, le ton, vos valeurs, votre message. Je construis l’édifice du roi, ainsi la caisse en blanc devient le prototype de votre projet web.

Le contenu est ROI comme le client

Le contenu, ce sont les pages de votre site internet ou encore les articles de votre blog. Sachant que le ROI (Return On Investment) mesure l’efficacité de l’investissement réalisé, votre site est un investissement.

Le site web doit procurer des recettes supplémentaires dans le futur et assurer la croissance. Le site peut générer un retour sur investissement bien plus qu’intéressant, d’autant davantage si le site est visible sur mobile, grâce au Responsive Web Design.

Responsive Web Design ?

Le Responsive Web Design est autant une méthode de conception Web et des technologies web, qui permet la réalisation de sites adapté à la lecture et avec navigation optimale pour l’utilisateur quelle que soit son appareil tels que téléphones mobiles, Smartphone, tablettes, grand écrans d’ordinateur de bureau voire même écran TV. Il faut penser à la fois Mobile first & Ultra-HD pour le contenu visuel.

Votre contenu se sentira dans bien son design, et le client sera content. Content is king

Étapes de la première phase de création de site Internet

    Prise de contact

    • Définition de vos besoins en matière de communication et de vos envies
    • Positionnement face au marché
    • Audit de l’existant si projet de refonte de site web

    Validation du devis et du brief

    • Rédaction d’un brief résumé du cahier des charges et de la direction du style
    • Présentation du devis
    • Paiement des 30% de l’acompte
    • Planification du projet
    • Réflexion sur les moyens techniques mis en place pour votre projet (Hébergement Web, stockage, fonctionnalités)
    • Réflexion sur le type de moyens humains pour la gestion du site
    • Réflexion sur l’objectif du site, sa cible (âge, CtoC, BtoB, CtoB, marché, pays), sa rentabilité, les moyens financiers à engager…
    • Réflexion sur le contenu : pages, services attendus, principes de navigation
    • Réservation 1 an de votre Nom De Domaine & Hébergement (si besoin)
    • Réception de vos informations et votre contenu (textes et images)
    • Mise en place de la page ‘Coming Soon’ pour préparer le lancement de votre site
    • Référencement de votre page d’attente via le positionnement de votre nom de domaine avec votre slogan

    Garage et outils du studio DESIGNMOTEUR START-UP

    • Une boite à outils personnalisée pour suivre en temps réel votre projet, accéder aux prototypes fonctionnels dans un espace dédié.
    • Un site demo ou un blog avec une interface d’administration disponible pour vous former à l’utilisation/maintenance si besoin

    Création du wireframe

    • Création de la structure du site internet et du scénario de navigation (wireframe = maquette simple en noir et blanc de votre futur site)
    • Retours et échanges face à cette proposition
    • Validation par vos soins du zoning et du wireframe fonctionnel (header, navigation, sidebar, footer)

    Les pixels : la matière première

    • Création de la charte graphique
    • Conception de la template (page modèle-type) de votre site internet
    • Validation et modifications selon vos retours et conseils
    • Réalisation des éléments graphiques web de l’interface utilisateur (UI) et de l’expérience utilisateur (UX)
    • …en tenant du compte du référencement via les techniques de base du Search Engine Optimization (SEO) et de votre contenu

    Une fois le travail accompli, la charte graphique est posé et le sitemap validé, on passe à l’œuvre du développement web. C’est là que l’on soulève le capot du moteur du serveur web et du moteur d’affichage du navigateur web.