
Galerie d'aperçus
Skills similaires
Voir tous les SkillsCe que vous obtenez
- Un seul fichier de site autonome qui s'ouvre dans n'importe quel navigateur et fonctionne hors ligne, avec polices et images intégrées ; un portage dans votre propre projet avec un framework si vous en avez un.
- Des études de cas qui associent chaque packshot à une photo en situation, plus un estimateur de projet, des formules mensuelles et trimestrielles, des onglets de process et un brief de contact validé.
- Les titres au marqueur, le portrait dans sa forme, les autocollants et les cartes de services colorées caractéristiques, dans un exemple de 21 pages avec 16 images.
Idéal pour
- Designers de marque et de packaging indépendants qui veulent montrer leur personnalité sur la page.
- Photographes et illustrateurs qui peuvent présenter leurs commandes dans Work et vendre des forfaits comme services.
- Boulangeries et artisans de l'alimentaire qui peuvent transformer Work en gamme de produits et Process en méthode de fabrication.
Pas pour
- L'envoi réel de formulaires ou les paiements ; le brief de contact et l'estimateur affichent uniquement des résultats de démonstration transparents.
- Les marques qui recherchent un style sobre, minimaliste ou corporate plutôt que des titres au marqueur et des autocollants.
- Présenter la designer fictive Juno Halvorsen, ses clients ou ses citations comme un travail réel.
Identité visuelle et charte graphiqueWeb design et expériences numériquesCréer un site d'agenceStyle verrouilléRésultat modifiableDoodleHeroServiceRéalisations
À propos de ce Skill

Marker-Doodle Brand Studio crée un site web expressif, chaleureux et dessiné à la main pour un designer de marque ou de packaging indépendant : papier chaud, texte à l'encre et trois couleurs de marqueur (bleu cobalt, rouge tomate et jaune tournesol), titres au marqueur biseauté, un portrait détouré et souriant dans une forme cobalt, des cartes de services en aplats de couleur et de vraies photos de packaging. L'exemple met en scène la designer fictive Juno Halvorsen, avec 21 pages reliées.

Ce que vous obtenez
- Un seul fichier de site autonome qui s'ouvre dans n'importe quel navigateur et fonctionne hors ligne, polices et images intégrées. Si vous avez déjà un projet sur un framework, le design y est porté à la place.
- Un site de studio complet : un index des projets avec filtres, recherche et tri, quatre études de cas avec packshots, photos en situation et nuanciers copiables, une page services avec quatre pages de détail, à propos, une rubrique articles avec quatre billets, process, contact, confidentialité et une page introuvable.
- Un estimateur de projet qui calcule un prix de départ et un délai et pré-remplit le formulaire de contact, ainsi que des formules avec bascule mensuel/trimestriel.
- Un brief de contact validé avec états de chargement et de succès, des onglets de process avec un graphique chronologique et une barre de progression de lecture sur les articles.
- Une entrée Hero unique, un soulignement rouge qui se dessine, des yeux mobiles qui suivent le pointeur et un bandeau de clients qui se met en pause au survol, le tout apaisé lorsque les réglages de mouvement réduit sont activés.

Comment l'utiliser
- Indiquez votre nom, ce que vous concevez, vos projets avec clients et résultats, vos services avec leurs vrais prix et vos coordonnées. Les textes manquants sont rédigés sous forme de contenus provisoires plausibles et listés pour que vous les confirmiez.
- Envoyez un portrait détouré sur fond blanc et un portrait carré en noir et blanc, ainsi que des packshots et des photos en situation pour chaque projet, ou laissez l'agent les générer dans le même style.
- Ouvrez chaque page sur desktop et mobile, testez les filtres, l'estimateur et le formulaire de contact, puis demandez des modifications.

La typographie utilise Permanent Marker, Bricolage Grotesque et Kalam, intégrées au fichier. Les nouvelles images proviennent de l'outil d'image de votre agent et peuvent entraîner des frais d'utilisation.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Votre nom, ce que vous concevez et une courte présentation · Vos projets avec client, année et résultat, ainsi que vos services avec leurs vrais prix et vos coordonnées · Un portrait détouré et des photos de projets, ou votre accord pour générer des substituts
- Dépendances
- Node.js 18 ou version ultérieure sur la machine de votre agent, pour exécuter le script fourni qui génère le fichier unique hors ligne · Un accès à Internet pendant la génération du fichier, pour télécharger une fois les polices et les intégrer · Un outil d'image dans votre agent, ou vos propres photos, pour les portraits, packshots et photos en situation
- Coûts externes
- Les nouveaux packshots, photos en situation et portraits sont générés avec l'outil d'image de votre agent, qui peut être payant. À défaut, fournissez vos propres photos ; les images du studio, du process et des autocollants peuvent rester. Consulter l'exemple ne coûte rien.
- Dernier test
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…









