AutoZen – Landing Page & Product Showcase Website
Project Overview
I collaborated with the AutoZen team to design and develop a modern, high-converting landing page that showcases the app's features and encourages users to download it from the Google Play Store. The goal was to create a clean, engaging, and mobile-friendly website that effectively communicates the app's value while increasing user acquisition and downloads.
The Challenge
The client needed a professional online presence that clearly demonstrated the benefits of the AutoZen app. Their previous promotional materials lacked visual appeal and failed to guide visitors toward installing the app.
Some of the key challenges included:
No dedicated, conversion-focused landing page.
Difficulty communicating the app's core features in a clear and engaging way.
Limited user engagement due to static content and weak visual hierarchy.
Poor mobile responsiveness, affecting users browsing on smartphones.
No strong call-to-action encouraging downloads.
Product screenshots were not presented in a visually compelling manner.
My Role
As the UI/UX designer and frontend developer, I was responsible for designing and building an engaging product showcase website that highlights AutoZen's capabilities while delivering an exceptional user experience.
What I Delivered
Designed a sleek, modern landing page with a clean dark-themed interface.
Created an immersive hero section introducing AutoZen as a smart driving companion.
Built interactive sections to showcase navigation, multimedia controls, launcher customisation, dark and light themes, and app features.
Integrated high-quality device mockups and smooth animations to present the app professionally.
Designed clear download call-to-action sections linking users directly to Google Play.
Implemented fully responsive layouts for desktop, tablet, and mobile devices.
Optimised page speed and performance for faster loading.
Applied SEO best practices to improve search visibility.
Added modern transitions and scroll animations to improve engagement.
The Solution
The new landing page transformed AutoZen's online presentation into a polished marketing platform. Instead of simply displaying screenshots, the website tells a visual story of the app's capabilities, making it easier for potential users to understand its benefits and encouraging them to install the application.
The clean layout, premium visuals, and strategic placement of calls to action guide visitors naturally through the product journey—from discovering key features to downloading the app.
Results
The redesigned landing page provided several business benefits:
Improved product presentation and brand credibility.
Better communication of key app features.
Increased visitor engagement through interactive animations and modern UI.
Higher conversion potential with strategically placed download buttons.
Faster loading performance and improved mobile usability.
A scalable website that supports future feature releases and marketing campaigns.
Technologies Used
HTML5
CSS3
JavaScript
React
Responsive Web Design
UI/UX Design
CSS Animations
Performance Optimisation
SEO Optimisation
Mobile-First Development
Google Play Integration
Modern Landing Page Development
0
1
Online Bookshop Website – E-commerce Platform
Project Overview
I partnered with a growing book retailer to design and develop a modern e-commerce website that made it easier for readers to discover, purchase, and enjoy books online. The objective was to create an engaging digital bookstore that offered a smooth shopping experience while helping the brand increase online sales and customer retention.
The Challenge
The client's previous website presented several obstacles that affected both customer satisfaction and business growth:
The website had an outdated design that failed to capture the attention of visitors.
Books were poorly organised, making it difficult for customers to browse by genre, author, or category.
The search functionality was limited, making it hard to find specific titles.
Product pages lacked detailed descriptions, reviews, and recommendations.
The checkout process was slow and confusing, resulting in abandoned purchases.
The website was not optimised for mobile devices, leading to a poor user experience.
Slow page loading and weak SEO performance reduced organic traffic and visibility.
My Role
As the web designer and developer, I was responsible for redesigning the platform, improving usability, and building a scalable e-commerce solution tailored to the client's business goals.
What I Delivered
Designed a clean, modern, and visually engaging online bookstore.
Built a fully responsive website that delivers a seamless experience across desktop, tablet, and mobile devices.
Organised books into intuitive categories such as Fiction, Non-Fiction, Business, Self-Help, Children's Books, Academic, and Best Sellers.
Implemented advanced search and filtering by title, author, genre, language, price, and publication date.
Created detailed book pages featuring cover images, descriptions, author information, ratings, customer reviews, and related books.
Developed a secure shopping cart and streamlined checkout process to improve conversions.
Added customer accounts, wishlists, order tracking, and personalised book recommendations.
Integrated secure payment gateways and newsletter subscriptions.
Optimised website speed through image compression, lazy loading, and performance enhancements.
Applied SEO best practices to improve search engine visibility and attract more organic traffic.
The Solution
The new website transformed the client's online presence into a professional, user-friendly digital bookstore. Visitors can now easily browse thousands of books, discover personalised recommendations, and complete purchases quickly and securely. The improved navigation, responsive design, and enhanced search functionality significantly elevated the overall shopping experience.
Results
The redesigned platform delivered measurable improvements for the business:
Improved user engagement through a cleaner and more intuitive interface.
Faster product discovery with advanced search and category filters.
Increased customer confidence with detailed book information and reviews.
Enhanced mobile shopping experience across all devices.
Faster loading speeds and stronger SEO performance.
Reduced cart abandonment through a simplified checkout process.
A scalable e-commerce platform ready to support future growth and expanding book collections.
Technologies Used
HTML5
CSS3
JavaScript
React
Responsive Web Design
E-commerce Development
Stripe & PayPal Integration
Supabase/Firebase
SEO Optimisation
Performance Optimisation
REST API Integration
Modern UI/UX Design
0
9
PRESTIGE – Luxury Car Dealership Website
Project Overview
PRESTIGE is a premium automotive dealership specializing in luxury, performance, and executive vehicles. The company wanted a modern digital platform that would showcase its inventory, simplify the buying process, and build trust with customers looking for high-end vehicles online.
The Challenge
Before the redesign, PRESTIGE faced several business and user experience challenges:
The existing website had an outdated design that didn't reflect the premium quality of the vehicles.
Vehicle listings were difficult to browse due to poor navigation and limited filtering options.
Customers couldn't easily compare different models or explore detailed specifications.
The website lacked an online test drive booking system, leading to missed sales opportunities.
Slow loading pages and poor mobile responsiveness created a frustrating user experience.
Financing information and trade-in services were not clearly presented, resulting in frequent customer enquiries.
The website had weak SEO foundations, limiting its visibility in search engine results.
My Role
As the lead web designer and developer, I was responsible for redesigning the entire website and creating a high-performance automotive platform that improves customer engagement while supporting the dealership's sales process.
What I Delivered
Designed a luxury-inspired user interface with a modern black, white, and gold colour scheme that reflects the PRESTIGE brand.
Built a fully responsive website optimised for desktop, tablet, and mobile devices.
Created an advanced vehicle inventory system with filters for make, model, year, body type, fuel type, transmission, mileage, and price.
Developed detailed vehicle pages featuring high-resolution image galleries, specifications, financing options, customer enquiries, and test drive booking.
Implemented vehicle comparison and wishlist functionality to help customers make informed buying decisions.
Designed dedicated sections for featured vehicles, luxury collections, electric vehicles, and seasonal promotions.
Integrated online finance enquiry forms, trade-in valuation requests, and contact forms to generate qualified leads.
Optimised the website for speed through image compression, lazy loading, and efficient code structure.
Applied SEO best practices to improve search engine rankings and increase organic traffic.
Added trust-building features including customer testimonials, dealership certifications, secure enquiry forms, and clear financing information.
The Solution
The redesigned PRESTIGE website delivers a premium digital experience that mirrors the quality of the dealership's vehicles. Visitors can quickly search inventory, compare models, book test drives, request financing, and contact the sales team through an intuitive and visually engaging interface.
Every aspect of the website was designed to reduce friction in the customer journey, making it easier for potential buyers to find the right vehicle and take the next step toward a purchase.
Results
The completed platform provided significant improvements, including:
A more premium and professional online brand presence.
Faster vehicle discovery through advanced search and filtering.
Improved mobile usability across all devices.
Higher customer engagement with interactive vehicle pages.
Increased lead generation through finance enquiries and test drive bookings.
Better website performance and faster loading times.
Stronger SEO foundation for improved online visibility.
A scalable platform ready for future inventory growth and feature expansion.
Technologies Used
React
HTML5
CSS3
JavaScript (ES6+)
Tailwind CSS
Responsive Web Design
API Integration
Supabase
Stripe Integration
PayPal Integration
SEO Optimisation
Performance Optimisation
Google Maps Integration
Form Validation
Lazy Loading
Git & GitHub
Modern UI/UX Design
Cross-Browser Compatibility
0
15
DANNY Footwear – Premium E-commerce Website
Project Overview
DANNY is a modern footwear brand looking to establish a strong online presence and provide customers with a seamless shopping experience. The goal was to create a premium e-commerce website that reflects the brand's identity while making it easy for customers to browse, purchase, and interact with the brand across all devices.
The Challenge
Before the redesign, DANNY faced several challenges:
The existing website looked outdated and lacked a premium appearance.
Customers found it difficult to navigate between different shoe categories.
Product pages contained limited information, leading to lower customer confidence.
The checkout process was lengthy and resulted in abandoned carts.
The website was not fully responsive, creating a poor experience on mobile devices.
Slow loading speeds affected user engagement and SEO performance.
There was no effective way to showcase new arrivals, best sellers, or seasonal promotions.
My Role
As the web designer and developer, I was responsible for planning, designing, and building a complete e-commerce solution that improved both the customer experience and business performance.
What I Delivered
Designed a modern, luxury-inspired user interface that aligns with the DANNY brand.
Built a fully responsive website optimised for desktop, tablet, and mobile devices.
Organised products into intuitive categories, including Sneakers, Running Shoes, Boots, Formal Shoes, Sandals, and Kids' Collection.
Developed visually engaging product pages with multiple images, size and colour selection, customer reviews, pricing, and related products.
Created an easy-to-use shopping cart and streamlined checkout process to reduce friction during purchases.
Integrated wishlist functionality, advanced search, and product filtering by category, size, price, and colour.
Designed promotional sections for featured products, new arrivals, seasonal sales, and best-selling collections.
Improved page speed through image optimisation, lazy loading, and clean code implementation.
Applied SEO best practices, including semantic page structure, metadata, and performance optimisation to improve search visibility.
Added newsletter signup, customer testimonials, and trust-building features such as secure payment icons, free shipping, and easy returns.
The Solution
The website was completely transformed into a fast, visually appealing, and user-friendly shopping platform. Every page was designed with the customer journey in mind, making it simple to discover products, compare options, and complete purchases with confidence.
The responsive design ensures a consistent experience across all devices, while modern animations and premium visuals reinforce the brand's high-quality image.
Results
The new DANNY website delivered measurable improvements:
Enhanced user experience with intuitive navigation and faster product discovery.
Increased customer engagement through attractive product presentation and promotional content.
Improved mobile usability across all screen sizes.
Faster page loading times and stronger SEO foundations.
Reduced checkout friction, helping improve conversion rates.
A premium online shopping experience that strengthens customer trust and supports long-term brand growth.
Technologies Used
HTML5
CSS3
JavaScript
React
Responsive Design
E-commerce Integration
Stripe/PayPal Ready
SEO Optimisation
Performance Optimisation
Modern UI/UX Design
0
27
Perfume E-Commerce Website Development
I designed and developed a modern, responsive perfume e-commerce website to help perfume businesses build a stronger online presence, showcase their products professionally, and make it easier for customers to discover and purchase their favourite fragrances.
Problems I Helped Solve
Many perfume businesses rely heavily on social media, WhatsApp, or third-party platforms to sell their products. This can make it difficult for customers to:
Easily browse the complete perfume collection
Find product information and prices
Search for specific fragrances
Compare different products
Place orders conveniently
Learn more about the brand
Trust the business as a professional brand
Access products from one organised platform
The website solves these challenges by providing a dedicated online store where customers can explore products, view detailed information, and complete their shopping journey in one place.
Key Features & Functionality
Product Catalogue Beautiful product listings
High-quality perfume images
Product names, descriptions, prices, and categories
Product availability/status
Featured and bestselling products
Product variants where required
Product Search & Filtering
Search products by name
Filter by category
Filter by price
Sort products by price, popularity, or newest arrivals
Easy navigation through the perfume collection
Product Details
Each perfume has its own detailed product page containing:
Product images
Product name
Price
Description
Fragrance details
Available sizes/variants
Stock availability
Add-to-cart functionality
Related/recommended products
Shopping Cart
Customers can:
Add products to their cart
Remove products
Increase or decrease quantities
View their order summary
See the total cost before checkout
Checkout System
The website provides a smooth checkout experience where customers can enter their:
Name
Email
Phone number
Delivery address
Order details
Payment functionality can also be integrated using suitable payment providers depending on the client's location and business requirements.
Order Management
The system can help the business manage:
New orders
Customer information
Order details
Payment status
Order status
Completed and cancelled orders
Customer Accounts
Customers can create accounts and securely log in to:
View their orders
Manage their profile
Save their information
Track their purchases
Return to previously viewed products
Wishlist
Customers can save perfumes they are interested in and return to them later instead of searching for the products again.
Fully Responsive Design
The website is designed to work smoothly across:
Mobile phones
Tablets
Laptops
Desktop computers
This gives customers a consistent shopping experience regardless of the device they use.
Brand-Focused Design
I can customise the website around the perfume brand's:
Logo
Brand colours
Typography
Product photography
Visual identity
Overall luxury/beauty aesthetic
The goal is to make the website feel like a real extension of the brand rather than a generic online store.
Contact & Customer Support
The website can include:
Contact forms
Business email
Social media links
WhatsApp integration
Customer enquiry options
Frequently Asked Questions (FAQ)
This makes it easier for customers to ask questions before purchasing.
Social Media Integration
The website can connect the business's social platforms, allowing customers to move easily between the website and platforms such as Instagram, TikTok, and Facebook.
Performance & User Experience
I focus on creating a website that is:
Fast-loading
Easy to navigate
Mobile-friendly
Clean and modern
Simple for customers to use
Optimised for a smooth shopping experience
Security & Reliability
The website can include secure authentication, protected customer information, secure API communication, and other appropriate security measures to help protect the business and its customers.
API & Third-Party Integrations
As a full-stack developer, I can integrate APIs and third-party services required by the business, including:
Payment gateways
Shipping/delivery services
Email services
WhatsApp
Social media services
Analytics
Maps/location services
Customer communication tools
Admin Dashboard
An admin dashboard can be included to give the business owner control over the website without needing technical knowledge.
The owner can manage:
Products
Categories
Prices
Product images
Inventory
Orders
Customers
Discounts
Featured products
Website content
SEO & Online Visibility
I can also structure the website with SEO in mind, including:
Search-friendly page structure
Product metadata
Optimised headings
Descriptive product content
Mobile optimisation
Search-engine-friendly URLs
This helps the business establish a stronger online presence and gives potential customers another way to discover the brand.
Overall Goal
The goal of the project is to transform the perfume business from simply selling through social media or third-party platforms into a more professional and independent online brand.
The website gives customers a convenient place to discover perfumes, learn about products, shop online, and connect with the business while giving the owner a central platform to manage and grow their online store.