Dogs at Work: An Interactive Learning Page for Kids
Short description
A playful, modern learning page that teaches children about 25 dog breeds and the jobs they were bred for. It includes filters, a size line-up, favourites and a built-in quiz.
Overview
Dogs at Work is a self-initiated concept project. It explores how educational content can feel like a product people want to use, instead of a page they scroll past. The subject is simple and kid-friendly: why do dog breeds look so different? Each breed was shaped by the job it was bred for, from herding sheep to pulling sleds to rescuing people in the snow.
The challenge
Educational pages for kids often fall into one of two traps. Some are text-heavy and dull. Others are so busy that the learning gets lost. I wanted to prove that a learning page can be clean, modern and genuinely fun, while still teaching real facts in a clear structure.
My approach
I started with the content structure before the visuals. Instead of listing breeds alphabetically, I grouped them by job: herders, retrievers, super sniffers, guard dogs, sled dogs, diggers, rescuers, cuddlers and speedsters. That one decision turns a list of facts into a story kids can follow and remember.
For the design, I chose a modern, Framer-inspired look: bold oversized typography, bento-style blocks, a floating pill navigation and soft gradients. To keep it warm and child-friendly, I paired that clean system with illustrated dog faces, rounded cards and small moments of motion.
Key features
Filter by job: a segmented bar lets kids explore one type of work at a time.
Breed cards: each card shows where the breed comes from, what it does, a “Did you know?” fact and a shoulder-height ruler in centimetres.
Favourites: kids tap a heart to save the dogs they like most.
From small to tall: all 25 dogs side by side, sorted by height, from the Chihuahua to the Kangal.
By the numbers: a bento grid of memorable facts, such as the Greyhound’s top speed of almost 70 km/h.
Built-in quiz: six questions with instant feedback, a progress bar and a “bones” score that rewards every right answer.
Design decisions
Structure as learning: grouping by job gives every fact a reason to exist.
One bold moment per section: each section has a single focal point, so the page never feels cluttered.
Accessible by default: it is fully responsive from phone to desktop and supports light and dark mode. It is keyboard-friendly and respects reduced-motion settings.
Real units, real facts: heights and speeds use real measurements, so the page teaches, not just entertains.
What this project shows
This concept reflects how I approach course and learning experiences for my clients. The same principles apply to a course sales page, an interactive lead magnet or a lesson inside a course. Structure the content so it sticks, design it so people want to stay, and add small moments of interaction that make learning feel rewarding.
0
11
Chronic illness has already stolen enough of your life. It doesn’t need your social calendar too.
This is Plan-ISH, my submission for the @Base44 Challenge on @Contra. A FREE app for people with an invisible chronic illness who are sick of choosing between having a life and spending the next week recovering from it. I built it with Base44, step by step: design, planner, automations and voice.
I’m living this myself. I know what it’s like to want to do something completely normal, like a dinner, a wedding or Christmas, and first have to calculate whether my body can handle it. Sometimes you just stop making plans. Not because you don’t want to go, but because the aftermath feels like too much.
Sometimes I just want to go to a bloody dinner and have a good time. So I built Plan-ISH.
What it does:
➔ Plans the days before, the event itself and your recovery afterwards, around the energy you actually have
➔ Helps you ask for what you need, and writes the awkward message to the host
➔ Works with your voice, because some days typing is an Olympic sport
➔ Turns your symptoms into one clear page for your doctor
➔ Sends reminders and check-ins on its own
➔ Has a low-light mode for migraine days, and comebacks for every “but you don’t look sick”
Will it guarantee you won’t have a flare-up? Absolutely f*cking not. But it can help you prepare better, respect your limits and actually enjoy the things you love.
We deserve more than managing our illnesses. We deserve to live.
19
13
1K
Building a website with a corporate touch — it had been a while since I’d worked on a project like this, and I absolutely loved it!
The client came prepared with a clear branding guide, strong copy, and a clear vision of what they wanted. And honestly, that makes such a difference.
Within just 3 weeks, I had the entire website and platform fully set up and ready to sell.
Front end? Done.
Back end? Done.
Full customer journey? Done.
This was such a lovely project to work on, and everything came together so smoothly. Not because building a complete website and platform is always “easy,” but because the client gave me everything I needed from the start.
Clear direction. Clear branding. Clear copy. Quick feedback.
It meant I could focus on what I do best: taking all those pieces and turning them into a polished, functional platform that’s ready for business.
And when the review rounds are a breeze? Even better.
What I did for this project:
- Built and designed the 10-page website
- Set up the Kajabi Coaching Products
- Created and customized the checkout pages
- Set up and branded all essential system pages
- Connected the front-end website with the back-end systems
Made sure the entire platform was fully functional and ready to sell
Before ➡️ After… well, not really.
I wish I’d saved screenshots of First Change’s old website, a very retro cyan-and-yellow 2000s design that would’ve made the transformation even more fun to show. Instead- here’s the new version.
First Change (https://firstchange.nl/) was referred to me through a company I’d worked with before, and they needed a website that actually reflected who they are: a warm, professional organisation working in healthcare and ambulant support.
I refreshed their entire visual direction, redesigned the experience in Figma, shared an early live preview in Framer, and then built the final site in WordPress with Elementor Pro. Together with an on-site collaborator, we handled email migration and launched everything smoothly.
16+ years of developing custom websites, webshops and apps.
New to Contra
16+ years of developing custom websites, webshops and apps.
Equality Healthcare Services is a healthcare and support services platform dedicated to providing compassionate, person-centered care for individuals in need of home care, supported living, and community-based healthcare assistance. We developed the website to clearly communicate the organization’s services, values, and care approach while making it easy for families and individuals to explore care options and get in touch with confidence.
We focused on creating a professional, trustworthy, and accessible digital experience that simplifies the user journey through clear service explanations, intuitive navigation, and strong calls to action. The platform is optimized for responsiveness, performance, and SEO visibility to support local healthcare discovery and engagement.
1
163
Kapsalon Personality is a modern hair salon website designed to streamline appointment management and improve the customer booking experience. We developed a professional digital platform that showcases the salon’s services, pricing, and expertise while integrating a seamless built-in booking system that allows customers to easily schedule appointments online.
We focused on creating a fast, responsive, and conversion-focused experience that simplifies the client journey from discovering treatments to securing appointments. The platform emphasizes usability, trust, and accessibility while supporting strong SEO visibility for local salon discovery.
1
104
Von Stein & Co is a luxury real estate brokerage that bridges the gap between European private investors and the high-end Dubai property market. The platform focuses on exclusive residential properties and income-generating assets that combine lifestyle appeal with strong financial returns.
The website functions as a digital portfolio for trophy homes and off-market opportunities. We developed a sophisticated web presence that reflects the brand's core values of discretion, integrity, and architectural craftsmanship, providing a seamless interface for high-net-worth individuals to explore strategic investments.
1
149
We developed a modern, high-performance website for German singer-songwriter Lilly Wafe to centralize her digital presence. The platform serves as a hub for her discography, upcoming live shows, and social media integration, providing fans with a direct way to connect through newsletters and autograph requests.