Bonjour à tous
 
Je vais bientôt créer mon entreprise de pâtisserie sur commande et je suis en pleine réflexion sur mes support de communication
 
Je viens demander votre aide car je galère à finaliser les supports de communication au niveau de la typo. J'ai toujours eu beaucoup de mal avec tout ce qui est écriture mais là j'arrive pas à m'en sortir. Je vous montre différentes versions de ce que j'ai fais :  





 
Sachant que je souhaiterais garder le "B" et le "G" des deux dernières images car ça me plait bien.
 
J’espère que je suis dans la bonne section sinon n'hésiter pas à supprimer. Et merci d'avance a ceux prendrons le temps de m'aider
 

salut,
 
la typo... personnellement je dis non
 
sur le logo... a la rigueur... mais le reste ... le patisserie sur commande est illisible dans l'etat
 
le buche de noel 2016 j'en parle meme pas, j'ai d'abord pensé que c'etait ecrit 2012
 
donc pour le logo... eventuellement (et encore, j'accroche pas du tout l'esthétique des lettres) mais pour le reste de la comm reste plus conventionnel avec une belle typo baton type avant garde par ex

Merci du retour, ben justement c'est exactement les typo que tu as citées qui me plaisent pas vraiment non plus et du coup je cherche une typo qui irait bien avec le "B" et le "g" de la dernière version du logo.  
 
Et même sur l'autre police du logo, je suis pas fermée non plus à la modification (le "ulle" et le "ourmande" ).  
Mais même quand c'était mon métier je galérais toujours à trouver des typos pour les identités visuelles que je faisaient. Je vais chercher du coté des typo bâton du coup

tu peux tester birds of paradise en manuscrite pas trop mal, par contre faudra peut etre que tu revois tes capitales car la typo est un peu grasse
 

l'avantage c'est tu peux utiliser cette typo pour tes titres car plus lisible

Salut les gens (coucou GG)
 
Je passais en coup de vent et je suis tombé par là
J'ai rapido posé deux ou trois trucs dans Illustrator.
 
La première bulle est toute en Zapfino.
Au milieu, les initiales B et G sont en Zapfino (variantes/glyphes) et le reste en Snell Roundhand regular.
Tout ce qui est en bas est composé en Snell Roundhand regular.
 
On peut travailler les bulles en jouant sur les teintes, les opacités…
 
Sinon l'ortho-typo pique les yeux (dommage si c'est déjà imprimé).
- composer : Bûches de Noël au lieu de ce qui existe,
- Je ne suis pas fan du tout des capitales abusives, mais il en faut sur les noms propres : Roberstau et non roberstau,
- pas de points dans les numéros de téléphone (voir bottin pour s'en convaincre),
- pâtisserie prend un accent circonflexe sur le "a".
 
Sinon évidemment je rejoins Genghis sur le 2012 au lieu du 2016. Les gens vont croire que c'est un vieux flyer…
Les scriptes sont tellement tarabiscotées que ça trompe à la lecture.
Éviter aussi les effets d'estampage, dégradés, ombres, on est encore en flat-design actuellement.
Je verrais bien une police bâton hyper light, voir thin, pour apporter de la finesse et de la légèreté. Voilou.
 

Merci beaucoup pour les retours et d'avoir pris du temps
 
J'adore le mélange des deux typo Harrybeau1.  
Je sais que c'est encore la mode du flat design et c'est vrai que j'en est mis bcp des effets je pense que je vais en enlever un peu. Je te pique l'idée du jeu sur les bulles aussi mais parc ontre je pense conserver la base de mon logo du fond blanc et de la bulle/lune comme je l'appelle lol.
 
Merci encore pour les conseils

Désolé du double post mais du coup j'ai retravaillé mon logo et j'ai fait deux versions. Y a pas encore la bo,,e typo pour les majuscule vu qu'elle est payante.
 

Une très très nette préférence pour la version sur fond anthracite.
En fait le gros soucis du logo violet sur fond blanc est qu'il me fait tout de suite penser à une marque de produit de beauté, et ça ne me mets pas du tout, mais alors pas du tout en appétit.

Du coup le logo donnerait ça :  

 
et le sticker autocollant :

 
Bon apparemment y a un problème de couleur sur le stickers j'ai du foirer le passage PNG/CMJN du logo. Je corrige ça plus tard mais au moins ça donne une idée

Petit up juste pour dire que ça fait un peu mickey mouse au niveau des bulles, tu devrais les positionner différemment à mon avis

et cette typo fait un peu plus moderne peut être (?) :

http://www.dafont.com/fr/birds-of- [...] Gourmandes

Edit : il prend pas un peu du bide le Stard du coup ?

Attention à ton B et ton G, l'inclinaison n'est pas la même que sur tes lettres, du coup ça ponce la rétine sur 3 millimètres jusqu'à la cornée (bordel mais d'où je sors ça ?)
Par contre je suis navré du côté un peu bourrin de ma réponse mais, je trouve que ce logo et sa police, ça fait très salon de coiffure girly...
 
