Gutstring — Early Access Landing Page
My client Temi was launching a new platform called Gutstring and needed a clean landing page to collect early access signups before the official launch.
The goal was simple - one page, one action. Users land on the page, click a button, enter their email and get confirmation. No distractions, no extra pages.
The main challenge was the backend setup. The client wanted emails saved automatically and a thank you email sent instantly to every person who signed up, all without paying for any monthly tools or subscriptions.
On the design side, the interaction needed to feel smooth and intentional. When a user clicks the Register Early button, it doesn't navigate to a new page - instead it animates and transforms directly into an email input field. Once they submit, the form fades out and a confirmation message appears on screen with a clean fade up animation. The whole experience feels seamless with no page refresh at any point.
I solved the backend by building everything with Google Apps Script - completely free. When someone submits their email, it automatically saves to the client's Google Sheet and triggers a thank you email from their own email address. No Zapier, no Mailchimp, no extra costs.
The result is a smooth, branded landing page with polished animations, instant success confirmation, and a fully automated backend that the client owns and controls entirely.
1
109
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
389
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
443
![Cover image for [https://coffeechatboot.netlify.app/ demo link]
AI Coffee](https://media.contra.com/image/upload/q_auto:good,w_800/rdiqgvt3d5goq27qzt64.avif)
[https://coffeechatboot.netlify.app/ demo link]
AI Coffee Shop Chatbot — Smart Customer Experience
Developed a modern coffee shop website featuring an AI-powered chatbot designed to improve customer interaction and make coffee shop information easily accessible.
The project combines an attractive coffee-themed interface with an intelligent conversational experience, allowing users to interact with the chatbot and explore coffee shop offerings through a simple, user-friendly interface.
Key Features
AI-powered conversational chatbot
Interactive chat interface
Coffee shop menu and product information
Automated responses to customer questions
User-friendly website design
Modern, responsive interface
AI integration for an enhanced customer experience
Project Type: AI Chatbot & Web Development
Focus Areas: Conversational AI, Chatbot Integration, Front-End Development, User Experience Design
0
15
Developed a CRM system for a diagnostic laboratory that streamlines online home sample collection. The platform allows customers to book home sampling appointments, assigns phlebotomists for sample collection, manages test requests, tracks reports, and simplifies the entire laboratory workflow through a centralized dashboard.
0
65
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
409
GymFlow is a responsive gym website that brings membership plans, trainer profiles, and fitness tools together in a polished, easy-to-navigate interface.
The website features a landing page, membership plans section, professional trainers page, statistics dashboard, BMI calculator, and admin panel. Its glassmorphism styling and responsive layouts create a consistent experience across desktop and mobile devices.
Built with HTML5, CSS3, JavaScript, and Node.js.
1
113
![Cover image for [ https://aurliaecomrce.netlify.app/ demo link ]
AURELIA](https://media.contra.com/image/upload/q_auto:good,w_800/xaa8eabjvy5thstdslhz.avif)
[ https://aurliaecomrce.netlify.app/ demo link ]
AURELIA — Modern Fashion & E-Commerce Website
Designed a premium fashion e-commerce website for AURELIA, featuring an elegant and modern interface with a sophisticated black, white, and gold color palette.
The website showcases a complete online shopping experience, including a promotional hero banner, product categories, featured product listings, shopping deals, brand information, customer testimonials, newsletter subscription, and a contact section.
Key Features
Modern and responsive e-commerce UI design
Fashion, accessories, and electronics product categories
Featured products with pricing and ratings
Promotional banners and seasonal sales sections
Brand story and customer testimonials
Newsletter subscription and contact form
Elegant typography and premium visual styling
Tools & Technologies: HTML, CSS, JavaScript, Responsive Web Design
Project Type: Fashion E-Commerce Website Design
0
23
Iron Core Fitness — Modern Gym Website Design 💪
A bold, modern gym website concept designed to showcase how a fitness business can build a strong and professional online presence.
Created by Ubaid Web Studio, this project combines a powerful dark theme, vibrant lime-green accents, and bold typography to deliver a fitness-focused visual experience.
Key Features
Bold Visual Design: A striking gym-inspired look with modern typography and colors.
Membership Plans: Clear presentation of membership options and pricing.
Fitness Programs: Dedicated sections to showcase training programs and services.
Trainer Profiles: Sections introducing trainers and their expertise.
Class Schedule: A structured view of fitness classes and timings.
Responsive Layout: Designed for a smooth browsing experience on desktop and mobile.
Contact & Join Sections: Clear pathways for visitors to explore membership and contact the gym.
Project Goal
To demonstrate how a well-designed website can help gyms present their services, communicate their brand, and make important information easier for potential members to find.
Project Type: Gym Website Design & Development Demo
Demo Website: https://ironcorefitness2.netlify.app/
Note: Iron Core Fitness is a demonstration project created to showcase my web design and development skills. It is not a commissioned client project.
1
275