{"id":1162,"date":"2025-04-27T09:32:00","date_gmt":"2025-04-27T07:32:00","guid":{"rendered":"https:\/\/o-matic.ch\/portfolio\/fse-e-commerce-website-for-sveltease\/"},"modified":"2026-02-06T18:35:41","modified_gmt":"2026-02-06T17:35:41","slug":"sveltease","status":"publish","type":"project","link":"https:\/\/o-matic.ch\/en\/portfolio\/sveltease\/","title":{"rendered":"FSE e-commerce website for Svelt&#8217;Ease"},"content":{"rendered":"\n<div class=\"wp-block-group container\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns mb-15 is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading mb-3\">Launch a wellness brand with a flexible, self-contained website<\/h2>\n\n\n\n<p class=\"mb-2 wp-block-paragraph\">La\u00ebtitia, founder of Svelt\u2019Ease, contacted us to assist her in launching her brand and developing her e-commerce website. Her requirements were clear: a website that was easy to manage, without relying on developers or designers, while reflecting her brand&#8217;s unique identity. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Our mission? To create a tailor-made, editable and scalable website that can grow with Svelt\u2019Ease. <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading mb-3\">A feminine brand without resorting to candy pink<\/h2>\n\n\n\n<p class=\"mb-2 wp-block-paragraph\">No more pink for a brand dedicated to women! Although we did not design the logo, we assisted the brand in creating its identity. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The aim was to convey the idea of femininity, well-being and expertise without resorting to tired old clich\u00e9s. The colour scheme is based on three colours: teal blue to evoke expertise, coral for energy, vitality and movement, and off-white to provide a bright and soothing background. <\/p>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-full mb-15\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1440\" src=\"https:\/\/o-matic.ch\/wp-content\/uploads\/2025\/04\/mockup-accueil-sveltease-omatic-16-9-scaled.png\" alt=\"\" class=\"wp-image-811\" srcset=\"https:\/\/o-matic.ch\/wp-content\/uploads\/2025\/04\/mockup-accueil-sveltease-omatic-16-9-scaled.png 2560w, https:\/\/o-matic.ch\/wp-content\/uploads\/2025\/04\/mockup-accueil-sveltease-omatic-16-9-300x169.png 300w, https:\/\/o-matic.ch\/wp-content\/uploads\/2025\/04\/mockup-accueil-sveltease-omatic-16-9-1024x576.png 1024w, https:\/\/o-matic.ch\/wp-content\/uploads\/2025\/04\/mockup-accueil-sveltease-omatic-16-9-768x432.png 768w, https:\/\/o-matic.ch\/wp-content\/uploads\/2025\/04\/mockup-accueil-sveltease-omatic-16-9-1536x864.png 1536w, https:\/\/o-matic.ch\/wp-content\/uploads\/2025\/04\/mockup-accueil-sveltease-omatic-16-9-2048x1152.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-columns mb-15 is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading mb-3\">A fully customisable website with WordPress and Gutenberg<\/h2>\n\n\n\n<p class=\"mb-2 wp-block-paragraph\">To enable La\u00ebtitia to be fully autonomous in managing her website, we have implemented a methodology focused on support and flexibility:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Co-creation workshops: we worked with La\u00ebtitia to define Svelt\u2019Ease\u2019s visual identity and structure the website according to her needs.<\/li>\n\n\n\n<li>Training and support: we trained La\u00ebtitia in how to use the editor, enabling her to manage her website independently.<\/li>\n\n\n\n<li>Development with WordPress and Gutenberg: we chose this combination to create a free and intuitive editing system. Thanks to custom blocks, La\u00ebtitia was able to add or modify content without any technical skills. <\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading mb-3\">A scalable and easy-to-manage website<\/h2>\n\n\n\n<p class=\"mb-2 wp-block-paragraph\">The development approach (FSE with the Gutenberg editor) that we implemented for the first time on this project enabled us to create an easily editable website, without the need for lines of code, design or subsequent development. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This method not only simplified content management, but also laid a solid foundation for future improvements, ensuring that the site can grow and adapt to the brand&#8217;s future needs.<\/p>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-full mb-15\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/o-matic.ch\/wp-content\/uploads\/2025\/04\/blocs-sveltease-omatic-16-9.jpg\" alt=\"\" class=\"wp-image-814\" srcset=\"https:\/\/o-matic.ch\/wp-content\/uploads\/2025\/04\/blocs-sveltease-omatic-16-9.jpg 1920w, https:\/\/o-matic.ch\/wp-content\/uploads\/2025\/04\/blocs-sveltease-omatic-16-9-300x169.jpg 300w, https:\/\/o-matic.ch\/wp-content\/uploads\/2025\/04\/blocs-sveltease-omatic-16-9-1024x576.jpg 1024w, https:\/\/o-matic.ch\/wp-content\/uploads\/2025\/04\/blocs-sveltease-omatic-16-9-768x432.jpg 768w, https:\/\/o-matic.ch\/wp-content\/uploads\/2025\/04\/blocs-sveltease-omatic-16-9-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote has-text-align-center mb-15 wp-block-omatic-blocks-testimonial-slider-item is-layout-flow wp-block-quote-is-layout-flow\">\n<i class=\"fa-sharp fa-quote-left wp-block-omatic-blocks-testimonial-slider-item__quote m-2\" aria-hidden=\"true\" style=\"display: block; text-align: center; margin: 0 auto; color: #fe7f2d; font-size: 3.5rem;\"><\/i>\n\n\n\n<p class=\"has-text-align-center text text--large wp-block-omatic-blocks-testimonial-slider-item__content m-2 wp-block-paragraph\">I am very satisfied with my experience with O&#8217;Matic! A professional team that listens and is truly committed. My website is beautiful, functional and true to my identity. I recommend them 100%!   <\/p>\n\n\n\n<div class=\"wp-block-group wp-block-omatic-blocks-testimonial-slider-item__author is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-d05cb3ef wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full mr-3 wp-container-content-5468903a\"><img loading=\"lazy\" decoding=\"async\" width=\"96\" height=\"96\" src=\"https:\/\/o-matic.ch\/wp-content\/uploads\/2026\/01\/icon-laetitia-despres.png\" alt=\"\" class=\"wp-image-60\"\/><\/figure>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-left text text--bold wp-block-omatic-blocks-testimonial-slider-item__author--name wp-block-paragraph\">La\u00ebtitia Despres<\/p>\n\n\n\n<p class=\"has-text-align-left text wp-block-omatic-blocks-testimonial-slider-item__author--role wp-block-paragraph\">Founder of Svelt&#8217;Ease<\/p>\n<\/div><\/div>\n<\/div>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/o-matic.ch\/wp-content\/uploads\/2025\/04\/page-a-propos-sveltease-blocs-16-9.jpg\" alt=\"\" class=\"wp-image-816\" srcset=\"https:\/\/o-matic.ch\/wp-content\/uploads\/2025\/04\/page-a-propos-sveltease-blocs-16-9.jpg 1920w, https:\/\/o-matic.ch\/wp-content\/uploads\/2025\/04\/page-a-propos-sveltease-blocs-16-9-300x169.jpg 300w, https:\/\/o-matic.ch\/wp-content\/uploads\/2025\/04\/page-a-propos-sveltease-blocs-16-9-1024x576.jpg 1024w, https:\/\/o-matic.ch\/wp-content\/uploads\/2025\/04\/page-a-propos-sveltease-blocs-16-9-768x432.jpg 768w, https:\/\/o-matic.ch\/wp-content\/uploads\/2025\/04\/page-a-propos-sveltease-blocs-16-9-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>We met the creator of the Svelt\u2019Ease brand during our collaboration with her competitor, and she called on us for consulting services regarding the launch of her brand and the development of her e-commerce site.<\/p>\n","protected":false},"featured_media":1163,"template":"","meta":{"_project_link":"https:\/\/svelt-ease.com\/","_project_logo":809,"_project_color":"#4d7676","_project_hero_text_color":"light"},"project-category":[58],"project-tag":[72,59],"class_list":["post-1162","project","type-project","status-publish","has-post-thumbnail","hentry","project-category-e-commerce-websites"],"_links":{"self":[{"href":"https:\/\/o-matic.ch\/en\/wp-json\/wp\/v2\/project\/1162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/o-matic.ch\/en\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/o-matic.ch\/en\/wp-json\/wp\/v2\/types\/project"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/o-matic.ch\/en\/wp-json\/wp\/v2\/media\/1163"}],"wp:attachment":[{"href":"https:\/\/o-matic.ch\/en\/wp-json\/wp\/v2\/media?parent=1162"}],"wp:term":[{"taxonomy":"project-category","embeddable":true,"href":"https:\/\/o-matic.ch\/en\/wp-json\/wp\/v2\/project-category?post=1162"},{"taxonomy":"project-tag","embeddable":true,"href":"https:\/\/o-matic.ch\/en\/wp-json\/wp\/v2\/project-tag?post=1162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}