Pourquoi pas ce genre de font : http://www.dafont.com/fr/amarillo. [...] Gourmandes (ok, gratuite pour un usage personnel mais un contact avec le créateur et ça devrait être possible).
C'est plus généreux dans le lettrage sans être impersonnel ni uniforme, ça sent la pâtisserie sympathique et le côté artisanal dynamique et engagé, ça sent la révolution et le mouvement qui va de l'avant, la descente dans les rues et l'anarchie, le changement dans notre société toute entière !
 
Voilà voilà... Je vais rejoindre mon médecin qui m'appelle, c'est l'heure du Bingo devant Derrick avec les collègues.

J'aurais besoin d'avis car je douhaiterais faire faire mon site internet et mon blog associé par une boîte de com.
 
L'idée c’est d'avoir un site vitrine avec une page de présentation, une page tarifs, une page nouveautés actu, une galerie et peut être plus tard un module de commande en ligne. Et à coté de ça un blog plus "convivial" ou je mettrais des recettes, astuces, produits que j'aime, rencontres dans les salons et autres trucs du genre.
 
Pour le moment j'ai contacté des agences de pub mais on (pas les agences, un ami) m'as dis que je devais demander conseil si je peux pas le faire faire autrement car ce serait trop petit ?
 
Vous en pensez quoi c'est bien une agence ou pas la peine ?

C'est surtout au niveau du budget avec une agence...
Après si tu te débrouilles bien avec (exemple) Wordpress, c'est faisable soi-même un petit site vitrine avec un blog.
Il existe aussi plein de plugins pour le module boutique.
Après c'est de la mise en page, de l'optimisation, du référencement... mais faut s'y connaitre quoi !
 
PS : Je t'avais laissé un truc en mp...
 

Ah ? j'a du passé à coté je vais voir, merci pour les conseils en tout cas

Bon du coup je fais faire mon site par une agence et il m'ont aussi refait mon logo. Vous pensez quoi de l'ensemble ? Pour le moment c'est la page temporaire
 
http://www.bullesgourmandes.fr/

Coucou Senny !    
 
Je suis surpris par cette page d'accueil, même si elle est temporaire.
C'est du boulot d'agence ça ?  
 
1- "Ils m'ont refait le logo" ??
On s'est cassés le Q à chercher un logo (qui est ce est, qui vaut ce vaut),
pourquoi n'est-il pas repris sur la page d'accueil ? C'est quoi le gris-gris qu'ils ont mis à la place ?
Il faut respecter l'identité graphique existante : reprendre le logo utilisé dans la papeterie (tes stickers).
 
Fournir à ton intégrateur une image .png avec fond transparent de ton logo.
 
2- Sur mon ordi (mac, vieux Firefox version 48), j'ai un problème d'affichage avec les polices de caractères (de la Raleway)
Le gros titre important (h1) "Pâtisseries fines à Strasbourg" s'affiche ainsi : "Pâtisseries fines à  Strasbourg".
 
Dans la balise html il faut spécifier la langue (fr-FR) et sous le head dans la meta, le type de codage qui va bien (UTF-8 chez nous) :
 
<html lang="fr-FR">
<head>
    <meta charset="UTF-8">
 
Il faut mettre des polices de substitution dans le style, exemple :
font-family: "Raleway", Arial, sans-serif;
Au moins sur mon ordi, si la Raleway ne passe pas, l'Arial passera.
 
3- Que vient faire ce formulaire sur la page d'accueil ?
Ça sera un site mono-page, juste une page vitrine ?
Il n'y aura pas de menu de navigation (en haut ou à gauche) ?  
 
