Aroma Fields — WooCommerce store for a craft natural cosmetics producer
Custom-built multilingual eCommerce website developed from a loose concept and still in use years later
Role: Structure, design adaptation, WordPress development · Year: 2021–2022 · Stack: WordPress / WooCommerce / OceanWP / Elementor / Polylang
Aroma Fields — multilingual online store for a Ukrainian craft cosmetics manufacturer
Year: 2021-2022
Project type: WooCommerce store development
Platform: WordPress
Stack: OceanWP / Elementor / WooCommerce / Polylang
Languages: 2
{/}
About the client
Aroma Fields is a Ukrainian manufacturer of craft natural beauty products based in the Kyiv region.
The business combines its own cultivation of lavender and related plant raw materials with in-house processing into finished products such as essential oils, hydrosols, and other natural cosmetic items.
This was not a reseller storefront, but a website for a real producer with its own raw material base, product line, and brand identity.
{?}
Task
At the start of the project, the client did not have a clearly defined website structure or finished design system.
The available materials were limited to rough PowerPoint sketches and a general vision of the desired result.
The task therefore went beyond a standard WooCommerce store setup:
- turning an rough concept into a working site structure;
- shaping the visual direction directly in the live workflow;
- adapting the storefront to a craft beauty brand with a soft, clean presentation style;
- building a bilingual website from the beginning;
- preparing a practical online store suitable for real long-term use.
During the process, the visual direction changed multiple times according to the client’s feedback, so the project evolved iteratively rather than following a fixed pre-approved mockup.
{*}
Approach and implementation
The website was built on WordPress using WooCommerce, with OceanWP as the theme foundation and Elementor used for the main static pages.
One of the OceanWP starter layouts was used as a technical starting point. In the course of development, it was reworked so extensively that almost nothing of the original template remained in the final version.
The implementation included:
- development of the overall page structure and storefront logic;
- visual adaptation of the design in direct collaboration with the client;
- creation of key content pages in Elementor;
- WooCommerce setup for the product catalog and store functionality;
- bilingual configuration using Polylang from the start of the project.
This was a case where the final interface was formed gradually in live development, through repeated refinement of both structure and presentation.
{!}
Post-launch changes and project boundaries
After the initial store had been completed, additional technical optimization work was carried out by third-party specialists at the client’s request, with the goal of improving performance.
Over the following years, the website also naturally evolved: products were added or removed, texts were edited, and some media content changed.
Because of that, the current live version should be seen as an actively maintained business website, not as a frozen snapshot of the original release.
At the same time, the foundational structure and the core layout approach created during the initial development remain clearly recognizable. This is the part of the project reflected in this portfolio case.
{+}
Result
The project resulted in a bilingual WooCommerce store for a real Ukrainian craft cosmetics manufacturer.
More importantly, the website did not remain a short-lived project: it has continued operating for several years as a live business website.
For me, this is the main value of the case.
Not because the site remained unchanged — it did not.
But because the original structural and visual foundation proved solid enough to support long-term real-world use.
Notes
This case is worth including in a portfolio precisely because it reflects real-world website lifecycle rather than an idealized “freshly launched” presentation.
The project began without a precise design system, evolved through multiple revisions during development, was later technically optimized by others, and continued changing in content after launch.
That makes it less “sterile” than a typical showcase demo — but more convincing as evidence of practical work.
A WooCommerce website that continues operating years after launch is a stronger signal than a visually perfect but inactive project.
{*}
<contact_me>
…If you’d like to discuss a project, clarify requirements, or explore possible collaboration, you can find all contact details on the contact page.