Lead with the person
Hui Ling is the business. Her name, her face and her own voice had to come before any list of services.
Hui LingMaternal wellness · Personal practice website and shop
A first meeting, before the first session.
The website for Hui Ling, a maternal wellness specialist and IAIM infant massage instructor. It introduces her the way she would introduce herself, then leaves the next step to one WhatsApp message.
In short
Hui Ling Maternal Wellness is the practice of Hui Ling, a maternal wellness specialist and IAIM infant massage instructor who works with mothers and fathers through pregnancy, postpartum and early parenthood. Potadot designed and built its website in English, with an online shop and an Articles page. The home page works like a first meeting: she says hello, explains what she believes, shows how she can help, lets other mothers speak, and closes with a WhatsApp button.
The client
A mother of two who trained for what she lived through.
Hui Ling’s work began with botanical skincare for babies and children with sensitive skin, which grew into Rare Botanicals. Motherhood then took her deeper. She trained as a prenatal and postnatal therapist, a lactation counsellor and an IAIM infant massage instructor, and later in NLP and hypnotherapy.
Today she offers one-to-one care, classes and workshops for parents, and talks and collaborations for confinement centres and clinics. Her four KindTouch products are sold through the same site.
- 5
- Services on the home page
- 9
- Qualifications listed
- 11+
- Years formulating for sensitive skin
- 6+
- Years breastfeeding two children
The job
Mothers choose the person before the service.
Pregnancy, breastfeeding and recovery are private matters. Before booking, a mother wants to know who will be caring for her. So the site answers that first, then makes it easy to ask a question.
Hold many sides of one practice
Hands-on care, classes, collaborations, a shop and articles all sit under her name. The site had to keep them together without reading like a directory.
Speak gently about private care
Breast care and recovery after birth are sensitive subjects. The words, drawings and colours all had to stay calm and respectful.
Make the first question easy
A mother with a newborn has little spare time. Asking a question had to take one tap, with no form to fill in.
The concept
The home page is a first meeting.
Hui Ling sums up her work in one line: “To care for the woman while she is busy caring for everyone else.” A site with that belief should not open with a menu of treatments. So the home page follows what happens when two people meet: a hello, a little about her, how she can help, what others say about her, and how to stay in touch.
The route through the page
-
1
Hello
Her name, large, in her own voice.
-
2
Who I am
Her portrait and what she believes.
-
3
How I help
Five cards, one for each service.
-
4
What others say
Nine named reviews, in turn.
-
5
Stay in touch
A WhatsApp button and her closing line.
Where the look came from
Her line
“To care for the woman while she is busy caring for everyone else.” It closes her story on the About page, and it set the tone for the whole site: speak softly and put the reader first.
Her logo
A sprig inside a tall oval, drawn in thin line. That line carries on in the branch beside her name, the round drawings on the cards and the branch in the footer.
Her botanicals
Her work began with botanical skincare, and KindTouch comes in deep green and off-white packaging. The palette stays close to that world: warm white, oat, clay and a deep olive.
The design
One bright hello, then a quiet room.
The turquoise pool in the opening photograph is the only loud moment. After it the page settles into warm white, thin drawn lines and a fine serif.
Colour
- Warm white
#FFFAF6The page itself - Oat
#F3EBE2Service cards and panels - Deep olive
#3C4432Buttons and the footer - Cream
#F1E3CFFooter headings and button - Clay
#C18C72Rings, small labels and hearts
Clay stays small on purpose. It appears in thin rings, small labels and hearts, which is why the page feels warm without feeling busy.
Type
Hi, I’m Hui Ling.
Cormorant · Her nameEvery mother’s journey is different.
Cormorant · HeadlinesSupporting mothers through every stage of motherhood.
Poppins · Reading textThe branch
The sprig in the logo grows into a full branch, drawn in the same thin line, beside her name and again in the footer. A small flourish sits under the main headings, like a signature.
Detail
Each service gets a line drawing in a clay ring: hands around a bump, a flower, a mother feeding her baby. A private subject is easier to approach as a drawing than as a photograph.
Rhythm
- Hello
- About
- Services
- Reviews
- Footer
One bright band, a long stretch of warm white, then the deep olive footer. The bar above is the real home page, to scale. The long quiet stretch gives the reader room, which suits someone who came to be looked after.
Walkthrough
The meeting, step by step.
Follow a mother from the first hello to the shop. Each stop shows what she sees, and the note explains why it is there.
She says hello
Her name in large serif type, her title, one line on what she does and a single button, all over one photograph.
Why Written as “I”, the first words tell a mother she is dealing with a person, and the name is the first thing she learns.
Then her face
The next chapter is a simple portrait at a table, with one sentence on what she believes and a button to her full story.
Why The pool sets the mood. This photograph lets a mother see who she would be meeting.
Five cards, five opening lines
Five cards describe the services in a sentence each. Tapping a card opens WhatsApp with that service already named.
Why A mother does not need to work out how to phrase the question. She picks the card that sounds like her, and the first line is already written.
Other mothers speak
Nine reviews turn in a slider, three at a time on a computer, each with a name and five stars.
Why Until now Hui Ling has done the talking. Here the visitor hears from women who have been to her sessions.
Training she can show
The About page lists nine qualifications above a carousel of ten certificates.
Why This is care for pregnant bodies and new babies. A mother should be able to check the training, and here she can read it for herself.
Three ways in
Work With Me splits into personalised care, parent education and workshops, and professional collaborations. Each card has its own button and its own WhatsApp message.
Why A mother, a father and a confinement centre want different things. Each finds the right card, and Hui Ling can tell from the first message what they need.
A shop with the same look
Four KindTouch products sit on the same warm page, under three “Shop by need” buttons. Each card shows the price, reviews and an add to cart button.
Why The shop keeps the same serif, colours and rounded corners, so it feels like part of her site and not a separate store.
Name, title, one buttonHer face and her beliefEach card opens WhatsAppA name on every review
The list, then the certificates
Three cards, three messages
Need buttons, then add to cart
On the phone
Rearranged for a phone in one hand.
A busy mother is likely to read this on her phone, so each chapter changes shape for a narrow screen.
- The opening photograph is recomposed for a tall screen, with the hills rising behind her
- Service cards stack into one column, each with its drawing at full size
- Cart, login and menu become three icons in the top corner
Built in
What sits behind the calm.
The pages look simple. Underneath are the parts a practice built around one person relies on.
WhatsApp that names the subject
Service cards and Work With Me buttons open WhatsApp with the words already written, so Hui Ling knows what each enquiry is about.
Shop and practice together
WooCommerce runs the cart, the account login and the product pages, so care and products stay under one address.
Certificates on show
Ten certificates sit in a carousel on the About page, and each one opens as a full image.
Articles on five topics
The Articles page names five topics, from pregnancy to motherhood, lists her latest articles and ends with a WhatsApp button.
A welcome voucher
On the shop page, a pop-up offers 10% off a first order in return for an email address.
A title for each page
Home, About, Products, Work With Me and Articles each have their own page title, and the site’s code names the organisation behind it for Google.
How we built it
Same process, every project.
Every Potadot project starts by understanding the client's situation before anything is designed. See all seven steps
- 1
Understand the business
Who Hui Ling is, what she offers and what a mother wants to know before that first WhatsApp message.
- 2
Content creation
We shaped her story and services into short sections, keeping her own first-person voice.
- 3
Design + build
Palette, type and line drawings came first, then the pages, then the shop, all for phone and computer.
- 4
SEO + launch
Page titles, Google data and a ready-written WhatsApp message for each service set up, then launch and support.
Questions
About this project.
Does your business run on your own name? Tell Ricky about it on WhatsApp at +6011-1142 1029.
What did Potadot do for Hui Ling?
We worked out the concept, shaped the content, designed the pages and built the site, including the shop, the Articles page, the Google setup and the WhatsApp links.
Why does the home page open with her name?
When a practice is built around one person, that person is the reason someone gets in touch. Her name and hello come first, and the services follow once the visitor knows who is speaking.
Can a service business sell products on the same site?
Yes. Hui Ling’s care, classes and KindTouch products share one site and one look. WooCommerce handles the cart and accounts, and enquiries about services go to WhatsApp.
Can you build something like this for my practice?
Yes. We would start from your work and the people who come to you, so your site would have its own idea. A first meeting suited Hui Ling. Tell us about your practice and we will show you what we would do.
