1<!DOCTYPE html> 2<html style="font-size: 16px;" lang="fr-CA"><head> 3 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 4 <meta charset="utf-8"> 5 <meta name="keywords" content="Carmen Genest, graphiste Québec, design web, design imprimé, médias sociaux, mise en page, création visuelle, marketing par courriel, PDF, présentations, Canva, WordPress, HTML, CSS, Google Forms, Word, PowerPoint "> 6 <meta name="description" content="Graphiste +30 ans: conception et mise en page de documents imprimés, création web adaptée aux tendances actuelles, médias sociaux, emailing, PDF interactifs et sondages."> 7 <title>Carmengraph-en</title> 8 <!-- Google Tag Manager -->
9<script>
vendor: 327 bytes, lines 9-13
9(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 10new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 11j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 12'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 13})(window,document,'script','dataLayer','
13GTM-KP373FQC
vendor: 3 bytes, line 13
13');
13</script>
13 14<!-- End Google Tag Manager --> 15 <link rel="stylesheet" href="nicepage.css" media="screen"> 16<link rel="stylesheet" href="Carmengraph-en.css" media="screen"> 17
17<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
17 18
18<script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
18 19 <meta name="generator" content="Nicepage 8.0.6, nicepage.com"> 20 <link rel="icon" href="images/favicon.png"> 21 22 23 24 25 26 27 28 <link id="u-page-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css2?display=swap&family=Roboto:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800"> 29
29<script type="application/ld+json">{ 30 "@context": "http://schema.org", 31 "@type": "Organization", 32 "name": "Carmengraph" 33}</script>
33 34 <meta name="theme-color" content="#478ac9"> 35 <meta property="og:title" content="Carmengraph-en"> 36 <meta property="og:description" content="Graphiste +30 ans: conception et mise en page de documents imprimés, création web adaptée aux tendances actuelles, médias sociaux, emailing, PDF interactifs et sondages."> 37 <meta property="og:type" content="website"> 38 <meta data-intl-tel-input-cdn-path="intlTelInput/"></head> 39 <body data-path-to-root="./" data-include-products="false" class="u-body u-clearfix u-palette-4-light-3 u-xl-mode" data-lang="fr"><header class="u-clearfix u-header u-image u-header" id="header" data-image-width="1400" data-image-height="350"><div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xs u-sheet-1"> 40 <!-- Google Tag Manager (noscript) --> 41<noscript><iframe src="[https://www.googletagmanager.com/ns.html?id=GTM-KP373FQC](https://www.googletagmanager.com/ns.html?id=GTM-KP373FQC)" 42height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 43<!-- End Google Tag Manager (noscript) --> 44 <img class="u-image u-image-contain u-image-default u-image-1" src="images/logogcat1.png" alt="" data-image-width="550" data-image-height="527" title="Logo CarmenGraph"> 45 <p class="u-text u-text-default u-text-grey-60 u-text-1"> 46 <a href="./" data-page-id="211035311" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-custom-color-1 u-btn-1" title="Carmengraph">FR</a> | <a class='u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-custom-color-1 u-btn-2' data-page-id='248997982' href='/carmengraph-en' title='Carmengraph-en'>EN</a> 47 </p> 48 </div></header> 49 <section class="u-clearfix u-palette-4-light-3 u-section-1" id="block-2"> 50 <div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xs u-sheet-1"> 51 <h1 class="u-custom-font u-text u-text-color-var u-text-default u-text-font u-text-1">Carmen Genest</h1> 52 <div class="data-layout-selected u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1"> 53 <div class="u-layout"> 54 <div class="u-layout-row"> 55 <div class="u-container-style u-layout-cell u-size-34 u-layout-cell-1"> 56 <div class="u-container-layout u-valign-top-lg u-valign-top-md u-valign-top-sm u-valign-top-xs u-container-layout-1"> 57 <h2 class="u-custom-font u-font-open-sans u-text u-text-color-var u-text-default u-text-2">I share my tools, my processes, and more than 30 years of experience in creation and communication 58<br><span style="font-weight: 400;"></span> 59 </h2> 60 </div> 61 </div> 62 <div class="u-container-style u-layout-cell u-size-26 u-layout-cell-2"> 63 <div class="u-container-layout u-valign-bottom u-container-layout-2"> 64 <div class="u-carousel u-carousel-duration-250 u-expanded-width u-gallery u-gallery-slider u-layout-carousel u-no-transition u-show-text-on-hover u-gallery-1" data-interval="5000" data-u-ride="carousel" id="carousel-d02f"> 65 <ol class="u-absolute-hcenter u-carousel-indicators u-carousel-indicators-1"> 66 <li data-u-target="#carousel-d02f" data-u-slide-to="0" class="u-active u-grey-70 u-shape-circle" style="width: 10px; height: 10px;"></li> 67 <li data-u-target="#carousel-d02f" data-u-slide-to="1" class="u-grey-70 u-shape-circle" style="width: 10px; height: 10px;"></li> 68 <li data-u-target="#carousel-d02f" data-u-slide-to="2" class="u-grey-70 u-shape-circle" style="width: 10px; height: 10px;"></li> 69 <li data-u-target="#carousel-d02f" data-u-slide-to="3" class="u-grey-70 u-shape-circle" style="width: 10px; height: 10px;"></li> 70 </ol> 71 <div class="u-carousel-inner u-gallery-inner u-gallery-inner-1" role="listbox"> 72 <div class="u-active u-carousel-item u-effect-fade u-effect-hover-zoom u-gallery-item u-carousel-item-1" data-image-width="1275" data-image-height="1188"> 73 <div class="u-back-slide"> 74 <img class="u-back-image u-expanded" src="images/4guides2023.png" alt="Catalogs"> 75 </div> 76 <div class="u-align-center u-over-slide u-shading u-valign-bottom u-over-slide-1"> 77 <h3 class="u-gallery-heading">Catalogs</h3> 78 <p class="u-gallery-text">Printed, Web</p> 79 </div> 80 <style data-mode="XL"></style> 81 <style data-mode="LG"></style> 82 <style data-mode="MD"></style> 83 <style data-mode="SM"></style> 84 <style data-mode="XS"></style> 85 </div> 86 <div class="u-carousel-item u-effect-fade u-effect-hover-zoom u-gallery-item u-carousel-item-2"> 87 <div class="u-back-slide" data-image-width="2200" data-image-height="1467"> 88 <img class="u-back-image u-expanded" src="images/Photopea_Smartphone_on_White_Backgroun
88d_Mockup.png"> 89 </div> 90 <div class="u-align-center u-over-slide u-shading u-valign-bottom u-over-slide-2"> 91 <h3 class="u-gallery-heading">Carrousels</h3> 92 <p class="u-gallery-text">Social medias</p> 93 </div> 94 </div> 95 <div class="u-carousel-item u-effect-fade u-effect-hover-zoom u-gallery-item u-carousel-item-3" data-image-width="1200" data-image-height="1200"> 96 <div class="u-back-slide"> 97 <img class="u-back-image u-expanded" src="images/67b831109340577.5fd175c585ec1_crop.png" alt="Brochures"> 98 </div> 99 <div class="u-align-center u-over-slide u-shading u-valign-bottom u-over-slide-3"> 100 <h3 class="u-gallery-heading">Brochures</h3> 101 <p class="u-gallery-text">-</p> 102 </div> 103 <style data-mode="XL"></style> 104 <style data-mode="LG"></style> 105 <style data-mode="MD"></style> 106 <style data-mode="SM"></style> 107 <style data-mode="XS"></style> 108 </div> 109 <div class="u-carousel-item u-effect-fade u-effect-hover-zoom u-gallery-item u-carousel-item-4" data-image-width="1321" data-image-height="809"> 110 <div class="u-back-slide"> 111 <img class="u-back-image u-expanded" src="images/Rhetech-ca2025.jpg" alt="Website"> 112 </div> 113 <div class="u-align-center u-over-slide u-shading u-valign-bottom u-over-slide-4"> 114 <h3 class="u-gallery-heading">Website</h3> 115 <p class="u-gallery-text">Wordpress, HTML, CSS</p> 116 </div> 117 <style data-mode="XL"></style> 118 <style data-mode="LG"></style> 119 <style data-mode="MD"></style> 120 <style data-mode="SM"></style> 121 <style data-mode="XS"></style> 122 </div> 123 </div> 124 <a class="u-absolute-vcenter u-carousel-control u-carousel-control-prev u-grey-70 u-icon-circle u-opacity u-opacity-70 u-spacing-10 u-text-white u-carousel-control-1" href="#carousel-d02f" role="button" data-u-slide="prev"><span aria-hidden="true"> 125 <svg viewBox="0 0 451.847 451.847"><path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0 126c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744 127c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path></svg></span><span class="sr-only"> 128 <svg viewBox="0 0 451.847 451.847"><path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0 129c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744 130c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path></svg></span> 131 </a> 132 <a class="u-absolute-vcenter u-carousel-control u-carousel-control-next u-grey-70 u-icon-circle u-opacity u-opacity-70 u-spacing-10 u-text-white u-carousel-control-2" href="#carousel-d02f" role="button" data-u-slide="next"><span aria-hidden="true"> 133 <svg viewBox="0 0 451.846 451.847"><path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744 134L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284 135c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path></svg></span><span class="sr-only"> 136 <svg viewBox="0 0 451.846 451.847"><path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744 137L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284 138c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path></svg></span> 139 </a> 140 </div> 141 </div> 142 </div> 143 </div> 144 </div> 145 </div> 146 </div> 147 </section> 148 <section class="u-clearfix u-color-var u-section-2" id="block-8"> 149 <div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xs u-sheet-1"> 150 <h3 class="u-align-center u-custom-font u-font-open-sans u-text u-text-custom-color-1 u-text-1"> Example Projects</h3> 151 <div class="data-layout-selected u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1"> 152 <div class="u-layout" style=""> 153 <div class="u-layout-row" style=""> 154 <div class="u-container-style u-layout-cell u-size-20 u-layout-cell-1"> 155 <div class="u-container-layout u-container-layout-1"> 156 <h4 class="u-custom-font u-font-open-sans u-text u-text-custom-color-1 u-text-2">Social media Posts</h4> 157 <ul class="u-text u-text-color-var u-text-3"> 158 <li> Carousels or Static Images<br> Reel or Short Animated Video (simple editing) 159 </li> 160 <li>Optimized Post (text + hashtags)</li> 161 </ul> 162 </div> 163 </div> 164 <div class="u-container-style u-layout-cell u-size-20 u-layout-cell-2"> 165 <div class="u-container-layout u-valign-top-lg u-valign-top-md u-valign-top-sm u-valign-top-xs u-container-layout-2"> 166 <h4 class="u-custom-font u-font-open-sans u-text u-text-custom-color-1 u-text-4">Documents & Layout</h4> 167 <ul class="u-text u-text-color-var u-text-5"> 168 <li> Professional layout of a report, brochure, or newsletter</li> 169 <li>Conversion into a printâready or shareable PDF</li> 170 </ul> 171 </div> 172 </div> 173 <div class="u-container-style u-layout-cell u-size-20 u-layout-cell-3"> 174 <div class="u-container-layout u-valign-top u-container-layout-3"> 175 <h4 class="u-custom-font u-font-open-sans u-text u-text-custom-color-1 u-text-6">website or landing page </h4> 176 <ul class="u-text u-text-color-var u-text-7"> 177 <li> WordPress site</li> 178 <li>Responsive design</li> 179 <li>Tools selected according to your needs</li> 180 <li>Guidance and training</li> 181 </ul> 182 </div> 183 </div> 184 </div> 185 </div> 186 </div> 187 </div> 188 </section> 189 <section class="u-clearfix u-color-var u-section-3" id="block-7"> 190 <div class="u-clearfix u-sheet u-sheet-1"> 191 <div class="data-layout-selected u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1"> 192 <div class="u-layout"> 193 <div class="u-layout-row"> 194 <div class="u-container-style u-layout-cell u-size-30 u-layout-cell-1"> 195 <div class="u-container-layout u-container-layout-1"> 196 <h2 class="u-custom-font u-font-open-sans u-text u-text-color-var u-text-1">
196My âBackground</h2> 197 <ul class="u-text u-text-color-var u-text-2"> 198 <li> Education in desktop publishing: design and layout</li> 199 <li>Freelance creative work alongside office jobs: visuals, websites, etc.</li> 200 <li>Marketing Coordinator: fullâtime for the past 15 years</li> 201 <li>Today: content creator</li> 202 </ul> 203 </div> 204 </div> 205 <div class="u-container-align-center u-container-style u-layout-cell u-size-30 u-layout-cell-2"> 206 <div class="u-container-layout u-container-layout-2"> 207 <img class="u-image u-image-circle u-opacity u-opacity-80 u-image-1" src="images/carmenenpleintravail.png" alt="" data-image-width="864" data-image-height="1184"> 208 </div> 209 </div> 210 </div> 211 </div> 212 </div> 213 <div class="u-absolute-hcenter u-align-center u-border-3 u-border-color-var u-line u-line-horizontal u-line-1"></div> 214 </div> 215 </section> 216 <section class="u-align-center u-clearfix u-container-align-center u-section-4" id="block-5"> 217 <div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xs u-sheet-1"> 218 <div class="u-align-center u-border-3 u-border-color-var u-line u-line-horizontal u-line-1"></div> 219 <p class="u-align-center u-text u-text-grey-70 u-text-1"> Visit my portfolio on Behance, follow me on social medias, or check out my blog</p> 220 <div class="data-layout-selected u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1"> 221 <div class="u-layout"> 222 <div class="u-layout-row"> 223 <div class="u-container-style u-layout-cell u-size-10 u-layout-cell-1"> 224 <div class="u-container-layout u-container-layout-1"> 225 <img class="u-image u-image-default u-preserve-proportions u-image-1" src="images/Duckblue_behance_business_creative_online_portfolio_icon.png" alt="" data-image-width="512" data-image-height="512" title="My Behance profile" data-href="https://www.behance.net/carmengraph" data-target="_blank"> 226 </div> 227 </div> 228 <div class="u-container-align-center u-container-style u-layout-cell u-size-10 u-layout-cell-2"> 229 <div class="u-container-layout u-container-layout-2"> 230 <img class="u-image u-image-default u-preserve-proportions u-image-2" src="images/Duckblue_linkedin_network_linkedinlogo_icon.png" alt="" data-image-width="512" data-image-height="512" data-href="https://www.linkedin.com/in/carmengraph/" title="My LinkedIn profile" data-target="_blank"> 231 </div> 232 </div> 233 <div class="u-container-align-center u-container-style u-layout-cell u-size-10 u-layout-cell-3"> 234 <div class="u-container-layout u-container-layout-3"> 235 <img class="u-image u-image-contain u-image-default u-preserve-proportions u-image-3" src="images/Duckblue_facebook_icon.png" alt="" data-image-width="256" data-image-height="256" data-href="https://www.facebook.com/carmengraph" title="My facebook page" data-target="_blank"> 236 </div> 237 </div> 238 <div class="u-container-align-center u-container-style u-layout-cell u-size-10 u-layout-cell-4"> 239 <div class="u-container-layout u-container-layout-4"> 240 <img class="u-image u-image-contain u-image-default u-preserve-proportions u-image-4" src="images/Duckblue_instagram_icon.png" alt="" data-image-width="512" data-image-height="512" data-href="https://www.instagram.com/carmengraphe/" title="My Instagram profile" data-target="_blank"> 241 </div> 242 </div> 243 <div class="u-container-align-center u-container-style u-layout-cell u-size-10 u-layout-cell-5"> 244 <div class="u-container-layout u-container-layout-5"> 245 <img class="u-image u-image-default u-preserve-proportions u-image-5" src="images/Duckblue_substack_icon.png" alt="" data-image-width="512" data-image-height="512" data-href="https://carmengraph.substack.com/" title="Carmen blog (Substack)" data-target="_blank"> 246 </div> 247 </div> 248 <div class="cell-temp-clone u-container-style u-layout-cell u-size-10 u-layout-cell-6"> 249 <div class="u-container-layout u-container-layout-6"><span class="u-file-icon u-icon u-text-palette-1-base u-icon-1" data-target="_blank" data-href="mailto:carmengraph@gmail.com" title="Contact me"><img src="images/646135-4a7696b1.png" alt=""></span> 250 </div> 251 </div> 252 </div> 253 </div> 254 </div> 255 <div class="u-absolute-hcenter u-align-center u-border-3 u-border-color-var u-line u-line-horizontal u-line-2"></div> 256 </div> 257 </section> 258 <section class="u-clearfix u-section-5" id="block-1"> 259 <div class="u-clearfix u-sheet u-valign-top-lg u-valign-top-md u-valign-top-sm u-valign-top-xs u-sheet-1"> 260 <h3 class="u-align-center u-custom-font u-font-open-sans u-text u-text-color-var u-text-1">
260 Creativity runs in the family</h3> 261 <div class="data-layout-selected u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1"> 262 <div class="u-gutter-0 u-layout" style=""> 263 <div class="u-layout-col" style=""> 264 <div class="u-size-60"> 265 <div class="u-layout-row"> 266 <div class="u-container-align-center u-container-style u-layout-cell u-size-20 u-layout-cell-1" data-href="https://sites.google.com/view/ahab-art/" data-target="_blank"> 267 <div class="u-container-layout u-container-layout-1"> 268 <img class="u-image u-image-circle u-preserve-proportions u-image-1" src="images/ahabweb_1500.jpg" alt="" data-image-width="1508" data-image-height="1508" title="Claude Genest" data-href="https://sites.google.com/view/ahab-art/" data-target="_blank"> 269 <h4 class="u-align-center u-text u-text-color-var u-text-default u-text-2"> 270 <a href="https://sites.google.com/view/ahab-art/" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-custom-color-1 u-btn-1"> Ahab's Art</a> 271 </h4> 272 </div> 273 </div> 274 <div class="u-container-align-center u-container-style u-layout-cell u-shape-rectangle u-size-20 u-layout-cell-2" data-href="https://sites.google.com/view/fantart/accueil" data-target="_blank"> 275 <div class="u-container-layout u-container-layout-2"> 276 <img class="u-image u-image-circle u-preserve-proportions u-image-2" src="images/fantartweb_1500.jpg" alt="" data-image-width="1508" data-image-height="1508" title="Tony Genest" data-href="https://sites.google.com/view/fantart/accueil" data-target="_blank"> 277 <h4 class="u-align-center u-text u-text-default u-text-3"> 278 <a class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-custom-color-1 u-btn-2" href="https://sites.google.com/view/fantart/accueil" target="_blank">Fantastic Art</a> 279 </h4> 280 </div> 281 </div> 282 <div class="u-container-style u-layout-cell u-shape-rectangle u-size-20 u-layout-cell-3" data-href="https://www.mnbart.com/" data-target="_blank"> 283 <div class="u-container-layout u-valign-bottom-lg u-valign-bottom-md u-valign-bottom-sm u-valign-bottom-xs u-container-layout-3"> 284 <img class="u-border-2 u-border-color-var u-image u-image-circle u-preserve-proportions u-image-3" src="images/manoue2020_1500.jpg" alt="" data-image-width="1508" data-image-height="1508" title="Marie-Noël Bouillé" data-href="https://www.artblr.com/marienoelart/fr" data-target="_blank"> 285 <a class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-custom-color-1 u-btn-3" href="https://sites.google.com/view/fantart/accueil" target="_blank"> Marie-Noël Bouillé</a> 286 </div> 287 </div> 288 </div> 289 </div> 290 </div> 291 </div> 292 </div> 293 </div> 294 </section> 295 296 297 298 <footer class="u-align-center u-clearfix u-color-var u-container-align-center u-footer u-footer" id="footer"><div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xs u-sheet-1"> 299 <p class="u-small-text u-text u-text-body-alt-color u-text-variant u-text-1"> © 2025 â Carmengraâph</p> 300 </div></footer> 301 <section class="u-backlink u-clearfix u-grey-80"></section> 302 303</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.