Tous les
projets
Une identité visuelle pour un magasin de matériel photo et vidéo

Didnegar

Une nouvelle identité pour un magasin de matériel photo et cinéma, construite autour de trois ovales : macro, normal et télé.

Didnegar vend des appareils photo professionnels, des objectifs et du matériel de tournage, en ligne comme dans une boutique physique. Le nom réunit « didan », voir, et « negar », une image. Le magasin avait déjà un logo, mais il ressemblait à une icône d’appareil photo générique et donnait peu de matière à la marque, alors j’ai redessiné toute l’identité.

L’idée vient des trois types d’objectifs de base, macro, normal et télé, et des trois éléments avec lesquels un créateur travaille : l’image, le son et la lumière. Le nouveau logo est fait de trois ovales de largeurs différentes, un par objectif, posés à côté d’un logotype persan sur mesure avec une version latine assortie. Le système de couleurs est noir carbone, orange flamme et blanc coquillage chaud, avec du bleu cobalt et un jaune ensoleillé en soutien. Autour du logo, j’ai conçu un système graphique : des motifs faits des ovales et des lettres, des boîtes arrondies qui s’empilent comme une grille de viseur, des repères de cadrage, un jeu d’icônes au trait et les mises en page des bannières de la boutique.

Année
2026
Projet
Projet client
Rôle
Identité visuelle · Design de logo · Système graphique · Direction artistique
/ La concurrence01

Cinq magasins, presque un seul look.

Avant de dessiner quoi que ce soit, j’ai regardé les magasins avec lesquels Didnegar est en concurrence, en ligne et en boutique. Quatre sur cinq utilisent un appareil photo ou un obturateur comme symbole, surtout en bleu et rouge, et le cinquième n’est que du lettrage. C’est un terrain encombré où les logos se ressemblent.

Les logos appartiennent à leurs propriétaires et ne sont montrés ici que pour comparaison.

/ Premières idées, sur papier02

Tout a commencé au crayon.

Avant tout écran, des pages et des pages de petits dessins : la lettre D du nom, un œil, un objectif, un appareil photo, un flash, un cadre. Puis du stylo et du feutre pour le lettrage persan du nom, essayé encore et encore jusqu’à ce qu’une forme semble juste.

Études au crayon : la lettre D, l’œil, l’appareil photo.
Étoiles, flashs et yeux.
Cadres, fleurs et la lettre D.
L’œil et la lettre D, réunis.
D’autres combinaisons, et le nom en lettres latines.
Appareils photo, boîtes et la lettre D.
Formes au feutre, et notes.
Lettrage du logotype persan, au stylo et au feutre.
Encore du lettrage : le mot, puis seulement « negar ».
Du lettrage, essayé encore et encore.
/ Propositions03

Cinq directions, et celle qui est restée.

J’ai présenté au client, sous forme de cinq propositions de logo, les idées qui tenaient : un D avec un œil, un D dans un cadre, une étoile en forme de flash, un D avec un flash, et trois ovales.

La cinquième, les trois ovales, est celle qui est devenue l’identité. Elle vient des trois types d’objectifs de base, un regard large qui se resserre jusqu’à la mise au point, et le changement de taille donne au signe du mouvement et de la croissance. Les trois ovales évoquent aussi ce que vend le magasin : l’image, le son et la lumière. Et elle est flexible : elle peut tenir dans un cadre ou se tenir seule à côté du nom.

1 · La lettre D du nom, avec l’œil derrière l’objectif.
2 · Le D et l’œil dans un cadre d’appareil photo.
3 · Une étoile à quatre branches, l’éclat d’un flash.
4 · Un D avec le flash découpé dedans.
5 · Trois ovales : la direction choisie.
/ Le logo04

Trois objectifs, trois ovales.

Le magasin avait déjà un logo, mais c’était une icône d’appareil photo générique. Le nouveau signe est fait de trois ovales de largeurs différentes sur une même ligne de base : un objectif vu de face, puis écrasé. Un logotype persan sur mesure et son équivalent latin se placent à côté.

L’ancien logo du magasin : une icône d’appareil photo avec un logotype persan
AvantUne icône d’appareil photo générique. Elle disait « appareil photo » et presque rien d’autre.
AprèsTrois ovales, un pour chaque type d’objectif.
/ À essayer05

Trois objectifs, une scène.

Les ovales ne sont pas de la décoration. Chacun est un objectif : macro, normal et télé. Choisissez-en un et la même image change comme le ferait un vrai objectif.

