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
Bellver Cards | Realistic Financial Landing Page
A landing page built for a financial card product, with a strong focus on realistic visuals, responsive design, and polished interactions.
The project started from an AI-generated design concept. Instead of treating the design as final, I refined the UI/UX and turned the concept into a production-ready responsive website.
What I worked on
- Built the landing page with HTML, Tailwind CSS, and JavaScript
- Created responsive layouts for desktop, tablet, and mobile
- Refined AI-generated design elements to feel more natural and realistic
- Implemented smooth scroll-reveal animations
- Added different animation directions for split sections
- Built an interactive language selector with country flags
- Added a YouTube video modal with proper playback cleanup
- Created responsive card/product sections
- Refined spacing, typography, borders, shadows, and visual hierarchy
- Optimized the layout for different screen sizes
The result
A polished financial product landing page that takes an AI-generated visual direction and turns it into a real, responsive, production-ready web experience.
Tech: HTML · Tailwind CSS · JavaScript · Responsive Design · UI/UX · Landing Page Development
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
Challenges
View all
Related posts
When your landing Page is so goated that you no longer need a launch video.
Thats what a landing page do for you hahahaah
Creating immersive digital experiences with smooth website animations ✨
Designed & developed by Usman DevHub Tech & Creative Studio.
We create premium websites with modern UI, interactive animations, and unique visual experiences that help brands stand out. 🚀
Want a website like this for your brand?
DM us and let's discuss your project.
#WebDesign #WebDevelopment #WebsiteAnimation #UIDesign #CreativeStudio #DigitalAgency #UsmanDevHub
Love this, Usman! You drop something amazing every single time.
🔥 Building a Website for a Food Business — Work in Progress
Currently working on a custom website for a food business 🍔🍕🔥
This project is all about creating a website that doesn't just show food — it makes people want to order it.
I’m going for a bold, premium and slightly vintage-inspired visual direction, with a dark atmosphere, warm food-focused visuals, and strong orange/gold accents to match the brand.
🚧 What I’m building:
🎨 Custom UI/UX
Designing the entire experience from scratch instead of using a generic restaurant template.
🍔 Interactive Menu
Organizing the complete food menu into categories with food images, descriptions, prices and Veg/Non-Veg options.
🛒 Online Ordering System
Customers will be able to browse the menu, add multiple items to their cart, adjust quantities and see their total before ordering.
💬 WhatsApp Ordering
The checkout flow will collect the customer's important details and generate the complete order information so it can be sent directly to the restaurant owner's WhatsApp.
📱 Fully Responsive Design
Making sure the website works smoothly across desktop, tablet and mobile — because most food orders happen on phones.
⚡ Animations & Interactions
Adding smooth transitions, hover effects, scroll animations, menu interactions and other small details to make the website feel more alive.
📍 Location & Contact
Adding dedicated sections for the restaurant's location, contact information, opening hours and directions.
⭐ Testimonials
Creating a section that builds trust and gives customers a reason to choose the business.
🎯 The goal
Not just another restaurant website.
The goal is to create a complete digital storefront for the food business — something that represents the brand, showcases the food beautifully and makes the path from “That looks delicious” → “I want to order this” as simple as possible.
Still working on it.
More updates coming soon. 👀🔥
#WebDevelopment #WebDesign #FoodBusiness #RestaurantWebsite #RestaurantWebDesign #UIUXDesign #FrontendDevelopment #HTML #CSS #JavaScript #WebsiteDevelopment #FreelanceDeveloper #BuildingInPublic #WorkInProgress #WIP #Contra #SmallBusiness #FoodBrand #DigitalExperience
