Bonus +50
Planche des applications

Cinquante mockups.
Sept catégories.

Du favicon 16px au coffret VIP, voici la marque déclinée sur les supports qu'elle rencontrera. Vingt-deux mockups schématiques sont déjà construits ici en SVG. Vingt-huit cartes restent en placeholders propres, prêtes à recevoir les mockups photoréalistes au moment de leur production.

Catégorie 01 · Digital

Site, mobile, signature email.

Cinq applications natives écran. Toutes en SVG dans la planche — c'est le terrain où la marque vit le plus.

01
Favicon
SVG · 16/32/48px · O coupé sur fond signature
MéthodeCasContact
Faire dire WOW.
C'est notre métier.
02
Hero web · home
Desktop 1440 × 900 · header fusionné signature + sticker ink
MéthodeCasContact
Méthode · 06 temps
Six temps. Pas de bullshit.
03
Page intérieure · méthode
Desktop 1440 × 900 · paper + ink · sections séparées par hairline
☰
Faire dire WOW.
C'est notre métier.
04
Mobile · iPhone
390 × 844 · header non sticky · hero signature plein
Thierry Ndoufou · Fondateur
thierry@osher.africa
+225 0X XX XX XX XX
osher.africa
Faire dire WOW. C'est notre métier.
05
Signature email
4 lignes max · wordmark + nom + meta + baseline italique
Catégorie 02 · Réseaux sociaux

Sept formats. Une seule marque.

Avatar identique partout, covers et posts variables. Tous en SVG dans la planche.

06
Avatar Instagram
320 × 320 · O coupé seul sur signature
Cas · Banques
Le coffret qui a fait dire OUAH à des banquiers.
07
Post Instagram carré
1080 × 1080 · signature + sticker ink + headline t-h2
Story · Brief
Le brief était banal.
La livraison, non.
Swipe up →
— zone UI réservée —
08
Story 9:16
1080 × 1920 · 200px réservés bas pour overlay UI
Faire dire WOW. C'est notre métier.
09
Cover LinkedIn
1584 × 396 · paper + wordmark + baseline
Insight
Trois métiers.
Une exigence.
10
Post LinkedIn
1200 × 628 · ratio identique au site hero
Faire dire WOW.
11
Cover X / Twitter
1500 × 500 · ink + sticker signature centre-gauche
Méthode · Temps 04
On bosse.
On vous écrit le mardi.
12
Thumbnail YouTube
1280 × 720 · headline lisible 80px+ · wordmark top-left
Catégorie 03 · Papeterie

Le papier, la main, la mémoire.

Cinq mockups SVG (carte, lettre, enveloppe, badge), trois objets en placeholder (bloc, stylo, lanyard) qui demandent un rendu photo réaliste.

Thierry Ndoufou
Fondateur
thierry@osher.africa
+225 0X XX XX XX XX
13
Carte de visite · recto
85 × 55 mm · papier 350 gsm uncoated
14
Carte de visite · verso
85 × 55 mm · signature plein + wordmark centré
Osher Group Corporation · Cocody, Abidjan · thierry@osher.africa
15
Lettre A4 · en-tête
210 × 297 mm · wordmark + filet signature
Madame, Monsieur
Adresse de destination
00000 Ville
16
Enveloppe DL
220 × 110 mm · wordmark top-left · adresse à droite
Aïcha Koné
Lead Strategy
17
Badge nominatif
100 × 140 mm · header signature · photo + nom · porte-badge
18
Bloc-notes A5
148 × 210 mm · couverture papier · embossage sec O coupé
19
Stylo
Métal mat ink · gravure laser wordmark sur clip
20
Lanyard
Tour de cou · sangle signature · O coupé répété
Catégorie 04 · Événementiel

Quand la marque sort dans la rue.

Trois SVG (roll-up, programme, plaque) et sept placeholders (banderole, kakemono, backdrop, drapeau, devanture, photocall, billet) qui méritent un rendu spatial.