Une personne qui regarde au-dessus des nuages

Touchez la photo pour la suivante

Trois objectifs, trois sortes de photos

À peu près ce que voit l’œil. Des distances naturelles, une scène comme si vous y étiez.

Distance au sujet
Quelques mètres
Champ de vision
Comme l’œil
Idéal pour
Rues, portraits, vie quotidienne
TéléNormalMacro

Faites glisser le point pour déplacer le sujet : loin, au milieu ou près. Plus le cône est étroit, plus l’objectif zoome.

Photos d’Unsplash et du dossier photo du projet.

/ Comment il est construit06

Une seule unité le gouverne.

Chaque largeur vient d’une unité unique. Les ovales font 4, 8 et 12 unités de large, avec un espace d’une unité, et gardent tous les mêmes proportions où que le logo aille. Ce sont les dessins de construction du guide.

Une unité, tirée du logo.
Un seul ovale, écrasé au quart, est l’unité. Les ovales font 4, 8 et 12 unités de large et 10 de haut.
Comment le logotype rencontre les ovales dans le logo persan horizontal.
Zone de protection : la largeur du plus étroit des ovales, de chaque côté.
Le logotype latin à côté des ovales.
Zone de protection pour le logo latin et pour le signe seul.
La version persane empilée.
La version latine empilée.
Zone de protection pour les deux versions empilées.
Les parts se calculent sur la longueur du support sur lequel se trouve le logo (« طول » veut dire longueur).

Que cela donne-t-il pour votre support ?

  • Le signe seul, ou l’une des versions empilées5%
  • Logotype persan seul7%
  • Logo persan avec les ovales10%
  • Logotype latin seul12%
  • Logo latin avec les ovales15%

Au moins cette longueur, jamais plus petit. Agrandissez-le dès qu’il y a de la place.

Comment le guide le règle dans Illustrator : 15 % × 1920, sur une maquette d’écran de 1920 px de large.

Instagram et autres avatars circulaires

Photos de profil Instagram et tout autre avatar circulaire : quatre versions qui tiennent dans le cercle, et en dessous leur aspect à la taille d’un avatar. La dernière montre comment ne pas faire.

Photos de profil, pour Instagram et tout avatar circulaire

La photo de profil Instagram de Didnegar : les trois ovales dans un cercle
Le magasin : les ovales seuls, centrés et entiers dans le cercle.
La photo de profil Instagram de Didnegar Academy : les ovales et le logotype latin en jaune rayon
L’académie : la version latine empilée en jaune rayon, centrée et entière.
/ La couleur07

Carbone, flamme et un blanc chaud.

Trois couleurs principales portent la marque : le noir carbone, l’orange flamme et le perle, un blanc coquillage chaud. Deux couleurs secondaires les soutiennent : le bleu cobalt et le jaune rayon, la couleur de la lumière elle-même. Chaque couleur a une échelle de l’ombre profonde à la teinte pâle, et des dégradés mêlent deux d’entre elles.

À essayer: survolez un ovale pour lire sa couleur, touchez pour copier le HEX.

Dégradés : deux couleurs, un seul fondu.
Le signe dans chaque couleur approuvée.

Les mêmes dégradés que dans le guide des couleurs, sur le signe du logo.

/ Utiliser le logo08

Des règles pour qu’il reste reconnaissable.

Un logo ne fonctionne que s’il a toujours le même aspect. Le guide indique quelles couleurs peuvent se poser sur lesquelles, montre les versions en dégradé pour fonds sombres et colorés, et nomme les erreurs à éviter.

Seules ces associations sont approuvées. Chacune est une couleur que le guide montre sur ce fond.

Comment ne pas l’utiliser : étiré, lumineux, pivoté, détouré, espacé autrement ou sur une texture.
/ Typographie09

Une seule police, ronde ou classique.

Pour les textes du magasin, j’ai choisi Bonyade Koodak, qui existe en deux versions : une ronde et une classique. La marque est libre d’utiliser l’une ou l’autre, donc pas seulement la version ronde. Le guide typographique fixe quatre graisses, chacune avec son rôle, et donne des tailles et des interlignes pour le web, les réseaux sociaux et l’impression.

Tapez votre propre texte sur la ligne. Appuyez sur Entrée ou cliquez sur une ligne ci-dessous pour changer l’échantillon.

Web · ordinateur

