{"id":15793,"date":"2026-10-21T17:44:40","date_gmt":"2026-10-21T15:44:40","guid":{"rendered":"https:\/\/www.ok3d.fr\/?page_id=15793"},"modified":"2026-10-21T18:35:12","modified_gmt":"2026-10-21T16:35:12","slug":"be2be","status":"publish","type":"page","link":"https:\/\/www.ok3d.fr\/en\/projets\/be2be\/","title":{"rendered":"BE2BE Solutions \u2014 Branding &amp; Website"},"content":{"rendered":"<style>.ok-case{--ink:#f3f4fa;--muted:#b8bfce;--line:#293145;--accent:#a9b7ff;background:#080b12;color:var(--ink);font-family:inherit;line-height:1.75;padding:54px 24px 80px}.ok-case *{box-sizing:border-box}.ok-case .case-wrap{max-width:1240px;margin:auto}.ok-case a{color:inherit;text-underline-offset:5px}.ok-case a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.ok-case .case-crumb{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:56px}.ok-case .case-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 18px}.ok-case h1{font-family:\"Space Grotesk\",Arial,sans-serif;font-size:clamp(38px,5.6vw,78px);letter-spacing:-.055em;line-height:1.08;color:var(--ink);max-width:1100px;margin:0 0 28px;font-weight:600}.ok-case .case-lead{font-size:clamp(18px,2vw,24px);line-height:1.6;color:var(--muted);max-width:850px;margin:0 0 36px}.ok-case .case-tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:36px}.ok-case .case-tags span{font-size:12px;border:1px solid var(--line);border-radius:40px;padding:7px 15px}.ok-case figure{margin:0 0 70px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#101623}.ok-case figure img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain}.ok-case figcaption{font-size:12px;color:var(--muted);padding:14px 22px}.ok-case .case-story{display:grid;grid-template-columns:1.65fr 1fr;gap:80px;padding:10px 0 60px}.ok-case h2{font-family:\"Space Grotesk\",Arial,sans-serif;font-size:clamp(28px,3vw,42px);line-height:1.2;letter-spacing:-.035em;color:var(--ink);margin:0 0 24px}.ok-case p{color:var(--muted)}.ok-case .case-work{border-top:1px solid var(--line);padding-top:25px}.ok-case .case-work h2{font-size:22px}.ok-case ul{padding-left:20px;color:var(--muted)}.ok-case li{margin:12px 0}.ok-case .case-expertise{padding-top:24px;margin-top:26px;border-top:1px solid var(--line)}.ok-case .case-expertise a{display:block;margin:9px 0;color:var(--accent)}.ok-case .case-next{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--line);padding:36px 0 60px}.ok-case .case-next a{padding:24px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:#101623}.ok-case .case-next small{display:block;color:var(--accent);margin-bottom:8px;letter-spacing:.1em;text-transform:uppercase;font-size:11px}.ok-case .case-cta{padding:48px;background:linear-gradient(120deg,#171e32,#10131d);border:1px solid #3b4663;border-radius:16px}.ok-case .case-cta p{max-width:700px}.ok-case .case-btn{display:inline-block;padding:13px 22px;border:1px solid #7582b1;border-radius:7px;text-decoration:none;background:#e7ebff;color:#11182b;margin-top:12px;font-weight:600}.ok-case .case-email{display:inline-block;margin:12px 0 0 22px}.ok-case .case-next a:hover{border-color:var(--accent)}@media(max-width:700px){.ok-case{padding:28px 20px 48px}.ok-case .case-crumb{margin-bottom:36px}.ok-case .case-story,.ok-case .case-next{grid-template-columns:1fr;gap:24px}.ok-case figure{margin-bottom:38px}.ok-case .case-cta{padding:28px 22px}.ok-case .case-email{display:block;margin-left:0}.ok-case .case-story{padding-bottom:36px}}<\/style><main id=\"content\" class=\"ok-case\"><div class=\"case-wrap\"><nav class=\"case-crumb\" aria-label=\"Breadcrumb\"><a href=\"\/en\/\">Welcome<\/a><span aria-hidden=\"true\">\/<\/span><a href=\"\/en\/projets\/\">Projects<\/a><span aria-hidden=\"true\">\/<\/span><span aria-current=\"page\">BE2BE Solutions<\/span><\/nav><header><p class=\"case-kicker\">OK3D Project \u00b7 Visual Identity \u00b7 Website<\/p><h1>BE2BE Solutions \u2014 Branding &amp; Website<\/h1><p class=\"case-lead\">Creation of the visual identity of BE2BE Solutions and design of its website, with a consistent graphic universe applied across the entire digital presence.<\/p><div class=\"case-tags\"><span>Visual identity<\/span><span>Website<\/span><\/div><\/header><figure><a href=\"https:\/\/www.ok3d.fr\/wp-content\/uploads\/2026\/09\/logo_be2be_solutions.jpg\" aria-label=\"View the BE2BE Solutions \u2014 Branding &amp; Website visual in full size\"><img fetchpriority=\"high\" src=\"https:\/\/www.ok3d.fr\/wp-content\/uploads\/2026\/09\/logo_be2be_solutions-1024x576.jpg\" alt=\"Logo BE2BE Solutions issu de la cr\u00e9ation de son identit\u00e9 visuelle\" decoding=\"async\" title=\"BE2BE Solutions \u2014 logo and identity\" srcset=\"https:\/\/www.ok3d.fr\/wp-content\/uploads\/2026\/09\/logo_be2be_solutions-300x169.jpg 300w, https:\/\/www.ok3d.fr\/wp-content\/uploads\/2026\/09\/logo_be2be_solutions-768x432.jpg 768w, https:\/\/www.ok3d.fr\/wp-content\/uploads\/2026\/09\/logo_be2be_solutions-1024x576.jpg 1024w, https:\/\/www.ok3d.fr\/wp-content\/uploads\/2026\/09\/logo_be2be_solutions.jpg 1210w\" sizes=\"(max-width: 700px) calc(100vw - 48px), (max-width: 1200px) 85vw, 1240px\" width=\"1210\" height=\"681\"><\/a><figcaption>BE2BE Solutions \u2014 Branding &amp; Website \u00b7 OK3D<\/figcaption><\/figure><section class=\"case-story\" aria-label=\"Project presentation\"><div><p class=\"case-kicker\">01 \/ The project<\/p><h2>An identity that extends onto the web.<\/h2><p>The BE2BE Solutions project combines the creation of the visual identity and the design of the website. These two aspects share the same graphic universe to ensure continuity of the digital presence.<\/p><p>The brand language serves as the basis for the web design. The site uses these codes to format the content and build a coherent presentation of the company.<\/p><\/div><aside class=\"case-work\"><h2>The work done<\/h2><ul><li>Visual identity<\/li><li>Website design<\/li><li>Variations on the graphic universe<\/li><\/ul><div class=\"case-expertise\"><p class=\"case-kicker\">The associated expertise<\/p><a href=\"\/en\/design-graphique\/\">Graphic design &amp; visual identity \u2197<\/a><a href=\"\/en\/webdesign\/\">Web design &amp; websites \u2197<\/a><\/div><\/aside><\/section><nav class=\"case-next\" aria-label=\"Other projects\"><a href=\"https:\/\/www.ok3d.fr\/en\/projets\/rives-acte-2\/\"><small>\u2190 Previous project<\/small>RIVES \u2014 Autonomous paddle station \u00b7 Act II<\/a><a href=\"https:\/\/www.ok3d.fr\/en\/projets\/obvious-trophee\/\"><small>Next project \u2192<\/small>Obvious \u2014 Animated 3D Trophy<\/a><\/nav><section class=\"case-cta\"><p class=\"case-kicker\">Your next project<\/p><h2>An idea to develop?<\/h2><p>A product, an identity or a digital experience: let&#039;s discuss your world, your objectives and the support you need.<\/p><a class=\"case-btn\" href=\"\/en\/configurateur-projet\/\">Let&#039;s talk about your project \u2197<\/a><a class=\"case-email\" href=\"mailto:contact@ok3d.fr\">contact@ok3d.fr<\/a><\/section><\/div><\/main>","protected":false},"excerpt":{"rendered":"<p>Identit\u00e9 visuelle et site internet BE2BE Solutions : un univers de marque coh\u00e9rent, du branding au webdesign, con\u00e7u par OK3D.<\/p>","protected":false},"author":1,"featured_media":0,"parent":14833,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-15793","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ok3d.fr\/en\/wp-json\/wp\/v2\/pages\/15793","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ok3d.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ok3d.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ok3d.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ok3d.fr\/en\/wp-json\/wp\/v2\/comments?post=15793"}],"version-history":[{"count":3,"href":"https:\/\/www.ok3d.fr\/en\/wp-json\/wp\/v2\/pages\/15793\/revisions"}],"predecessor-version":[{"id":15858,"href":"https:\/\/www.ok3d.fr\/en\/wp-json\/wp\/v2\/pages\/15793\/revisions\/15858"}],"up":[{"embeddable":true,"href":"https:\/\/www.ok3d.fr\/en\/wp-json\/wp\/v2\/pages\/14833"}],"wp:attachment":[{"href":"https:\/\/www.ok3d.fr\/en\/wp-json\/wp\/v2\/media?parent=15793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}