Faire
dire
WOW.
21
Roll-up
85 × 200 cm · signature plein · wordmark + baseline + sticker ink
Programme · 12 nov.
Une journée
qui marque.
22
Programme A5
148 × 210 mm · couverture · titre + planning
3e étage · Direction
23
Plaque de bureau
300 × 80 mm · alu brossé · gravure ink
24
Banderole horizontale
3 × 1 m · signature + wordmark + baseline
25
Kakemono
60 × 160 cm · vertical · structure pliable
26
Backdrop scène
4 × 2,5 m · répétition O coupé en pattern + wordmark central
27
Drapeau d'extérieur
100 × 250 cm · plume verticale · base lestée
28
Devanture / vitrine
Façade siège · enseigne lumineuse signature + wordmark
29
Photocall
2,4 × 2,4 m · pattern O coupé · alterné signature/papier
30
Billet d'entrée
200 × 80 mm · perforation latérale · sticker au verso
Catégorie 05 · Goodies textile

Cinq pièces qu'on garde.

Toutes en placeholder — un T-shirt vit en photo. Aucun mockup vectoriel ne rend la matière, le tombé, la lumière. Slot prêt à recevoir le rendu réel.

31
T-shirt · face
Coton 200 gsm papier · O coupé poitrine 50 mm
32
T-shirt · dos
Sticker WOW LIVRÉ centré dos 200 mm
33
Hoodie
Coton lourd 320 gsm signature · wordmark sérigraphie poitrine
34
Sweat-shirt
Molleton ink · broderie wordmark papier poitrine
35
Casquette
Dad hat ink · broderie O coupé centre · sangle réglable
Catégorie 06 · Goodies objet

Cinq objets qui finissent sur le bureau.

Tous en placeholder. Céramique, métal, vinyl — autant de matières qui demandent une image.

36
Tote bag
Toile écrue 240 gsm · anses cuir · intérieur signature · wordmark centré
37
Mug céramique
300 ml · ext. papier mat · int. signature brillant · O coupé + baseline
38
Gourde
Inox 750 ml ink · gravure laser wordmark
39
Sticker pack
Vinyl mat · 3 stickers ronds · signature / ink / outline · 5/8/12 cm
40
Pin's émail
Disque signature 25 mm · O coupé en relief émail papier
Catégorie 07 · Premium & coffrets

Quand on veut vraiment marquer.

Deux SVG (certificat WOW LIVRÉ, étiquette) et huit placeholders pour les coffrets, sleeves, rubans, papiers — tous demandent matière et lumière réelles.

Certificat WOW LIVRÉ
Le brief était banal.
La livraison, non.
Délivré le 12.04.2026
41
Certificat WOW LIVRÉ
A5 paysage · papier 250 gsm · signé fondateur
42
Étiquette adhésive
Vinyl signature 50 mm · sticker WOW LIVRÉ · à apposer sur livrable validé
43
Coffret VIP · fermé
Boîte papier cartonnée · ext. papier · int. signature · ruban gros-grain
44
Coffret VIP · ouvert
Vue plongeante · contient carte + objet utile + sticker pack
45
Box onboarding
Coffret nouveau collaborateur · welcome card + carnet + lanyard + tee
46
Sleeve carton
Étui livre / dossier · papier kraft signature · O coupé embossé sec
47
Ruban gros-grain
25 mm · signature · texte papier répété « OSHER · WOW LIVRÉ »
48
Papier cadeau
700 × 1000 mm · pattern O coupé répété · papier ou signature
49
Carnet embossé
A5 hardcover papier · O coupé embossé sec · pages crème
50
Carte de remerciement
A6 plié · ext. signature · int. message manuscrit + signature fondateur
Et maintenant ?

Vingt-deux SVG faits.
Vingt-huit slots prêts.

Chaque carte placeholder est wirée en une ligne : remplacer le <div class="bb-app-visu"> vide par un <img src="..."> et le mockup réel s'aligne au format. Aucun retravail CSS nécessaire.

Pour produire les 28 mockups photoréels

  • Photo studio (textile, objet, coffret) — préférer fond papier #F5F1EA, lumière naturelle, contraste assumé.
  • Mockup templates (Mockup World, Anthony Boyd, Yellow Images) — composer le wordmark officiel SVG dessus dans Figma ou Photoshop.
  • IA générative (Midjourney, DALL-E, Adobe Firefly) — pour les mises en situation événementielles.