Largeur de page 1024 px et plus

  • دیدنگار Message principalMessage de bannière et de campagne 48 / 64 pxBlack
  • دیدنگار AccrocheUne phrase courte et grande 40 / 60 pxLight
  • دیدنگار Titre de pageTitre principal du contenu 36 / 52 pxBold
  • دیدنگار Titre de sectionDébut d’une nouvelle section 28 / 40 pxBold
  • دیدنگار Petit titreUne courte partie dans le contenu 22 / 32 pxBold
  • دیدنگار Texte courantDescriptions et articles 16 / 28 pxRegular
  • دیدنگار Texte d’aideNotes et légendes 14 / 24 pxRegular

Pour le message principal, choisissez Black ou Light, jamais les deux à la fois comme accroche principale.

Web · mobile

Largeur de page sous 1024 px

  • دیدنگار Message principalMessage de bannière et de campagne 32 / 48 pxBlack
  • دیدنگار AccrocheUne phrase courte et grande 32 / 48 pxLight
  • دیدنگار Titre de pageTitre principal du contenu 28 / 40 pxBold
  • دیدنگار Titre de sectionDébut d’une nouvelle section 24 / 36 pxBold
  • دیدنگار Petit titreUne courte partie dans le contenu 20 / 32 pxBold
  • دیدنگار Texte courantDescriptions et articles 16 / 28 pxRegular
  • دیدنگار Texte d’aideNotes et légendes 14 / 24 pxRegular

Gardez le texte courant à 16 px. Si une accroche ne tient pas, mettez-la sur deux lignes.

Réseaux · post

Fichier de design 1080 × 1350 px

  • دیدنگار Message principalUn seul message court 104 / 136 pxBlack
  • دیدنگار AccrocheRemplace le message principal 88 / 128 pxLight
  • دیدنگار Seconde accrocheMise en avant après le message principal 64 / 92 pxBold
  • دیدنگار DescriptionUne ou deux phrases 44 / 68 pxRegular
  • دیدنگار Nom du produitNom du modèle ou du produit 44 / 68 pxBold
  • دیدنگار Texte courtÉtiquettes et petites informations 32 / 48 pxRegular
  • دیدنگار Appel à l’actionVoir, acheter ou continuer 40 / 60 pxBold

Une accroche principale, une courte description et un appel à l’action suffisent.

Print · brochure

Portrait 210 × 297 mm

  • دیدنگار Message principalCouverture et début de section 38 / 54 ptBlack
  • دیدنگار AccrocheUne courte phrase d’affichage 32 / 48 ptLight
  • دیدنگار TitreNom de section ou d’article 30 / 44 ptBold
  • دیدنگار Seconde accrocheCorps d’un article 20 / 30 ptBold
  • دیدنگار Texte courantDescriptions et articles 12 / 20 ptRegular
  • دیدنگار Petite noteLégendes et notes 9 / 14 ptRegular

Pour une brochure ou un catalogue tenu en main, composez les longs textes en Regular.

Espacements, par l’exemple

Les bandes orange sont les espacements minimaux du guide

دوربین تازه، دید تازه
16 px · De l’accroche à la description
لنز و بدنهٔ مناسب کارتان را از فروشگاه دیدنگار انتخاب کنید.
16 px · Entre deux paragraphes
ارسال به سراسر کشور، با ضمانت اصالت کالا.
40 px · Entre deux sections indépendantes
لنزهای پرتره
16 px · De l’accroche à la description
فاصلهٔ کانونی ثابت برای چهره‌های طبیعی.

Sur ordinateur, 40 px entre sections indépendantes, 32 px sur mobile. 16 px entre une accroche et son texte, et entre les paragraphes.

دید تازه
32 px · De l’accroche au texte suivant
سه لنز، یک نگاه.
24 px · De la description à l’action
مشاهده

32 px de l’accroche au texte suivant, 24 px de la description à l’action.

دوربین تازه، دید تازه
12 pt · De l’accroche à la description
لنز و بدنهٔ مناسب کارتان را از فروشگاه دیدنگار انتخاب کنید.
6 pt · Entre deux paragraphes
ارسال به سراسر کشور، با ضمانت اصالت کالا.

12 pt de l’accroche à sa description, 6 pt entre deux paragraphes.

/ Le système graphique10

Ovales, anneaux et boîtes.

Autour du logo se trouve un petit ensemble d’éléments graphiques, tous tirés de l’appareil photo. Des motifs répètent les ovales et le lettrage. Des anneaux brisés empruntent la forme d’une bague de mise au point. Des boîtes arrondies s’empilent comme une grille de viseur, et leur longueur est libre de changer. Les icônes sont dessinées au trait, d’une seule épaisseur, sans détails.

