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
Mayfield Global School — Modern Educational Website
Designed and developed a premium, modern, and responsive website for Mayfield Global School, focused on showcasing the school's identity, campus, educational values, and admission information.
The website features a visually engaging hero section, elegant typography, a refined navy and gold color palette, interactive UI elements, and clear calls to action. The design aims to build trust with parents and visitors while presenting school information in a professional and accessible way.
Key Features
Premium homepage and hero section
School introduction and institutional information
Mission and vision presentation
Campus-focused visual design
Admission and enquiry call-to-action buttons
Responsive layouts for desktop, tablet, and mobile
Smooth animations and interactive visual elements
Reusable React components and consistent styling
My Role: Website UI Design and Frontend Development
Technologies: React.js, Tailwind CSS, JavaScript, Lucide React
Project Goal: To establish a professional digital presence for the school and make important information easy for parents and visitors to explore.
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
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.🔥
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
Sunrise Dental — Clinic Website with Online Booking
A landing page for a neighbourhood dental clinic, built around booking. Patients choose a treatment, pick a free slot and confirm in three steps, without calling. Prices are listed upfront, the hours show whether the clinic is open right now, and the layout works on any phone. Concept project.
showing whether the clinic is open right now is a really useful detail, and the prices upfront too. are you planning to take it to clinics directly?