Marocana - Shopify Custom Theme Development
A custom Shopify theme I developed for Marocana, built to deliver a unique, high-converting online store tailored to the brand's identity. The theme features a clean, responsive design with custom product, collection, and checkout layouts optimized for a smooth shopping experience. Built with fast load times, SEO best practices, and seamless integration of Shopify apps and payment gateways. Delivered a polished, easy-to-manage store that stands out and is ready to sell.
Tags: Shopify, Custom Theme Development, E-commerce Development, Liquid, Responsive Design, Frontend Development, Store Customization, SEO Optimization, UI/UX Design
1
119
I made a chrome browser extension called JSONify for my client.
JSONify is a Chrome extension that addresses a significant issue for Squarespace users: your site lacks the structured information… With one click, JSONify creates this missing data and lets you copy it for use elsewhere. This helps search engines better categorize your site and can improve how you show up in search results and AI-powered searches. Perfect for Squarespace users who want their sites to be properly understood by search engines and AI—no coding required.
28
233
Built and deployed a fully custom coded website for PestoSafePestControl Services (UAE) using HTML, CSS, and JavaScriptand PHP. Includes Home, About us, service page, gallery, blog, and booking section with Admin panel. Handled complete deployment, SEO setup, and Google Search Console integration.
Live at pestosafepestcontrol.ae (http://pestosafepestcontrol.ae)
0
102
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
387
Looking for a high-performance website that stands out? 🚀
I specialize in crafting custom web experiences that combine pixel-perfect designs with powerful optimization. Whether you need a fresh landing page, an E-commerce build, or technical SEO improvements, I've got you covered! 💻⚡
Here’s what I can do for your business:
✅ Full-Stack Website Design & Development
✅ Custom WordPress & E-Commerce Integration
✅ Performance & Search Engine Optimization (SEO)
✅ High-Converting Landing Page Designs
Let's build your online identity together. Drop a comment or send a message right here on Contra to discuss your next project! ✨
#webdevelopment #wordpress #seo #ecommerce #fullstack #freelancing
1
61
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
StreamPro — Brand Website for a Live Event Broadcasting Studio
Live Website: saif-stream-pro-website.netlify.app (http://saif-stream-pro-website.netlify.app)
What I built😍
A fully responsive, mobile and web based single-page marketing website for StreamPro, a Brisbane-based live-streaming production studio that broadcasts memorial services, weddings, sports events, and community occasions. The site was designed and developed from scratch to establish a premium, trustworthy brand presence and convert visitors into booking inquiries — working seamlessly whether accessed from a phone, tablet, or desktop.
What it does🙌
The website guides visitors through a structured narrative — introducing the brand, building credibility, showcasing services, explaining the booking process, displaying social proof, and closing with a direct contact/quote form. It's built to load fast, adapt fluidly across mobile and web based environments, and feel as polished and reliable as the broadcast service it's selling.
Core concepts & techniques applied💯
Semantic document structure — content organized into meaningful, accessible sections rather than generic divs, improving both SEO and screen-reader usability.
Design system / design tokens — a centralized set of reusable variables (colors, gradients, typography, spacing) so the entire visual identity stays consistent and can be updated globally from one place.
Responsive, mobile-first layout design — fluid grids and breakpoints so the layout adapts smoothly across mobile and web based screens without needing separate versions.
Scroll-based interactivity — dynamic navbar states, scrollspy navigation (highlighting the active section as the user scrolls), and progressive scroll-reveal animations for content.
DOM manipulation & event handling — mobile menu toggling, animated statistic counters, and form interaction logic, all built with vanilla JavaScript (no frameworks).
Accessibility considerations — visible focus states, reduced-motion support for users sensitive to animation, and descriptive alt text on all imagery.
Brand identity integration — a custom 3D gradient logo mark and supporting visual graphics applied consistently across the navigation, hero section, and footer to reinforce brand recognition.
Conversion-focused UX — strategic placement of trust signals (stats, testimonials, direct phone contact) and a structured lead-capture form to turn visitors into inquiries.
Outcome🚀
A performant, framework-free static website that's lightweight, cheap to host, easy to maintain, fully mobile and web based responsive, and built entirely around fundamental web development principles — structure, styling systems, interactivity, accessibility, and conversion design.
0
216
Interactive Media Slider & Responsive Card Layout
This project is a dynamic frontend web interface featuring a custom-built image slider and responsive content cards. The slider includes smooth navigation controls and clean UI styling, while the card section presents categorized content with clear call-to-action buttons.
The focus of this project was:
Implementing JavaScript-based slider functionality
Creating responsive layout using modern CSS
Designing clean card components with hover effects
Improving spacing, alignment, and visual hierarchy
Enhancing user interaction with navigation controls
1
45