Anneaux de mise au point

Un cercle brisé en quatre arcs, large ou haut.

  • Anneaux de mise au point : ronds
    Rond
  • Anneaux de mise au point : larges
    Large
  • Anneaux de mise au point : hauts
    Haut
  • Anneaux de mise au point : étroits
    Étroit

En situation, d’après le guide

Des anneaux de mise au point qui cadrent le sujet sur deux stories
Des anneaux de mise au point qui cadrent le sujet sur deux stories
Un anneau autour de l’appareil photo sur une bannière
Un anneau autour de l’appareil photo sur une bannière

Ovales

Trois ovales, écrasés et étirés, dans les deux sens.

  • Ovales : du grand au petit
    Du grand au petit
  • Ovales : du petit au grand
    Du petit au grand
  • Ovales : petit, grand, moyen
    Petit, grand, moyen
  • Ovales : moyen, grand, petit
    Moyen, grand, petit

En situation, d’après le guide

Les ovales, et les ovales derrière le produit sur deux posts
Les ovales, et les ovales derrière le produit sur deux posts
Des ovales derrière l’appareil photo sur une bannière
Des ovales derrière l’appareil photo sur une bannière

Icônes

Des traits simples, d’une seule épaisseur. Chaque icône fonctionne sur toutes les couleurs de la palette.

  • Icône Magazine sur Noir du site
    Noir du site
  • Icône Magazine sur Flamme
    Flamme
  • Icône Magazine sur Cobalt
    Cobalt
  • Icône Magazine sur Rayon
    Rayon
  • Icône Magazine sur Perle
    Perle
  • Icône Occasion sur Noir du site
    Noir du site
  • Icône Occasion sur Flamme
    Flamme
  • Icône Occasion sur Cobalt
    Cobalt
  • Icône Occasion sur Rayon
    Rayon
  • Icône Occasion sur Perle
    Perle
  • Icône Réparations sur Noir du site
    Noir du site
  • Icône Réparations sur Flamme
    Flamme
  • Icône Réparations sur Cobalt
    Cobalt
  • Icône Réparations sur Rayon
    Rayon
  • Icône Réparations sur Perle
    Perle
  • Icône Paiement en plusieurs fois sur Noir du site
    Noir du site
  • Icône Paiement en plusieurs fois sur Flamme
    Flamme
  • Icône Paiement en plusieurs fois sur Cobalt
    Cobalt
  • Icône Paiement en plusieurs fois sur Rayon
    Rayon
  • Icône Paiement en plusieurs fois sur Perle
    Perle
  • Icône Académie sur Noir du site
    Noir du site
  • Icône Académie sur Flamme
    Flamme
  • Icône Académie sur Cobalt
    Cobalt
  • Icône Académie sur Rayon
    Rayon
  • Icône Académie sur Perle
    Perle

Composez une bannière

Sur didnegar.com, des rangées de boîtes se trouvent sous la bannière principale, comme raccourcis vers la boutique, le magazine et l’académie. Les boîtes sont la brique du système : dans n’importe quel ordre, n’importe quelle longueur, n’importe quel nombre. Essayez.

  1. 1Touchez une boîte pour la placer dans la rangée.
  2. 2Faites glisser une boîte pour changer sa place.
  3. 3Touchez une boîte placée pour la retirer.

En situation, d’après le guide

Des boîtes empilées à côté d’une affiche produit
Des boîtes empilées à côté d’une affiche produit
Des boîtes en étiquettes et en boutons sur une bannière
Des boîtes en étiquettes et en boutons sur une bannière

Votre rangée est vide. Touchez une boîte ci-dessous.

Les lignes jaunes sont les repères de la rangée.

/ En situation11

L’identité, en direct.

La nouvelle identité fonctionne désormais sur didnegar.com. Le logo et l’orange flamme se trouvent dans l’en-tête et les boutons. Les trois ovales, les anneaux de mise au point et les boîtes apparaissent dans les bannières et sous les produits.

L’en-tête et la première bannière de didnegar.com.
Bannières : les ovales derrière le produit, et des boîtes avec le logo dessous.
Bannières promotionnelles, avec l’anneau de mise au point.

Trois objectifs, un seul œil.

/ Autres projets12

Une idée en tête ?À vous de jouer

Cliquez pour copier mon e-mail · ou ouvrez votre messagerie

MASSConception · 3D · Branding

Cliquez sur une carte pour la mettre devant. Cliquez sur celle de devant pour l’ouvrir.