Comment concevoir des pages Web autour d'un gros logo?

Je suis en train de concevoir un site Web pour un endroit qui utilise un grand logo circulaire. Leur logo contient une image ainsi que du texte.

Le problème que je rencontre est d'insérer ce logo dans la conception Web tout en gardant le texte dans le logo lisible, mais sans occuper une grande partie de l'écran.

Les logos circulaires sont aussi hauts que larges. La plupart des logos sont plus larges que hauts et sont plus faciles à installer sur un écran à cause de cela.

Je pense à l'intégrer dans l'en-tête de la page avec le menu mais la hauteur du logo crée un réel déséquilibre à l'écran et le texte du logo ne permet pas de rendre le logo plus petit.

Ma question est donc la suivante: comment gérez-vous les logos indisciplinés? Est-il correct de les déconstruire, ou quel type de solutions de contournement sont utiles dans ce type de situation?

Une pensée qui me vient à l'esprit est que vous pouvez vraiment profiter de ce qu'un cercle fait naturellement en termes d'optique. Si vous le placez sur une barre de navigation colorée et que vous laissez le haut et le bas du logo circulaire se répandre sur le rectangle, cela devrait réduire la quantité d'espace blanc dont vous auriez besoin entre l'en-tête et le corps.

Dans mon exemple, le cercle est centré (ce que j'aime un peu pour les logos circulaires, mais c'est probablement une chose personnelle), mais vous pouvez également l'aligner à gauche.

J'ai vérifié quelques sites Web avec des logos circulaires. Dell est tout petit. Il en va de même pour UPS (pas circulaire mais à peu près aussi large que haut). Apple aussi. Burger King a fait quelque chose d'intéressant:

Non, les frites sur un sandwich ne sont pas la partie intéressante ... Nous le faisons depuis des décennies à Pittsburgh. Ce qui est intéressant, c'est qu'ils le placent à l'intérieur de l'image du héros. Parce qu'ils ont d'excellents photographes, ils peuvent s'assurer que leurs photos sont configurées de sorte qu'il n'y ait rien en haut à gauche pour nuire au logo. Mais cela permet certainement un logo plus grand qui ne domine pas car il est toujours petit par rapport à une énorme image de nourriture qui est là .

Il y a une distribution Linux qui a un logo qui est également un cercle. Le logo d'Ubuntu est un cercle qui contient un "cercle d'amis". Ils ont rétréci leur logo et l'ont placé à l'endroit où vous pourriez vous attendre à voir un symbole "Marque déposée" dans le coin supérieur droit de leur nom. Ils ont des modifications de leur "Logo" et c'est l'un d'entre eux. Pour voir les variantes des logos, rendez-vous sur http://design.ubuntu.com/brand/ubuntu-logo. Il présente également la façon dont ils ont attribué le logo. Cela peut vous donner une idée de conception, s'ils ne sont pas trop conservateurs sur ce à quoi ils veulent ressembler. Sinon, je suggère de créer une bannière avec le logo dessus et de l'utiliser comme en-tête du site Web.

Les gros logos, et surtout circulaires, sont un peu un casse-tête. Ne sachant pas grand-chose à quoi ressemble réellement le logo, voici quelques concepts très rapides et sales.

Pardonnez les exemples extrêmement primitifs; prenez-le pour ce qu'il est: des idées conceptuelles, pas des directives de mise en page.

Équilibrez la page avec le logo à gauche (là où vous êtes le plus susceptible d'avoir plus d'espace)

Utilisez un peu de transparence, agrandissez le logo, n'ayez pas peur des "espaces blancs" (ou plus précisément de "logospace".

Selon les propriétés du logo, vous pouvez utiliser simultanément la transparence et la non-transparence

Une autre vision de la transparence - la non-transparence

Et, enfin, amusez-vous un peu farfelu en découpant le logo. Tant que vous avez le tout quelque part, le découpage peut être assez efficace; et fait pour la conception passionnante.