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
Project Title:
NexusAI — SaaS Landing Page & Executive Dashboard
Project Description / Post Text:
Built NexusAI, a responsive SaaS startup landing page and interactive analytics dashboard designed for high-growth tech companies and enterprise clients.
Key Features & Architecture:
Executive Command Center: Real-time KPI metric cards and dynamic Chart.js telemetry with interactive 7-day, 30-day, and 90-day data switching.
Dynamic Pricing Engine: Transparent pricing calculator with instant toggles between Monthly and Annual billing tiers (with automatic 20% savings calculation).
Client Onboarding Modal: Built-in modal form with instant input validation and success feedback.
Modern UI/UX Design: Dark-mode glassmorphism interface built mobile-first with Tailwind CSS.
Skills to Select (Pick 3):
Web Developer
Front-End Development
Web Design
Tools to Select (Pick 3):
JavaScript
Tailwind CSS
HTML5
Completed Work Link:
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
Related posts
Project Title:
Dunkin’ Product Web Concept
Project Description:
A playful web design concept created to explore bold product visuals, strong composition, and interactive brand presentation. The goal was to turn a simple product idea into a more engaging digital experience while keeping the layout clean, clear, and visually memorable.
This concept reflects how I approach web design in general — understanding the brand, building a strong visual direction, and creating an experience that works around the product, service, or idea being presented.
Role: Web Designer / Creative Developer
Focus: Visual Direction, Layout, Product Presentation, Web Interaction
Sunny Rock — Cinematic Paris Travel Website | Creative Web Development
Experience Paris through Sunny Rock, a cinematic travel website concept designed to combine immersive visuals, elegant UI/UX, and interactive scrolling into a premium digital experience.
This self-directed project explores modern web design through cinematic imagery, scroll-driven animations, glassmorphism, smooth transitions, and responsive layouts.
🛠️ Technologies & Skills
HTML5 & CSS3 — Semantic structure, modern styling, and responsive layouts
JavaScript (ES6+) / TypeScript — Interactive behavior and animation logic
React.js — Reusable components, hooks, and state management
Tailwind CSS — Utility-first styling and responsive design
HTML5 Canvas API — 2D rendering for visual effects and image sequences
Scroll-Driven Animation — Frame-by-frame image sequences synchronized with scrolling
requestAnimationFrame & Linear Interpolation (Lerp) — Smooth animation updates
Lenis Smooth Scrolling — Fluid scrolling experiences
Intersection Observer API — Scroll-triggered reveals and entrance animations
UI/UX & Visual Design — Visual hierarchy, typography, glassmorphism, and interaction design
SVG Graphics — Scalable icons and vector elements
AI Visual Generation & Prompt Engineering — Cinematic visual assets
Cloudinary — Media hosting and image optimization
Performance Optimization — Efficient asset loading and animation rendering
Python & Browser Automation — Development utilities, asset processing, and testing
✨ Design Highlights
Cinematic, immersive visual storytelling
Premium travel-inspired aesthetic
Smooth, scroll-based animation sequences
Modern glassmorphism interface
Responsive layouts for different screen sizes
Interactive elements and refined micro-interactions
Project Type: Self-Directed Portfolio Project
Focus Areas: Creative Front-End Development · Web Design · UI/UX Design · Interactive Experiences · Animation
Designed and developed by Ubaid | Ubaid Web Studio.🔥
Spent Sunday wrapping up Nebula — a DeFi staking waitlist where I owned the brand system, UI, and frontend code.
Scroll-driven 3D orbit, cursor-tracking glow cards, magnetic buttons, and a strict brand rule: lime only touches CTAs, focus rings & 1 word per section.
efeosa nice work