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
Social Bloom Marketing Website — Full Site Build
Designed and developed the complete marketing website for Social Bloom, a B2B lead generation company, built on Next.js 15 App Router and deployed on Cloudflare Pages.
What was delivered:
Built the full homepage with hero section, metrics, testimonials, problem/solution sections, how it works, case studies, reviews, guarantee, FAQ, and multiple CTAs — all with smooth scroll animations and reveal effects
Developed industry-specific landing pages targeting different client verticals (e.g. Marketing Agencies) with custom hero copy, tailored messaging, and page-specific navigation that keeps visitors on the landing page
Built a sample leads carousel showcasing real buyer leads with swipe, keyboard, and dot navigation — giving prospects a live preview of what Social Bloom delivers
Implemented a sticky "Speak with buyers now" CTA banner that appears as the user scrolls, designed to maximize conversion without being intrusive
Built a case studies section with a wide landscape carousel — video testimonial on the left, scrollable results content on the right — with touch and keyboard support
Integrated client video testimonials hosted on Cloudflare R2 CDN for fast, reliable playback
Built reusable shared components (nav, footer, carousels, section layouts) used consistently across all pages
Implemented custom per-page navigation configs so industry landing pages have their own nav links pointing to in-page sections rather than the main site
Set up the full deployment pipeline on Cloudflare Pages with environment variable management for secure API key handling
Tech used: Next.js 15 App Router, TypeScript, Tailwind CSS, Cloudflare Pages, Cloudflare R2 CDN
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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
What if a website could feel like an art installation? 🖤
I wanted to experiment with something beyond traditional landing pages.
So I built a scroll-driven 3D experience where a single sculpture becomes the entire story.
With every scroll:
→ The camera moves around the sculpture
→ The lighting changes
→ New sections reveal themselves
→ Interactive UI elements appear
→ The perspective continuously evolves
No static hero.
No traditional section-to-section transitions.
Just 3D, motion, light, and storytelling working together.
Built with WebGL + Three.js + AI-assisted development.
The goal was simple: https://sincere-ethereal-sculpt-space.base44.app/
Don't just make people scroll.
Give them a reason to keep exploring.
Would you use this approach for a real brand website?
#WebDesign #ThreeJS #WebGL #3DWeb #CreativeDevelopment #Awwwards #FrontendDevelopment #UIDesign #InteractionDesign #AI #Base44
scroll driven 3d, how heavy is it to load?
Your website may be losing customers before you even get the chance to talk to them.
A potential customer searches for your business.
They find your website.
It loads slowly.
The layout feels outdated.
They can't immediately understand what you offer.
And there's no clear next step.
They leave.
The problem isn't always your product or service.
Sometimes, your website is failing to communicate the value of your business.
As a web designer and developer, I build websites around how your customers experience your business, not just how the website looks.
My process combines:
🎨 UI/UX design — clear visual hierarchy and intuitive navigation
💻 Responsive development — optimized for mobile, tablet, and desktop
⚡ Performance — fast, functional experiences
🎯 Conversion-focused structure — clear calls-to-action and lead-generation forms
🔎 SEO-friendly foundations — structured pages that are easier for search engines to understand
🔗 Integrations — connecting the website to the tools your business needs
From discovery and planning to development, testing, and launch, I focus on building a digital presence that supports your actual business goals.
Your website shouldn't just exist. It should work for your business.
If your business needs a new website, a redesign, or a stronger digital presence, I can help.
contra.com
Business Website Development by Grace Abuachi
Read more about Business Website Development by Grace Abuachi on Contra.
Is this the freelancing equivalent of your prefrontal cortex fully developing at 25? 🤔
Built a complete web design and development package for a SaaS startup, including brand and style creation — in a tight timeframe.
https://venwai.com
animations kinda look cool. If you animate the name in footer, that would make it more interesting.