The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Oyla Jewelry is a single-page conceptual landing page website for a fine silver jewelry brand, shown as a 2026 campaign. It's a React and Vite project that uses the Motion animation library, and it's live on GitHub Pages at https://khaihuyennguyen.github.io/oyla-jewelry/. The page is built around two background videos that play as you scroll (a hero video and a reveal video), so scrolling controls the animation and scrolling back reverses it. It features product photos of silver pieces: a signet ring with an oval red gemstone, polished hoop earrings, a pendant necklace with a circular gemstone, a wave-shaped sterling ring and a ring with a blue gemstone. The header has an "Oyla" wordmark and category tags such as Gemstone Rings, and the footer has material tags and a "Fine jewelry campaign 2026" line. The latest version ends with a "coming soon" card, so it works as a teaser or concept page and not an online shop. It's built and deployed automatically by a GitHub Actions workflow whenever the code changes.
That red hair and silver jewelry pairing looks so striking, Khai
Thank you !!
Ohhhhhh nice work
Thanks 😃
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Every creature in this identity is watching you.
Little Fen, a wetland club for kids. 50 creatures. 3 colors. Everyone gets eyes.
Case study drops soon.
Which creature goes first?
Hey Little Fen,
Can you see me?
A little throwback to one of our favorite collaborations with Lion Pose! 🧡
We worked with the founders to bring their vision to life through core brand identity, logo, and packaging design, creating a bold, playful visual language that feels fresh in the skincare space.
So lovely to see Lion Pose grow from its early days to the shelves of Sephora, with our packaging work recognized at the 2024 Dieline Awards!
Nice work
Section, a matcha shop that runs itself
The problem A lot of matcha brands skip the story. You buy a tin and never learn where the leaf grew, how it was shaded or how it was ground. And the instructions come as a little booklet in the box that ends up in a drawer by the second bowl.
The idea Tell the story on the website, and move the instructions there too. Section is a concept matcha brand: the site follows one leaf from the field to your bowl, then sells one box with the matcha and the five tools a barista uses. There's no booklet in the box. The guide lives on the site: every part lettered A to F, four drinks, each step read aloud, and pages that turn by themselves while your hands are busy. Live: pure-section-space.base44.app
Automation depth Behind the counter, the shop runs itself:
Saves time: an order lands on the packing board the moment it's placed, with where it ships. Nobody copies orders out of an inbox.
Improves operations: stock counts itself. Every order takes its items off the shelf (a box takes one of each part). At 3 left the shop says "Only 3 left" and I get an email. At zero, the item sells out on its own.
Increases leads: a sold-out item offers "Tell me when it's in". That's a list of people who want to buy. When I type a new count, each of them gets one email.
Enhances the customer experience: the buyer gets an email at every step: got it, packed, on its way. The last one links to the guide, so the steps arrive before the box does.
The packing board is mine, behind a sign-in, and addresses are kept where only I can read them.
** It all runs on Base44: its database, Google sign-in, one backend function for the emails, and its hosting. **
Design quality
One idea runs through the whole brand: everything is drawn in one black line, and the only colour is the matcha's green.
The first screen is a small matcha bar. Scroll, and it opens into its own drawing.
The phone layouts are designed, not shrunk. The box, its price and its key stay at the foot of the first screen, and the guide's Back and Next stay under your thumb.
How I built it I tried style directions in Figma, built the site and automation in Base44, and I published from there. The video shows both sides: buying the box, and running the shop.
Real-world use Section is a concept, and no payment is taken. Everything else is built to run as a real shop: real orders, real emails, a locked staff board and private addresses. Add a payment provider, and a matcha brand could start selling with it.
Ohhhhh this is very nice
