Si votre produit tourne dans un navigateur, le MacBook est votre appareil par défaut. Ses bordures fines, sa coque en aluminium sobre et le fait que tout le monde le reconnaisse en font le cadre idéal pour les tableaux de bord SaaS, les applis web et les outils pour développeurs. L'appareil s'efface : c'est l'interface qui est mise en avant.
Pourquoi le MacBook domine le marketing SaaS
Regardez les landing pages de Linear, Notion, Vercel, Figma ou Stripe. Toutes utilisent un mockup MacBook, ou un cadre de navigateur sans appareil qui l'imite. Il y a une raison : le MacBook est l'ordinateur portable le plus reconnu dans la tech et le design, et sa sobriété ne dispute pas l'attention à l'interface.
Les meilleurs angles selon l'usage
| Angle | Idéal pour | Pourquoi ça marche |
|---|---|---|
| De face (0°) | Documentation, centres d'aide | Écran parfaitement lisible, aucune déformation de perspective |
| Légère inclinaison (15-20°) | Visuel principal de landing page | Donne du relief sans sacrifier la lisibilité : l'angle le plus polyvalent |
| Perspective marquée (30-45°) | Publicités, réseaux sociaux | Accrocheur et dynamique, mais le texte de l'interface devient moins lisible |
| Vue de dessus | Scènes de bureau, mises en situation | Montre l'ordinateur au milieu d'autres objets (clavier, café, carnet) |
| De profil | Mettre en valeur la finesse | Souligne la forme de l'appareil, rarement utile pour un SaaS |
Préparer sa capture d'écran
- 01Capturez à la résolution native du MacBook : 3024 × 1964 pour le MacBook Pro 14 pouces, 3456 × 2234 pour le 16 pouces. Chaque pixel tombe ainsi à sa place.
- 02Masquez l'interface du navigateur si vous voulez montrer uniquement l'appli. Utilisez le cadre d'appareil de Figma ou une capture plein écran.
- 03Gardez l'interface du navigateur si la barre d'adresse rassure (par exemple un vrai nom de domaine pour un produit déjà lancé).
- 04Mettez des données réalistes dans la capture : un texte de remplissage (Lorem ipsum) donne un air factice à tout le mockup.
- 05Adaptez les proportions de la capture à l'écran du MacBook. Une capture de téléphone étirée sur un ordinateur a l'air cassée.
Les types de scènes
Studio, minimaliste
Un MacBook qui flotte sur un fond uni ou en dégradé. Net, professionnel et rapide à produire. Idéal pour le visuel principal d'une landing page, un pitch deck ou une documentation produit. Les templates minimalistes de MochiMockup couvrent cette catégorie.
Bureau, mise en situation
Un MacBook sur un bureau entouré d'objets : clavier, tasse de café, plante, carnet. On y sent le quotidien de l'utilisateur. Idéal pour les en-têtes de blog, les pages « À propos » et les réseaux sociaux.
Extérieur, voyage
Un MacBook dans un café, sur un banc ou près d'une fenêtre en lumière naturelle. Idéal pour les outils de télétravail, les applis de voyage et les produits pensés pour les freelances.
Réglages d'export selon l'usage
| Usage | Résolution recommandée | Format |
|---|---|---|
| Visuel principal de landing page | 3840 × 2160 (4K) | WebP |
| En-tête de blog | 2400 × 1350 | WebP |
| Slide de pitch deck | 1920 × 1080 | PNG |
| Réseaux sociaux (LinkedIn, X) | 1200 × 675 | PNG ou WebP |
| Emailing | 1200 × 675 | PNG (meilleure compatibilité) |
Templates MacBook Pro ou MacBook Air
Les deux appareils se ressemblent presque trait pour trait dans un mockup. Le Pro a des bordures un peu plus fines et une encoche. Pour du marketing, la différence est négligeable : prenez le template qui a l'angle et la scène dont vous avez besoin. Si votre public est fait de développeurs ou d'utilisateurs avancés, le Pro envoie un signal un peu plus juste.