Framer web designer creating immersive, interactive websites that blend striking visuals with seamless user experiences, driving engagement.
Pomolia is now free on Framer marketplace β an editorial portfolio template with immersive motion, detailed case studies, Works and Blog CMS, and responsive layouts. Duplicate it, customize it, and launch your portfolio.
It's free, remix and share! Check comment for link
Meet Pomolia β a free editorial Framer portfolio template for designers, art directors, and creative agencies. Featuring immersive motion, detailed case studies, Works and Blog CMS, plus responsive list and stack layouts. Remix it for free and make your work impossible to ignore.
Just launched my new product design portfolio. Iβm looking for a full-time and contract opportunities.
Linkπ: https://siji-ibukun.com
Hero section interaction design of slotwise(an appointment booking software) πͺ .
Built with codex.
#interactiondesign #productdesign #webdesign #shipwithAI
Core values section of slotwise (appointment booking software).
#sass #webdesign #interactiondesign #codex #productdesign
I love finding ways to make websites tell their story before a single word is read π€ .
For this film website, I built a rotating 3D cube to showcase the movie collection and immediately give visitors a sense of the type of films waiting inside π .
To reinforce the experience, I paired it with a film reel rolling sound effect so the interaction feels cinematic from the very first second π .
As users scroll through each film section, they're greeted with camera shutter effects and carefully chosen soundtracks that match the mood and energy of the films being showcased π€ .
It's a reminder that great web experiences aren't just visualβthey're something you see, hear, and feel π .
Built with Figma, Codex, and Framer.
Linkπ: https://lnkd.in/dc2gUfKK
#interactiondesign #webdesign #uiux #codex #framer
I built this interactive 30 Days Challenge website with Codex, and had a lot of fun pushing the details π .
I added sound effects, click interactions, double-click effects, and a loading animation with falling pills to make the experience feel more playful and alive.
This one was all about making the interface fun to explore, not just look at πͺ .
Live site π : tech-stacks-nine.vercel.app
#interactiondesign #webdesign #codex #uiux #reactjs
I made a version two for the interaction design of the travel agency website I shared previously via figma motion.
What do you think?
Revamped my portfolio a bit via @framer π€. Gave my UI shot a 3d globe visuals.
Open to workπ§. Currently looking for a product design or framer developer role.
Link: siji-ibukun.framer.website
#webdesign #portfolio #productdesign #codex #framer
Went back to my 2024 design archive to try out figma motion for a travel agency hero section exploration! @figma
Sound effect via caput soundπ€.
#figmamotion #webdesign #travelagency #uiux
Started with a Figma file. Ended with something that breathes π‘ .
For Candi, I took a static design and brought it to life β layering in custom interactions, entrance animations, and sound effects that make the experience feel intentional, not just pretty πͺ .
This is the part of the process I love most: the moment a design stops being a mockup and starts feeling like a product.
Linkπ: candi-eta.vercel.app
#Framer #WebDesign #DesignAndCode #InteractionDesign #Frontend
Meet Testimonial Jotter, a Framer component that turns testimonials into a living notebook moment. A pen writes each quote in real time, synced to your slide interval, then the page flips away with a crisp browser-synthesized paper sound.
Preview: https://testimonials-card.framer.website/
It includes:
Animated jotter illustration
Web Audio page-flip sound, no audio files
Progress ring countdown
Responsive resizing for all screens
Fully editable Framer property controls
Support for up to 10 testimonials
Perfect for adding motion, personality, and a little delight to your testimonial sections without extra setup.
Marketplace link here in comment:
A section of code component that I built for a client for her design agency in framer. Built the code component with react via Claude.
What do you think?
#framer #interactiondesign #webdesign
Wessex Homes is now live on framer market placeπ₯³. Built with a clean editorial style, refined layouts, and a premium property-focused experience, Wessex is perfect for showcasing homes, rentals, luxury listings, and agency services. It has a light mode and dark mode
Preview link here: https://wessex-homes.framer.website/
Purchase via marketplace in the link in comment.
Just launched Wessex, a premium real estate website template for Framer.
Designed for estate agencies, brokers, property consultants, and real estate brands, Wessex gives you everything you need to launch a polished property website quickly.
It includes:
Light and dark mode
Homepage
Property listing page
Property detail pages
About page
Journal / blog page
Contact page
Property filters
Featured listings
Lead capture sections
Easy customization in Framer
4 CMS
Built with a clean editorial style, refined layouts, and a premium property-focused experience, Wessex is perfect for showcasing homes, rentals, luxury listings, and agency services.
Now available on Framer Marketplace.
Heyππ½! Working on a real estate template for framer marketplace. Here is a glimpse of what to expect π.
#framer #webdesign #uiux #figma
I've been spending a lot of time exploring what's possible when design meets AI-assisted development.
For this project(TURN ON AUDIO FOR BEST EXPERIENCE π€ ), I pretty much babysat Codex from start to finish, turning a Figma design into a fully interactive experience in Framer. To keep everything pixel-perfect, I exported key frames from Figma as SVGs before bringing them into the build β .
The fun part wasn't the visualsβit was the interactions π .
I added click and drag interactions, then spent way too much time tweaking sound effects until every action felt just right. It's amazing how a small sound can completely change how an interaction feels π .
My favorite part, though, has to be the fireworks animation πββοΈ . Watching it come to life after a few iterations made the whole project worth it.
Built with Figma, Codex, and Framer π .
Link:π https://photoledger.framer.website
#interactiondesign #codex #webdesign #framer
Meet Testimonial Jotter, a Framer component that turns testimonials into a living notebook moment. A pen writes each quote in real time, synced to your slide interval, then the page flips away with a crisp browser-synthesized paper sound.
It includes:
Animated jotter illustration
Web Audio page-flip sound, no audio files
Progress ring countdown
Responsive resizing for all screens
Fully editable Framer property controls
Support for up to 10 testimonials
Perfect for adding motion, personality, and a little delight to your testimonial sections without extra setup.
