Jooce
Jooce's website is full of juicy visual storytelling.
Year
2025
Scope
Visual Identity, Web
Client
Hatch
Duration
1.5 months
In making this website, I have created visual identity and digital assets for Jooce, a healthy juicy-soda brand. I was fully responsible for the copywriting (that sells!), web design and it was built on Hatch by me (previously playful software).
The visual identity uses bright, bold colours to express the unique, active, playful, loudly uniqueness of Jooce.
Before designing this site, I knew it was important to research what are the key ingredient to make a effective website that aims to sell. I found that, before a product become desirable, we need to clearly communicate to the audience:
What is the product.
Why do they need this product (why does has to be this brand?)
What other people think about the product (social proof and community).
And this was the framework/template I've came up with, to help building effective product launch/info page. It looks like this:
How to sell products using websites - A Template.
Landing
Heading: Short, simple message about the product.This is also the hook. So add a little surprise factor.
Subhead: slightly longer explaination to assist understanding.
CTA: Tell you user to continue explore. Or purchase. Do something.
Section 1 — Show (not tell) people why they NEED the product.
Be concrete.
Keep your sentences short and easy to understand.
Use visuals and interactions to help user visually understand.
Section 2 — if you got variations to your offer, show it.
Offering variations appeals to the human need of gathering.
But don't give them too many options (will cause fatigue).
Section 3 — Give your audience more proof that they NEED your product.
eg. is it a limited offer? Or perhaps there's a free sample?
Section 4 — Social proof and Community.
Show your credibility via testimonial here.
or a gallery — show images or videos of happy people using your product.
Contact and Final CTA.
Footer with links
And of course, in very section, give the customer a chance (a button) to buy/other action you'd like. Never let your customer to spend too much energy to search for a buy button.
And when paired up with engaging visuals, you'd feel confident this website will go a long way boost your sales.