Au début je n'ai pas capté immédiatement que c'était un formulaire justement, les placeholders (les invitations à la saisie)
se lisent mal (textes en gris sur le fond vert de l'assiette), il manque de l'interactivité, genre un changement d'opacité des champs quand on les survole
ou un effet de transition comme pour le champ "envoyer le message".
 
4- Ta page d'accueil a fait planter mon Firefox !
En réduisant ta page d'accueil (à la souris, depuis le coin droit en bas) pour voir si ton site était "responsif"
(si il s'adapte à de plus petites résolutions, pour tablettes et smartphones par exemple), ça m'a planté !
Un coup d'œil à ton code source montre que rien n'a été prévu pour cela.
Il faut que ton site soit responsive design, c'est la norme aujourd'hui !
 
5- J'ai l'habitude de bosser avec une feuille de style Css séparée du Html, ça fait drôle de voir tout codé dans le même fichier (structure et mise en forme).
 
6- Une adresse mail pro à coté d'un formulaire... humm.
Généralement l'intérêt d'un formulaire c'est de ne pas afficher une adresse mail pour ne pas être spammé.
 
 
Je suis surpris que tu sois passée par une agence pour faire ça !
Je t'ai suggéré d'utiliser Wordpress, tu te choisi le thème qui va bien et tu ne t'occupes que de ton contenu.
Après je ne connais pas tes compétences... mais je trouve chelou ce travail d'agence.
 
Perso je bidouille en web, si Graffy, GG, Athenaa… passent ici, ils te donneront leurs avis.    
 
 

Salut,
 
Je rejoins totalement l'avis de Harrybeau ! Si c'est vraiment une agence qui a pondu ça, ils devraient mettre la clé sous la porte rapidement. Ou revoir leur façon de créer des sites.
 
Bref, en complément de ce qui a été dit ci-dessus :

Ils l'ont fait, si tu lis bien le code (Google Font). Mais effectivement, sans encodage UTF-8, les accents ne passent pas...
 

Le site est responsive "dans les faits", c'est à dire qu'avec une simulation via WebDeveloper (addon pour navigateurs) ou Responsinator.com, le site s'adapte bien aux supports mobiles.
Mais il s'agit d'un simple redimensionnement à la volée et non d'un vrai responsive.
Difficile d'aller plus loin sans plus de contenu sur le site...
Par contre, là où c'est vraiment de l'amateurisme, c'est que le fond de page se répète sur la hauteur. Il pourrait être en fixed avec une transition vers le noir, ou tout bêtement ne pas être pris en compte pour les petites résolutions (histoire d'accélérer le chargement et de ne pas bouffer trop de bande passante) mais le fond qui se répète fait très amateur !
 

Et c'est de toute façon une norme, mais surtout quelque chose d'utile (on charge beaucoup moins de lignes de code quand HTML et CSS sont séparés, mais ça permet aussi de corriger les erreurs facilement, puisqu'on sépare le contenant (CSS) du contenu (HTML). Si on a une erreur de contenant (exemple : marge trop grande), on sait alors que c'est du CSS...
 
Bref, je te conseillerais aussi de rompre ton contrat avec l'agence et d'opter pour un Wordpress (au moins, le code sera propre et tu n'auras pas de problème d'encodage, sans compter que tu peux administrer ton site comme bon te semble).
 

Bonjour Grafimages,  merci d'être passé par là !
 

On a pas l'Arial que je suggère dans le code source, on a juste ça.
{font-family: "Raleway", sans-serif;}
 
Après c'est une police téléchargée de Google Font effectivement (avec 3 différentes graisses) :
href="https://fonts.googleapis.com/css?family=Raleway:300,400,700"
 
Ah c'est bien la déclaration manquante UTF-8 qui fait défaut, merci pour ta confirmation.
 
• Responsive design :
Ça n'est pas responsif c'est clair.
Pour le background j'ai remarqué qu'il se répétait en diminuant l'affichage.
Il fallait le déclarer en no-repeat non ?
 
• Css liée au Html
À la rigueur si c'est juste une page d'accueil, ça ne fait pas grand chose en code...
Par contre je me demandais si la balise <style> n'était pas obsolète...
je préfère séparer, c'est tellement plus rationnel.
 
Sinon d'accord avec toi sur tout le reste. Pas un boulot d'agence ça...
 

* Police Google Font : du moment que le fichier est appelé par le site lui-même, la police s'affichera, quelles que soient celles sur ta machine. Reste qu'ajouter une police générique ( Arial) ne fait pas de mal.
 
* Background : oui, le déclarer en no-repeat + faire une jonction avec un background uni. Ou encore ne pas redimensionner le background (mais ça risque d'être confus, vue la complexité du motif de l'assiette)
Ou bien supprimer le background et ne mettre qu'une couleur unie.
Il y a d'autres possibilités (superposer un visuel en png transparent sur un background uni, par exemple), mais de toute façon :
1) C'est le genre de choses dont on se préoccupe lorsqu'on fait du vrai responsive
2) Et on devrait désromais procéder en "mobile first", à savoir commencer par maquetter la plus petite résolution (320 px de large) puis augmenter progressivement (640, 768, 1024...).
 
