Dorien Van den Abbeele - UX Designer | ContraWork by Dorien Van den Abbeele
Dorien Van den Abbeele

Dorien Van den Abbeele

Solutions & WebDesign for SMB's with Google AI & Bolt.new

Profile in progress

Dorien is building their profile!

🥭 FruitHunter: A fun way to 'touch grass' (or fruit!) I built this interactive game to get people to actually look at the weird and wonderful fruits we see around whether you're at home in the tropics (like myself), on holiday, or - why not - just wandering through your supermarket. Figma Community File: https://www.figma.com/community/file/1649555610995663291 Live, working app: Try FruitHunter AR (https://fruithunter-five.vercel.app/) The Idea: FruitHunter is basically an excuse to "touch grass" - or in this case, touch a Rambutan. It can turn a boring grocery run into a bit of a scavenger hunt. With some personalization I think this would be a fun game for small ecohotels, botanical gardens, cafés with a garden,... to offer to their guests too! The Vibe: 8-bit nostalgia meets fresh fruit It’s got a retro console vibe. On desktop, it sits inside a little phone frame - the best way to play this is of course on your phone as it uses your actual camera! The "Fruitydex": There’s a definite wink to the original Pokédex here. You’ve got your own "Fruitydex" to track your collection, complete with those classic 8-bit silhouettes for the ones you’re still hunting for. The Experience: You open the map, see where the "hidden" fruits might be (right the map is a mock-up but a botanical garden could easily add real fruit locations to a map) and then use the camera to scan them. If it’s a match, you catch the fruit and level up, e.g.: Level 1: Novice Hunter: You start off just learning to spot the basics: common stuff like Mangos and Papayas. Level 2: Exotic Tracker: Once you’ve caught a few, your tracker gets an upgrade to sense "Rare" species & you can catch more special fruits like cacao & durian. Until you reach level 5: Fruit Hunter Queen (Mangosteen): The ultimate goal. How I built it (The "Figma Fruit Salad" workflow) This was a fun process of jumping between different tools to get it just right: Figma Weave: I started here to design the actual fruit assets. We got a generous amount of credits so I could tweak my prompts when needed. The assets created in Weave turned out to be very important as Make by itself doesn't create such intricate images (neither does Antigravity, for that matter), so the little bit of extra work up front can make all the difference! Figma Make: I moved those designs over to Figma Make to start thinking about the app structure. I prompted to create the fruity splash screen & to create an advanced level (I actually started designing level 12 first - but then reduced to 5 real levels) & an achievement screen. Figma Design: Once I liked the screens we created, I copied everything into Figma Design. This was the "glue" that let me use the Figma MCP in Antigravity, as the Figma MCP was unable to work with the Figma Make link I had. This would be a nice feature to add to Figma Make! Antigravity: This is where the actual coding happened & where I added more levels to the game. It handled all the reasoning for me. Being able to import the designs via the Figma MCP server made it very easy to create the different achievement screens & levels. Powered by Gemini 2.5 for the fruit scanning to make it a working app! Thanks for watching & happy fruit hunting!
1
74
For this challenge I decided to let Stitch take the lead & show me all its tricks! It built me a tarot app with beautiful imagery in a uniform style. Stitch built me beautiful shader animations, heat maps, allowed me to download code snippets of every single element it created, I could make direct edits, it built me a React prototype etc. + I love using Stitch for ideation & prototyping + Cool animations + In place edits are supereasy + Multilingual + Exporting to Google AI Studio where you can further work on it as an Android app + Quick editing while in the React app is very handy - Edits within the React app need to be simple or you risk it crashes & just shows a dark or blank screen instead of the edited result - Shader animations don't seem to make it to prototype stage yet - I still get lost sometimes in the Stitch board, it's like getting lost in a big white vacuum lol, but I'm hopeful either me or Stitch will figure out how to make that work better for me in the future. I'm excited to see what's next for Stitch, and looking forward to seeing the animations it can create eventually end up in the prototypes without leaving Stitch! Link to Stitch project: https://stitch.withgoogle.com/projects/9243302952983865872 Watch my long screen recording / semi-tutorial here: https://drive.google.com/file/d/1Ml-LrjPOTbk3GacEOWag69XSq4cklNcP/view?usp=vids_web A short recording of the (for now) end result; first before making edits in the React app directly, second after some edits (e.g. I selected the back of a card via Select element & then asked it to add the missing back pattern to it).
1
60
Why I Chose This Brand: Finca Montezuma is my own chocolate farm, located in the pristine wilderness of Dolphin Bay, Bocas del Toro. I chose my own brand because it represents a rare, closed-loop ecosystem where nature and craft are inseparable. From the Howler monkeys & sloths with whom we share the forest to our award-winning truffles, every step of the process happens here. This video is a tribute to the "Slow Chocolate" movement & Panamanian agroforestry. Narrative: The story is told through "The Journey of the Monkey": from the macro-scale of the archipelago (the map and drone) to the micro-scale of the bean (the harvest and the ganache). It culminates in the validation of our craft (the award) and the face of our brand (the monkey). Visual Direction: I chose a "National Geographic meets Luxury Food" aesthetic.
1
112
Here's my project for the @contra (https://x.com/contra) Holiday Challenge, made with @Replit (https://x.com/Replit) & tuned up with a little bit of @Suno (https://contra.com/company/suno_98037b)! I hope you have fun playing this Bubble Shooter replica: https://santa-shooter-arcade--dorienvda.replit.app Getting the high score at Bubble Shooter used to be my life goal when I was a kid so testing this XMas replica was FUN & nostalgic!
3
3
120
Hard to believe, but one day ago I had no idea YouWare existed... Now? I've just shipped: GlobalDevs  free publicity on the 3D Globe! 🌍 I’m officially submitting GlobalDevs for the #YouWareChallenge. I built this because it’s fun to play with and gives you an instant sense of the global community. So go on & showcase your favorite projects by adding video links from Youtube, Canva and even videos you uploaded to X.com! And of course... there's a dedicated field to share your Contra profile. While the 3D globe is the verified "eye candy," the real engineering work happened in the backend, and luckily I didn't have to do it alone! I used YouBase 1.0 to architect a robust user profile system that handles the logic so you don't have to. Add yourself to the globe here: https://globaldevs.youware.app/
13
232