Skip to content

Full visual showcase · The Soul Garden

A welcoming garden with a clear path for every visitor

Follow the community idea through audience routes, website hierarchy, product stories, maker profiles and responsive behaviour. Each path has its own purpose while still feeling like part of the same garden.

  • WorldWarm and botanical
  • Audience doorsFive clear routes
  • ChannelsWebsite and mobile
  • Claim boundaryNo results stated

System snapshot

The complete picture at a glance

01SeedCreativity grows here
02Audience mapFive visitor routes
03Visual worldWarmth and nature
04HomepageWelcome and orient
05PackagesProduct with meaning
06MakersPeople behind products
07MobileClear paths anywhere
08CoherenceOne living ecosystem
01

The garden idea

A place where local creativity can be discovered and supported

The central metaphor is useful as well as beautiful: makers, products, workshops and services can all grow in the same garden without becoming the same thing.

What must remain true

The experience should feel handmade, generous and connected to real people, local work and meaningful objects.

What the design must avoid

A crowded craft-market feeling where everything competes at once, or a polished shop that loses the maker and community story.

The Soul Garden homepage showing a welcoming creative ecosystem
02

Audience doors

One homepage, several logical beginnings

The most important UX decision is to reveal the main visitor intentions early. People do not need to understand the whole business before choosing the door that fits them.

01

Shopper

Discover locally made products and understand the story behind them.

02

Maker

Meet the people behind the products and see how their work is represented. Makers who want to join can use the separate Sell With Us route.

03

Workshop seeker

Find an experience, learn something and participate in the community.

04

Social client

Enter the related TSG Social service without confusing it with the shop.

05

Seller

Explore the separate Sell With Us route for makers interested in joining the platform.

ARRIVEFeel welcomed
ORIENTSee the five routes
CHOOSEFollow one intention
EXPLOREMeet product or person
ACTShop, join or enquire
03

Visual world

Botanical warmth held together by editorial clarity

Cream surfaces and natural green create calm. Product and maker photography carry texture and humanity. Larger editorial headings give the experience confidence, while repeated green actions preserve usability.

The Soul Garden candle and product story within a warm botanical setting

Warm foundation

Soft natural surfaces keep the shop inviting and tactile.

Real character

Products and makers provide the detail instead of decorative clutter.

Consistent actions

Repeated buttons and headings make each path easy to recognise.

04

Homepage

A map of the ecosystem, not only a beautiful welcome

The opening image establishes atmosphere, then the page quickly reveals products, makers, workshops and social services. The emotional promise and the practical navigation support each other.

The Soul Garden desktop homepage with sections for shopping, makers, workshops and social services
Why the homepage carries several routes

The breadth is part of the value. The UX task is therefore not to hide it, but to stage it: one welcome, a small number of named doors and a clear action within each section.

05

Shop and product

Let the object remain desirable without losing its story

Product presentation begins with a clear image and a direct route to explore. Supporting copy can then connect the object to craft, care, gifting, ritual or the maker behind it.

Locally made candle presented with its Soul Garden story
Desktop storytelling balances atmosphere, meaning and action.
The Soul Garden mobile shop path with handmade products
Mobile keeps the product, short context and next action in a natural reading order.
06

Makers and community

The person behind the product is part of the value

Maker profiles prevent the catalogue from becoming anonymous. They give shoppers a reason to care, give creators visibility and reinforce the platform's local-community role.

The Soul Garden mobile Meet the Makers page
A repeatable maker story can combine portrait, craft, place and products.

Profile structure

Introduce the maker, show what they create, reveal the care or method behind the work and provide a route to relevant products.

Community effect

Products become connected stories rather than isolated listings, while the overall shop becomes a recognisable network of local creative work.

07

Mobile journeys

Each route keeps its own purpose on a smaller screen

Mobile is treated as a sequence of decisions, not a shrunken desktop. The visitor sees enough context to understand the page, followed by one useful action and the next relevant section.

Mobile Soul Garden shopping journey
Shopping · visual discovery and direct exploration.
Mobile Soul Garden maker journey
Makers · people, stories and their work.
Mobile TSG Social service journey
TSG Social · a related service with a distinct destination.
08

Why it holds together

Structure lets the garden keep growing

The system can welcome new makers, products, workshops and services without becoming harder to navigate. Each addition has a known role, a relevant audience path and a repeatable visual pattern.

Emotion earns attention

Natural colour, generous imagery and human stories create an immediate sense of warmth.

Doors create clarity

Visitors can choose a relevant route without decoding the entire ecosystem.

Stories build meaning

Maker and product narratives explain why each object belongs in the garden.

Patterns support growth

Future categories, profiles, events and campaigns can use the same hierarchy.