Créations graphiques
Design de CV d’ingénieur frontend
Ce design de CV chinois sur deux colonnes associe une chronologie professionnelle détaillée à des sections compactes consacrées aux compétences, à la formation et aux langues.
Cas d’usage du design de CV
- CV d’ingénieur frontend seniorPrésentez un parcours technique à travers les fonctions, les projets et les compétences.
- CV techniques chinoisAssociez des descriptions en chinois à des termes techniques anglais familiers.
- Synthèses de parcours techniqueReliez le travail d’ingénierie à des mesures et à des résultats concrets.
Points forts de la mise en page du CV
- Ordre de lecture centré sur le parcoursLe profil vient en premier, suivi des fonctions datées et des projets publics.
- Informations sur deux colonnesL’expérience occupe la colonne la plus large ; les qualifications sont placées à côté.
- Accent bleu sélectifLes chiffres clés et les marqueurs de section se distinguent du corps du texte.
Le CV d’ingénieur frontend, colonne par colonne
1 / 3
Un CV chinois d’ingénieur frontend
Distribué dans la bibliothèque de la communauté OpenDesign, avec HTMLAnything déclaré comme source amont, ce CV chinois présente un exemple de profil d’ingénieur frontend senior. Le titre associe l’intitulé chinois à « Senior Frontend Engineer », tandis que la ligne de coordonnées regroupe Shanghai, l’adresse e-mail, GitHub et LinkedIn sous le nom. Un court profil revendique huit ans d’expérience frontend, une refonte du système de design pour un produit décrit comme comptant 50M+ MAU, ainsi qu’un intérêt pour les outils de développement assistés par l’IA. Il s’agit de qualifications illustratives, et non d’un historique personnel vérifié.
Placer le profil avant la section consacrée à l’expérience fournit au lecteur un cadrage concis avant les éléments de preuve plus denses qui suivent. La ligne de coordonnées garde les informations pratiques visibles près du nom, même si ses nombreux éléments en ligne peuvent nécessiter une nouvelle mise en page dans des formats plus étroits.
À quels profils cette structure de CV convient-elle ?
Ce design convient à un candidat technique dont le parcours repose sur une progression professionnelle et un périmètre d’ingénierie. Dans la colonne d’expérience de l’exemple, Acme AI, ByteDance et Meituan apparaissent en ordre antéchronologique, chacun avec une fonction et une période. Les puces qui les suivent décrivent notamment une mise à niveau de React 16 vers 19 et une migration de webpack vers Vite. Les noms d’entreprise, la chronologie et les résultats appartiennent à l’exemple ; cette page ne vérifie pas l’emploi de la personne représentée.
Cette séquence aide les lecteurs à parcourir les employeurs et les dates avant d’examiner les affirmations associées à chaque fonction. Elle donne également aux projets une place distincte après l’historique professionnel : « 公开项目 » répertorie html-anything et lite-form avec de courtes descriptions. Cette séparation peut aider à maintenir le travail indépendant visible sans interrompre la chronologie professionnelle. Les candidats dont l’accent est différent peuvent adapter l’ordre, mais doivent préserver une distinction claire entre l’emploi et les projets présentés séparément.
Progression professionnelle
Utilisez des groupes de fonctions datés lorsque l’évolution des responsabilités ou de l’orientation technique est au cœur du parcours du candidat.
Travail indépendant
Réservez une section aux projets publics lorsqu’ils apportent des preuves qui dépassent le cadre de l’expérience professionnelle.
Comment les deux colonnes répartissent le contenu
La page utilise une mise en page de 210 mm de large. Dans la capture complète, l’expérience et les projets publics occupent la partie gauche, plus large, tandis que la formation, les compétences, les langues et les centres d’intérêt occupent la partie droite, plus étroite. Cette proportion reflète le contenu : les descriptions de fonctions contiennent des puces plus longues qui passent à la ligne, alors que la colonne droite utilise des entrées courtes et des listes compactes.
L’introduction sur toute la largeur est intitulée « 个人简介 ». En dessous, la colonne gauche va de « 工作经历 » à « 公开项目 », tandis que la colonne droite contient « 教育 », « 核心技能 », « 语言 » et « 兴趣 ». Le côté consacré au parcours contient le récit le plus long ; la barre latérale sert de référence compacte pour les qualifications. Des puces professionnelles plus longues peuvent rendre ce côté visuellement plus lourd que la colonne de qualifications plus courte.
Colonne principale
L’expérience datée et les descriptions de projets portent le contenu le plus long et le plus explicatif.
Barre latérale
La formation, les intitulés de compétences, les niveaux de langue et les centres d’intérêt utilisent des entrées compactes.
Postes datés et éléments de preuve
Chaque emploi commence par une organisation et une fonction, avec la période alignée en vis-à-vis. L’entrée Acme AI comporte trois puces : un éditeur d’IA interne avec des chiffres de DAU et de NPS indiqués, une mise à niveau du framework avec une affirmation concernant les régressions et une comparaison de vitesse du compilateur, ainsi qu’une bibliothèque de composants avec des chiffres d’adoption et de téléchargements. Cet ensemble montre comment ce design accueille des affirmations liées au produit, à la migration et à la réutilisation au sein d’une même fonction.
L’accent bleu attire l’attention sur certaines valeurs, telles que « 12k », « 68 » et « 3.2 倍 ». Cela facilite le balayage visuel, mais peut aussi donner aux chiffres une apparence plus probante que ne le permettent leurs définitions. Par exemple, le CV ne précise pas comment le NPS a été mesuré ni quelles étaient les conditions de comparaison derrière l’affirmation de vitesse. Lors de l’adaptation de ce modèle, conservez suffisamment de contexte pour expliquer à quoi chaque métrique se rapporte au lieu de mettre en évidence un chiffre isolé. Les affirmations fournies restent illustratives.
Les listes compactes modifient le rythme de lecture
La section des compétences utilise de courtes pastilles libellées, notamment TypeScript, React, Next.js et Vite, tandis que les langues sont présentées sous forme de paires nom et niveau de maîtrise : chinois et « 母语 », anglais et « CET-6 615 », japonais et « N3 ». La formation est également compacte, avec l’université Fudan, le diplôme, les dates et la moyenne générale regroupés dans un petit bloc. Ces formes courtes rendent la barre latérale facile à parcourir, mais laissent moins de place pour expliquer le niveau de maîtrise, les enseignements suivis ou la profondeur des compétences.
L’entrée consacrée aux centres d’intérêt est plus longue et passe sur plusieurs lignes, ce qui montre que même une colonne compacte doit prévoir les retours naturels à la ligne. Dans une nouvelle version, le contenu devrait déterminer la longueur de la barre latérale ; il ne devrait pas être comprimé au point de faire disparaître les distinctions entre noms de compétences, qualifications et éléments de preuve.
Ce que montre le design
Les captures montrent un CV statique ainsi que des affirmations personnelles, professionnelles et liées à la formation, présentées à titre illustratif. Les coordonnées sont de simples éléments span dans la source, et non des liens fonctionnels vers une adresse e-mail ou un profil ; aucun service de recrutement ni aucune source de données n’est connecté. Une feuille de style d’impression supprime l’arrière-plan extérieur et l’ombre, mais n’implémente pas de commande d’export PDF et n’établit pas la compatibilité avec un système de suivi des candidatures. Les métriques, les qualifications, les étoiles des projets et les comparaisons de performance nécessitent une vérification distincte. La déclaration MIT du manifeste inclus n’établit pas une licence distincte pour chaque élément représenté.
Comment créer un design de CV d’ingénieur frontend dans OpenDesign
Définir la page et le rôle des colonnes
Commencez par une page en orientation portrait, avec le nom, une ligne de coordonnées et un court profil sur toute la largeur. Sous cette introduction, attribuez la colonne gauche, plus large, au parcours professionnel avec ses dates et aux projets publics, et la colonne droite, plus étroite, à la formation, aux compétences, aux langues et aux centres d’intérêt. Laissez suffisamment d’espace pour les puces décrivant des réalisations concrètes lorsqu’elles passent sur plusieurs lignes.
Invite suggéréeCréez un design de CV chinois pour ingénieur frontend senior sur une page portrait de 210 mm de large. Placez le nom, l’intitulé de poste bilingue, la ligne de coordonnées et le court profil sur toute la largeur, au-dessus d’une grille à deux colonnes. Utilisez la colonne gauche, plus large, pour le parcours professionnel en ordre antéchronologique et les projets publics, et la colonne droite, plus étroite, pour les formations, les intitulés de compétences, les niveaux de langue et les centres d’intérêt. Utilisez un contenu d’exemple clairement illustratif et un accent bleu sobre pour les marqueurs de section et certains chiffres. Considérez les affirmations relatives à l’emploi et au niveau de compétence comme non vérifiées, sauf si je fournis des preuves ; ne suggérez pas l’existence de liens actifs ou de services connectés.
Regrouper les éléments concrets par poste
Pour chaque poste, indiquez l’organisation, l’intitulé, les dates et un petit ensemble de puces concises. Conservez le mélange de travail produit, de migration de framework et d’adoption d’une bibliothèque de composants de l’exemple uniquement lorsque ces catégories correspondent au candidat. Définissez les comparaisons et les métriques dans le texte environnant ; ne comptez pas sur les chiffres mis en évidence pour fournir leur propre contexte.
Affiner la barre latérale et gérer les retours à la ligne
Distinguez les noms de compétences des qualifications linguistiques, et indiquez le niveau ou la preuve qui donne du sens à chaque entrée. Vérifiez les lignes plus longues consacrées aux centres d’intérêt ou à la formation dans la largeur de page prévue afin que les retours à la ligne ne masquent pas la structure des sections. La référence est un exemple de design statique : n’ajoutez donc aucune hypothèse sur le comportement des liens, la persistance ou une source de données de production.
Exporter et obtenir un lien de partage
Exportez votre design finalisé, puis utilisez Partager dans OpenDesign pour obtenir un lien de partage. Ouvrez le lien dans une fenêtre de navigateur distincte et vérifiez que la version souhaitée ainsi que ses ressources sont disponibles avant de l'envoyer.
Conception d’affiche éditoriale sur les workflows IA
Cette affiche éditoriale sur les workflows IA présente six affirmations, organisées en chapitres numérotés, avec des exemples concrets de prompts et des accents typographiques rouille sur un fond crème.
Créations graphiques
Conception d’un carrousel social sur les workflows IA
Sept cartes verticales utilisent des titres chinois surdimensionnés, des habitudes numérotées, des aplats de couleur changeants et une conclusion pour expliquer les workflows d’édition avec l’IA.
Créations graphiques
Conception de shader Aurora Field
Un champ de bruit bleu-vert animé automatiquement donne son atmosphère à un hero WebGL, tandis qu’un titre fixe et un petit indicateur local de fréquence d’images ancrent la scène.
Créations graphiques
Conception du shader Aurora Veil
Aurora Veil est une composition shader interactive qui transforme des lumières superposées, des étoiles et les mouvements du curseur en un hero WebGL atmosphérique.
Créations graphiques