SaaS Website Designer & Framer Developer
SaaS Website Designer & Framer Developer
My 7th Framer template is live on the marketplace.
Built for photographers who want to launch a clean, bold portfolio without spending weeks designing from scratch.
If you’re a photographer, check it out 👇
https://framer.link/8nhBkDp
4
188
My 7th Framer template is finally ready!
It's just took me 1 day to complete it, All thanks to astra.
Launching soon on the Framer Marketplace.
Would love to hear what you think
7
12
524
Product (UI/UX) Designer & Framer Designer/Developer
Web Developer | Motion developer | full stack engineer
Title: Nexa Electronics: Premium E-Commerce Website with Interactive 3D Exploded Views
Description:
Nexa Electronics is a demo e-commerce website I designed and built to show my skills in modern web design, front-end development and interactive 3D experiences. This video is a walkthrough of the site.
What’s in the vedio.
The home page, with a cinematic hero section and a 3D device showcase
Browsing by category: Smartphones, Laptops, Audio, Gaming, Smartwatches, Smart Home and Accessories
Product pages with configuration and colour options, a zoom inspection view, pricing, stock status and customer reviews
The interactive 3D exploded view (“Explore Inside in 3D”), where you can take products apart layer by layer to see their internal components
Quick View, the device comparison matrix, the shopping bag and a full checkout flow (shipping details, payment, order review and confirmation)
Customer sign-in and an admin dashboard for managing the store
Website features
Interactive 3D exploded views of products, with labelled internal parts and an explode slider
A mega-menu navigation and fast category browsing
Product configuration (storage and colour variants) with live pricing
Wishlist, compare and shopping bag functionality
Device comparison matrix
A simulated checkout with order confirmation
Customer accounts (sign-in)
An admin dashboard with store stats and inventory and price management
A newsletter signup section
A toggle to turn the 3D experience on or off
A responsive, dark and light themed premium UI
Note: I made this video with the help of AI, and it is just a demo to show my skills. To see my work properly, I recommend visiting live website.
4
845
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.🔥
9
11
2K
PrimeNest Realty is a demo real estate website I designed and developed to show clients what I can build for property businesses. Many agency sites feel cluttered and hard to use, so I focused on a clean, premium look and a simple path from search to enquiry.
What’s inside:
A homepage with a built-in property search (buy or rent, location, price range, type, bedrooms)
Property listings for sale and for rent, with filters
Buying and renting FAQs to answer common questions
Neighbourhood pages (Downtown, Riverside, Oakwood) showing the homes in each area
A “Sell your property” page with a simple enquiry form
An About page introducing the agents
Featured properties, testimonials and clear call-to-action sections
The design uses a warm off-white background with navy and gold accents and elegant serif headings. The layout is consistent from page to page so visitors always know where to click.
Note: all listings, agents and reviews are fictional sample content. I made this as a portfolio demo.
If you want a website like this for your business, message me and I’ll build it around your brand.
Skills to used
Web Design
Web Development
UI Design
UX Design
Responsive Design
Landing Page Design
Front-End Development
Real Estate Website
0
384
Maison Belle — Elegant Salon & Beauty Website Design 🌸
An elegant, modern salon website concept created to showcase how a beauty business can present its services and brand through a polished online experience.
Designed by Ubaid Web Studio, this project features a soft, luxurious color palette, refined typography, and a stylish layout inspired by the beauty and aesthetics industry.
✨ Key Features
Elegant UI Design: A sophisticated visual style with soft colors and modern typography.
Beauty Services: Sections for presenting salon treatments and services.
Service Pricing: A clear layout for showcasing sample service prices.
Team Profiles: Space to introduce beauty professionals.
Contact & Booking Sections: Convenient ways for visitors to explore contact and booking information.
Responsive Design: Designed for browsing on desktop and mobile devices.
🎯 Project Goal
To demonstrate how thoughtful web design can help salons present their services, communicate their brand identity, and create a welcoming first impression for potential customers.
Project Type: Salon Website Design & Development Demo
Demo Website: https://masionbelleastheticbyubaidwebstudio.netlify.app/
Note: Maison Belle is a demonstration project created to showcase my web design and development skills. It is not a commissioned client project.
1
404
GoHighLevel Expert & CRM Automation Specialist
New to Contra
GoHighLevel Expert & CRM Automation Specialist
I designed and built a modern, high-performance portfolio website using Lovable, focused on creating a premium digital presence and a smooth user experience across desktop, tablet, and mobile devices.
The website features a modern SaaS-inspired visual style, responsive layouts, interactive project showcases, detailed case study modals, smooth scrolling, subtle animations, and a carefully structured content hierarchy. Every section was designed to clearly present services, technical expertise, integrations, and real client projects without making the interface feel overcrowded.
I also integrated EmailJS with the custom contact form, allowing website inquiries to be sent directly to my Gmail inbox in real time. The form includes structured project information, required field validation, project type selection, and a custom confirmation experience after successful submission.
Key features include:
• Modern SaaS-Inspired UI/UX
• Fully Responsive Website Design
• Interactive Project Case Studies
• Custom Modal & Popup Experiences
• Smooth Animations & Micro-Interactions
• EmailJS Integration
• Direct Gmail Inquiry Delivery
• Custom Contact Form & Validation
• Dynamic Project Type Selection
• Mobile & Desktop Optimization
• Conversion-Focused Content Structure
• Performance & User Experience Optimization
This project demonstrates my ability to use Lovable to build more than visually attractive pages. I create complete, functional web experiences by combining modern UI design, responsive development, third-party integrations, and business-focused functionality.
3
1
137
Complete SaaS Platform Build in GoHighLevel.
Built a complete white-label GoHighLevel SaaS platform with SaaS architecture, snapshot deployment, English & Swedish landing pages, websites, funnels, CRM, pipelines, lead tracking, forms, surveys, calendars, appointment booking, memberships, online courses, communities, webinars, product management, checkout pages, email marketing, newsletters, onboarding systems, affiliate infrastructure, reporting, team access, custom values, tags, workflow automations, lead nurturing, follow-ups, and internal notifications, creating a scalable end-to-end business ecosystem.
1
142
ScoreApp & GoHighLevel Lead Generation System.
Integrated ScoreApp with GoHighLevel to create a complete lead generation and automation system for a longevity and aesthetics business. The project included custom field mapping, lead capture synchronization, CRM setup, pipeline management, consultation booking, and automated workflows. Automations were built for quiz completion, personalized report delivery, lead recovery, follow-up sequences, appointment confirmations, reminders, and no-show management, ensuring every lead was captured, nurtured, and moved through the customer journey automatically.
0
118
Lassbo Waalan - Publishing Website, Online Store
Developed a complete GoHighLevel publishing and e-commerce system for a book publishing business. The project included a multi-page website, online bookstore, product and checkout setup, webinar registration, CRM configuration, lead capture forms, email marketing, newsletters and automation workflows. Advanced automations were implemented for lead nurturing, purchase follow-ups, abandoned checkout recovery, customer segmentation, and internal notifications, creating a seamless journey from visitor to customer.
0
138
Python Developer | ML, Data Science & Automation | Latex
New to Contra
Python Developer | ML, Data Science & Automation | Latex
Machine Learning Model Evaluation for Soft Biometric Prediction
Developed and evaluated machine learning models to predict physical characteristics from human gait data collected using inertial sensors. The project compares Random Forest Regression (RFR), XGBoost, Support Vector Regression (SVR), and Artificial Neural Networks (ANN) using engineered gait features.
To assess model generalization to unseen individuals, multiple subject-wise validation strategies were applied, including hold-out validation, 10-fold cross-validation, and Leave-One-Subject-Out (LOSO). Performance was evaluated using MAE, RMSE, and R², with visual comparisons of actual and predicted values.
The project demonstrates an end-to-end workflow for data preprocessing, feature engineering, predictive modelling, and systematic performance evaluation.
0
14
Data Analysis & Visualization with Python: Developed a Python-based data analysis workflow to transform raw datasets into meaningful insights through data cleaning, exploratory data analysis (EDA), statistical analysis, and visualization.
The workflow uses Python's data science libraries to organize datasets, identify patterns and trends, examine relationships between variables, and present findings through clear, informative charts and graphs. The goal is to make complex data easier to understand and support data-driven decision-making.
Key Features:
Data Cleaning & Preprocessing: Handle missing values, inconsistent entries, and data quality issues.
Exploratory Data Analysis: Investigate distributions, patterns, trends, and relationships within datasets.
Statistical Analysis: Calculate descriptive statistics and analyze correlations between variables.
Data Visualization: Create informative charts, graphs, and plots to communicate analytical findings.
Insight Generation: Summarize key observations in a clear and understandable format.
Reproducible Workflow: Use Python scripts and notebooks for transparent, repeatable analysis.
Technologies Used: Python · Pandas · NumPy · Matplotlib · Seaborn · SciPy
0
20
Developed a Python-based automation system that generates personalized exam bubble sheets in a single PDF file using student information stored in Excel.
The system reads each student's name, ID, section, exam date, and required sheet length from an Excel spreadsheet, then automatically populates a custom LaTeX exam template and compiles the output into a PDF document. Each student receives an individually personalized bubble sheet, with support for one-page exams containing up to 100 questions or two-page exams containing up to 200 questions.
The solution streamlines bulk exam preparation, reduces repetitive manual work, and ensures consistent formatting across all generated sheets.
Key Features:
Excel-based student data import
Automated LaTeX template population
Personalized bubble sheets for each student
Support for 100- and 200-question exams
Batch generation of a single multi-page PDF
Automated PDF compilation using Python
Technologies: Python, LaTeX, Pandas, Excel, pdflatex, PDF Automation.
0
21
SRTM DEM Visualization Tool – Python Desktop Application
Developed a Python-based desktop application for visualizing Shuttle Radar Topography Mission (SRTM) Digital Elevation Model (DEM) data. The application allows users to enter geographic coordinates (latitude and longitude), load the corresponding elevation data, and explore terrain through interactive 2D and 3D visualizations.
The tool presents a 3D terrain surface to examine landscape features and a 2D elevation map with contour details and elevation-based color mapping. It combines geospatial data processing, raster analysis, and scientific visualization within a user-friendly graphical interface.
Key Features:
- Coordinate-based terrain data selection
- 2D elevation mapping and contour visualization
- 3D terrain surface plotting
- Elevation-based color mapping
- Desktop GUI for convenient data exploration
Technologies: Python, SRTM DEM, geospatial data processing, Matplotlib, 2D/3D visualization, and GUI development.
0
23
Full Stack Developer
VELOUR is a luxury perfume-store concept featuring a cinematic 3D entrance: the camera approaches the boutique, the doors open, and visitors discover the fragrances inside.
The experience includes interactive perfume bottles, animated spray effects, a personalized scent quiz, product filtering, bottle-size selection, and a shopping bag. A complete demo checkout takes visitors through delivery details to an order-confirmation screen.
Built with HTML, CSS, JavaScript, and WebGL, with responsive layouts and motion controls. This is a frontend showcase; checkout does not process real payments or orders.
6
5
442
Introducing Aurelia 🍽️ my food delivery web app with a dark olive and gold design, smooth animations, and a responsive layout.
Built with React, Node.js, Express, and MongoDB, it features restaurant browsing, searchable menus, cuisine filters, and a shopping cart with a demo checkout.
I wanted the experience to feel as inviting as the food itself. Here’s a look at what I’ve been building!
What do you think of the design? ✨
2
1
152
My portfolio is live! ✨
I’m Arooj, a full-stack developer building responsive websites and web applications. My portfolio brings together projects like SafeSocial, Aurelia, and GymFlow, with a dark theme, soft pink accents, and interactive animations.
Take a look: https://arooj-portfolio-ivory.vercel.app
I’m available for freelance projects and collaborations. If you need a website or web app, let’s connect!
I’d love to hear your feedback on the design 💬
4
7
448
2D Animator & Motion Designer