* HTML/CSS : si, la balise Style dans le HTML est dépréciée depuis l'arrivée de HTML5/CSS3.
On devrait donc éviter de l'utiliser...

Oui exact c'est mobile first désormais.
 
Grafimages, comment aurais-tu traité l'aspect responsif ?
Avec les media queries ?
 
Pour l'arrière-plan, j'aurais mis un fond uni pour un smartphone,
puis bascule vers l'image de l'assiette pour les résolutions supérieures.
 
J'utilise les valeurs suivantes :
< 481 pixels (320 c'est léger avec les smartphones actuels à présent)
de 481 à 769 pixels (tablettes en général)
> de 769 pixels (tout le reste !)

Oui, pour le responsive, media queries si on code from scratch.
Sinon, il me paraîtrait plus logique de partir sur une base Bootstrap (nativement responsive et compatible Wordpress).
 
Arrière-plan, même chose, je l'aurais supprimé pour toutes résolutions inférieures à 768 (format tablettes, même si certaines ont une réso bien plus élevée).
Quant à la valeur de 320 px, j'allais te répondre qu'elle devait être prise en compte, mais le fait est que :
1) les smartphones ont une durée de vie très brève
2) je suis allé chercher quelques stats (https://hwstats.unity3d.com/mobile/display.html) et on est au-dessous de 1% pour cette largeur.
Il convient donc de ne plus en tenir compte et de passer à 480 (autre valeur plancher). Merci de ta remarque, du coup, ça m'a permis de de mettre mes critères à jour

[Houlà on dévie là, dsl Senny pour le hs dans ton post.]
 
Cc Graffy
C'est quoi "si on code from scratch" ?    
Moi sorti de Brackets ou Sublime text...    
 
Content d'avoir pu te conseiller sur la réso max des mobiles actuels.
J'essaie de me tenir informé.  

Coder from scratch = tout coder en partant d'un fichier vierge (même si c'est très rare puisqu'on dispose de pas mal d'outils désormais).
 
C'était une expression qu'on utilisait beaucoup jusqu'à l'apparition de JQuery/Bootstrap/CMS...
Ce qui ne veut pas dire qu'on ne code plus de A à Z, mais c'est beaucoup moins fréquent
 
[fin du HS, du coup ]

Houla j’avais pas vu toute les réponses je lis tout ca demain^^
 
Pas de souci opur le hs c'est toujours intéressant de voir des aspects techniques. Bon du coup je leur est déja remonté les problèmes d'encodage ils on fait remonté a leur codeur si j'ai bien suivi.
 
voilà la maquette du "vrai" site :  

 
Franchement je suis plutôt contente de la maquette et j'ai essayé de me mettre a wordpress mais le code et moi même aussi simple ça fais clairement 2.  
 
 
 

Salut,
Bon, la maquette finale rend mieux, effectivement, bien qu'assez classique en matière de mise en page.
 

Mais justement, tu peux te débrouiller avec Wordpress sans connaître le HTML/CSS/Javascript/php... (même si ça aide).
 
De façon hyper-schématique :
- prendre un hébergement chez un hébergeur qui propose l'installation automatique de Wordpress (exemple : ovh.com)
- sélectionner un thème (=design pour CMS) sur Wordpress.org ou ThemeForest
- et l'installer via l'admin de Wordpress
- puis le personnaliser (la plupart des thèmes proposent une personnalisation basique depuis l'admin : header, menus, footer...)
 
Bon, évidemment, une personnalisation plus poussée ou un thème sur mesure requiert bien plus de connaissances, mais pour un site de base, c'est suffisant.

Je suis entièrement d'accord avec Grafimages (pour changer lol).
Wordpress est justement fait pour les gens qui ne connaissent rien au code.
 
La seule chose à faire est de remplir (contenu), de donner les bons textes alternatifs aux images et de rentrer les bons mots-clés.
Il y a aussi foultitude de plugins pour ajouter des fonctions au thème choisi (sécurité, mise en page, etc.).
 
Par contre il est recommandé de faire un thème enfant WP pour ne pas avoir des soucis avec les mises à jour...