{"id":11009,"date":"2025-08-21T17:39:56","date_gmt":"2025-08-21T15:39:56","guid":{"rendered":"https:\/\/sharondesign.fr\/?p=11009"},"modified":"2025-08-21T18:56:56","modified_gmt":"2025-08-21T16:56:56","slug":"theeightclicks","status":"publish","type":"post","link":"https:\/\/sharondesign.fr\/en\/2025\/08\/21\/theeightclicks\/","title":{"rendered":"TheEightClics"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"11009\" class=\"elementor elementor-11009\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9ef36f1 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"9ef36f1\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e953291\" data-id=\"e953291\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7b64161 elementor-widget elementor-widget-gavino_core_single_image\" data-id=\"7b64161\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"gavino_core_single_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-single-image qodef-layout--default qodef-alignment--center\">\n\t\t\t<div class=\"qodef-m-image\">\n\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"1200\" src=\"https:\/\/sharondesign.fr\/wp-content\/uploads\/2025\/08\/TheEightClics-Presentation-by-Sharon-Design.webp\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/sharondesign.fr\/wp-content\/uploads\/2025\/08\/TheEightClics-Presentation-by-Sharon-Design.webp 1920w, https:\/\/sharondesign.fr\/wp-content\/uploads\/2025\/08\/TheEightClics-Presentation-by-Sharon-Design-300x188.webp 300w, https:\/\/sharondesign.fr\/wp-content\/uploads\/2025\/08\/TheEightClics-Presentation-by-Sharon-Design-1024x640.webp 1024w, https:\/\/sharondesign.fr\/wp-content\/uploads\/2025\/08\/TheEightClics-Presentation-by-Sharon-Design-768x480.webp 768w, https:\/\/sharondesign.fr\/wp-content\/uploads\/2025\/08\/TheEightClics-Presentation-by-Sharon-Design-1536x960.webp 1536w, https:\/\/sharondesign.fr\/wp-content\/uploads\/2025\/08\/TheEightClics-Presentation-by-Sharon-Design-18x12.webp 18w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t<\/div>\n\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dec3d3f elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"dec3d3f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e362a8c\" data-id=\"e362a8c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-43616af elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"43616af\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-8da8b25\" data-id=\"8da8b25\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f5c485c elementor-widget elementor-widget-text-editor\" data-id=\"f5c485c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4 data-start=\"708\" data-end=\"745\">A tailor-made visual identity<\/h4><p data-start=\"747\" data-end=\"1044\">I began by working closely with the founder to clearly define the agency&#039;s positioning, values, and long-term vision. The goal was to create a strong and coherent identity that would reflect both their technical rigor and their creativity in their product approach.<\/p><p data-start=\"1046\" data-end=\"1473\">The logo I designed is minimalist, yet expressive: it conveys both the precision of the code and the fluidity of the solutions they offer. The choice of colors was not left to chance: there is a real desire not to be confined to sober tones associated with professionals in this sector by choosing more vivid colors and accents to suggest dynamism and innovation. The typography, meanwhile, was chosen to create a balance between readability, seriousness, and modernity.<\/p><h4 data-start=\"1475\" data-end=\"1518\">Web design &amp; animations on Squarespace<\/h4><p data-start=\"1520\" data-end=\"1817\">Once the identity was established, I rolled out the graphic universe on the website. I opted for initial development on Squarespace, in order to deliver a directly operational version, which they could use, test and iterate before integrating it more finely in custom development.<\/p><p data-start=\"1819\" data-end=\"2093\">The interface was designed for a fluid experience, with clear and intuitive navigation. I incorporated several subtle animations to enhance the reading experience, highlight certain content, and create a feeling of mastery of technicality without becoming overloaded.<\/p><p data-start=\"2095\" data-end=\"2248\">The design is responsive, perfectly adapted to different screen formats, and highlights the agency&#039;s skills in an elegant and direct manner.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0f2cb62 elementor-section-full_width elementor-section-stretched elementor-section-content-middle elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"0f2cb62\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-62cb8df elementor-hidden-tablet elementor-hidden-mobile\" data-id=\"62cb8df\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5d06689 elementor-widget elementor-widget-image\" data-id=\"5d06689\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"775\" height=\"750\" src=\"https:\/\/sharondesign.fr\/wp-content\/uploads\/2025\/08\/The-Eight-Clics-Image.webp\" class=\"attachment-large size-large wp-image-11029\" alt=\"\" srcset=\"https:\/\/sharondesign.fr\/wp-content\/uploads\/2025\/08\/The-Eight-Clics-Image.webp 775w, https:\/\/sharondesign.fr\/wp-content\/uploads\/2025\/08\/The-Eight-Clics-Image-300x290.webp 300w, https:\/\/sharondesign.fr\/wp-content\/uploads\/2025\/08\/The-Eight-Clics-Image-768x743.webp 768w, https:\/\/sharondesign.fr\/wp-content\/uploads\/2025\/08\/The-Eight-Clics-Image-12x12.webp 12w\" sizes=\"(max-width: 775px) 100vw, 775px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7c6d588 elementor-hidden-tablet elementor-hidden-mobile\" data-id=\"7c6d588\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a4920f3 elementor-widget elementor-widget-text-editor\" data-id=\"a4920f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4 data-start=\"2250\" data-end=\"2279\">A project ready to evolve<\/h4><p data-start=\"2281\" data-end=\"2662\">One of the strengths of this project was delivering a solid foundation, both aesthetic and functional, that the agency&#039;s technical team could take ownership of, expand, and evolve over time. It was important for me to offer them a qualitative starting point, aligned with their current needs, but also flexible enough to adapt to their future growth.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-77954dc elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"77954dc\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ac0bafd\" data-id=\"ac0bafd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0676453 elementor-widget elementor-widget-spacer\" data-id=\"0676453\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4dc7401 elementor-widget elementor-widget-video\" data-id=\"4dc7401\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/sharondesign.fr\/wp-content\/uploads\/2025\/08\/TheEightClics-video.mp4\" controls=\"\" preload=\"metadata\" controlslist=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d11dfd3 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"d11dfd3\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-51c3f29\" data-id=\"51c3f29\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9adda23 elementor-widget elementor-widget-html\" data-id=\"9adda23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>#qodef-page-header{background-color:rgba(255,255,255,0);}\n\n@media only screen and (max-width: 500px) {img.attachment-full.size-full.wp-post-image {margin-top:-25%!important;margin-bottom:-5%!important;}} h1 {width:fit-content;} h1:after\n{\n    content:' ';\n    display:block;\n    border:2px solid black;} div.qodef-post-description {border-left: 3.5px solid black;padding-left:10px;\n}\n .qodef-e-image-holder img {border-radius:2000px 2000px 0 0}\n       <\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>For this project, I supported a technical development agency in the complete creation of its visual identity as well as in the implementation of its showcase website.<\/p>","protected":false},"author":1,"featured_media":10936,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[16],"tags":[],"class_list":["post-11009","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-realisation"],"jetpack_featured_media_url":"https:\/\/sharondesign.fr\/wp-content\/uploads\/2025\/08\/The-Eight-Clics-Cover-Portfolio.webp","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/sharondesign.fr\/en\/wp-json\/wp\/v2\/posts\/11009","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sharondesign.fr\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sharondesign.fr\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sharondesign.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sharondesign.fr\/en\/wp-json\/wp\/v2\/comments?post=11009"}],"version-history":[{"count":40,"href":"https:\/\/sharondesign.fr\/en\/wp-json\/wp\/v2\/posts\/11009\/revisions"}],"predecessor-version":[{"id":11082,"href":"https:\/\/sharondesign.fr\/en\/wp-json\/wp\/v2\/posts\/11009\/revisions\/11082"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sharondesign.fr\/en\/wp-json\/wp\/v2\/media\/10936"}],"wp:attachment":[{"href":"https:\/\/sharondesign.fr\/en\/wp-json\/wp\/v2\/media?parent=11009"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sharondesign.fr\/en\/wp-json\/wp\/v2\/categories?post=11009"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sharondesign.fr\/en\/wp-json\/wp\/v2\/tags?post=11009"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}