Freelancers using HTML5 in Pakistan

Freelancers using HTML5 in PakistanFreelancers using HTML5 in Pakistan

Projects People

30+ Apps Shipped | Flutter, Angular & ASP.NET

$100k+: Earned

7x: Hired

5.0: Rating

45: Followers

30+ Apps Shipped | Flutter, Angular & ASP.NET

Cover image for Digital Financial Services Platform - Trade X Capital

Digital Financial Services Platform - Trade X Capital

1

17

Cover image for 📌 Case Study: PolySwap (PoliexSwap)

📌 Case Study: PolySwap (PoliexSwap) — Decentralized AMM & Yield Farming on Polygon Category: DeFi · Decentralized Exchange · Web3 Platform: Web (Polygon Network) Project Type: Automated Market Maker (AMM) & Yield Farming Protocol Live: polyswap.netlify.app (http://polyswap.netlify.app) Project Overview PolySwap (https://polyswap.netlify.app) — built as PoliexSwap — is a decentralized exchange and high-yield farming protocol deployed on the Polygon network. It gives users the ability to swap tokens, provide liquidity, and earn yield on their assets directly from a non-custodial Web3 interface, without intermediaries and without leaving their wallets. Built by Cuboid, it sits in the same product category as PancakeSwap on BSC — but positioned specifically for Polygon's faster, lower-cost infrastructure. The Problem Ethereum's gas fees made DeFi participation prohibitively expensive for smaller investors. Binance Smart Chain addressed the cost problem but introduced centralization trade-offs many users weren't comfortable with. Polygon emerged as a legitimate Layer 2 alternative — fast, cheap, and EVM-compatible — but lacked a native, fully-featured AMM and yield farming platform at the time. The opportunity was clear: a first-mover DEX on Polygon that combined token swapping, liquidity provision, and high-yield farming in a single, clean interface built for the Polygon-native user. Our Solution Cuboid designed and developed the full PolySwap platform — smart contract integration, liquidity pool architecture, yield farming interface, and wallet connectivity — on Polygon's EVM-compatible chain. The interface was modeled on the established DEX UX patterns users already knew from Uniswap and PancakeSwap, lowering the barrier to entry while delivering Polygon's speed and cost advantages underneath. The platform was built to be genuinely non-custodial throughout — users connect their own wallets, execute swaps and deposits directly on-chain, and retain full control of their assets at every step. Key Features & Capabilities Token Swapping (AMM) — An automated market maker enabling direct token-to-token swaps on Polygon without order books, central servers, or custodial risk. Pricing is determined algorithmically by liquidity pool ratios, ensuring continuous liquidity at all times. Liquidity Provision — Users deposit token pairs into liquidity pools and earn a share of all swap fees generated by that pool — passive yield tied directly to platform trading volume rather than speculative token price. High-Yield Farming — Liquidity providers receive LP tokens representing their pool share, which can be staked in farming contracts to earn additional protocol rewards on top of swap fees. The dual-layer yield model — fees plus farming rewards — was positioned as the platform's primary value proposition for capital deployment on Polygon. Non-Custodial & Permissionless — No sign-up, no KYC, no custody. Users connect a compatible Web3 wallet and interact with smart contracts directly. Any Polygon-compatible token pair can be added as a liquidity pool without platform approval. Polygon-Native Performance — Transactions settle in seconds at a fraction of Ethereum mainnet gas costs, making frequent farming interactions and compounding strategies economically viable for users of any portfolio size. Why Polygon The decision to build on Polygon rather than Ethereum mainnet or BSC was deliberate. Polygon's EVM compatibility meant existing Ethereum tooling, wallets, and token standards worked without modification. Its transaction costs and speed made high-frequency DeFi interactions — swaps, deposits, harvest cycles — practical for retail users, not just whales. Positioning PolySwap as the first high-yield AMM on Polygon was a first-mover bet on a network that has since grown into one of the most active EVM chains in DeFi. Final Outcome PolySwap demonstrates Cuboid's capability across the full DeFi product stack — AMM smart contract integration, liquidity pool architecture, yield farming mechanics, and a consumer-grade Web3 interface built for a specific chain's competitive advantage. It's a project that required both technical precision and an understanding of how DeFi users think about capital, risk, and yield.

0

191

Cover image for 📌 Case Study: NFT Gaming

📌 Case Study: NFT Gaming Stars — Play-to-Earn Blockchain Gaming Platform Category: Web3 · GameFi · NFT & Metaverse Platform: Web (Binance Smart Chain) · iOS & Android (in development) Project Type: Decentralized Play-to-Earn Gaming Ecosystem Live: nftgamingstars.com (http://nftgamingstars.com) Project Overview NFT Gaming Stars (https://nftgamingstars.com) is a Binance Smart Chain-based Play-to-Earn gaming ecosystem that unites NFTs, decentralized gaming, staking, and a metaverse layer under a single platform. Its native token — GS1 — serves as the currency of the entire ecosystem, powering in-game earnings, NFT purchases, staking rewards, and wallet-to-wallet trading. Built by Cuboid, the platform was designed to sit at the intersection of GameFi and the broader Web3 movement at a time when that space was defining its own rules. The Problem The convergence of blockchain and gaming presented a genuine opportunity — but most early Play-to-Earn platforms prioritized tokenomics over user experience, producing platforms that felt transactional and inaccessible to anyone who wasn't already deep in crypto. The result was an ecosystem that talked about fun but delivered a spreadsheet. NFT Gaming Stars needed a platform that could attract both crypto-native users and mainstream gamers — one that delivered real earning mechanics without sacrificing the experience quality that keeps people playing. Our Solution Cuboid built the full web platform and DApp infrastructure for NFT Gaming Stars on Binance Smart Chain — handling smart contract integration, the marketplace UI, staking interface, wallet connectivity, and the P2E game environment. The platform went live with a complete ecosystem from day one: token purchase, NFT minting, staking at up to 60% APY, and an operational Play-to-Earn game accessible directly from the browser. The architecture was built around a customizable API layer to support transaction handling at scale, with decentralization and cryptographic security embedded at the infrastructure level — not bolted on as an afterthought. Key Features & Capabilities GS1 Token Ecosystem — A fixed supply of 250 million GS1 tokens with liquidity locked until 2033. GS1 functions as the platform's medium of exchange across games, NFT purchases, staking, and wallet-to-wallet trading — designed for multi-utility across the entire Stars Network rather than single-game use. Play-to-Earn Games — Browser-based P2E games where players earn GS1 by playing, with NFT holders earning passive GS1 as the ecosystem expands into metaverse interactions. The first game, Battle Leet, launched as a proof-of-concept with a mobile app roadmap following behind. NFT Marketplace — A limited edition of 1,000 NFTs available for purchase on-platform, covering in-game assets including skins, weapons, land, and aesthetic upgrades. Every asset is verifiable, traceable, and immutable on-chain. Staking — Users stake GS1 directly on the platform for APY rewards, creating a holding incentive beyond active gameplay and supporting long-term token stability. Walk-to-Earn Integration — A Walk2Earn application concept integrating AR and AI — rewarding physical activity with GS1 earnings, extending the platform's utility beyond screen-based gaming entirely. Decentralized Exchange Layer — Direct crypto wallet trading with support for GS1, BNB, and other BSC assets. No central authority, no custody risk — users trade directly from their own wallets throughout. MetaStars — Metaverse Expansion — The platform roadmap includes MetaStars, a full metaverse environment where NFT holders interact with assets in an immersive virtual world, with multiplayer game development including a chess variant running in parallel. Community & Traction NFT Gaming Stars launched with a 34,000-follower Twitter community, airdrop campaigns distributing over $20,000 in GS1 and 32 NFTs, and listings across major crypto data platforms including CoinMarketCap and Bitget. The project's audit was handled by SolidProof, and KYC verification was processed through the same trust infrastructure used by established BSC projects. Final Outcome NFT Gaming Stars demonstrates Cuboid's capability in full-stack Web3 product development — smart contract integration, decentralized exchange infrastructure, NFT marketplace architecture, and P2E game environments — delivered for a live, token-listed, community-backed project operating on Binance Smart Chain.

0

193

Cover image for 📌 Case Study: Candlestick Academy

📌 Case Study: Candlestick Academy — Trading Chart Pattern Mastery App Category: Education · Finance & Trading Platform: iOS & iPadOS (iPhone, iPad, Mac via Apple Silicon, Apple Vision Pro) Project Type: Gamified Financial Education App Live: candlestick-academy.web.app (http://candlestick-academy.web.app) · App Store (https://apps.apple.com/pk/app/candlestick-academy/id6763744872) Project Overview Candlestick Academy (https://candlestick-academy.web.app) is a trading education app that teaches all 28 essential candlestick patterns through cinematic storytelling, live market simulation, and competitive battle modes. The positioning says it best: Bloomberg Terminal meets Duolingo. Built and published by Cuboid, it's a fully offline, no-subscription, no-ads product built for traders who are serious about developing real pattern recognition — not just memorizing definitions. The Problem Candlestick chart patterns are fundamental to technical trading, but the way they're typically taught — textbooks, static images, dry definitions — doesn't build the instinctive recognition that actually matters when markets are moving in real time. Traders end up knowing what a Hammer looks like on paper but freezing when they see one forming tick by tick on a live chart. Existing trading education apps either oversimplified the material for beginners or buried it in subscription paywalls and generic content libraries. There was no product that combined the depth of professional trading education with the engagement mechanics needed to make the learning actually stick. Our Solution Candlestick Academy was built around one premise: recognition is a skill, not a fact. The app develops that skill through three distinct learning modes — each targeting a different stage of pattern mastery — tied together with a gamified progression system that keeps traders coming back daily. The entire app runs offline, with no subscription and no ads. The product earns its place through quality, not lock-in. Key Features & Capabilities Live Market Simulator — A dark, terminal-style interface with tick-by-tick candle formation that mimics a real trading screen. Users watch patterns develop in real time, identify them, tap "SIGNAL!", and earn or lose ELO rating based on accuracy. Progression runs from Rookie to Pro, with each rank requiring genuine improvement. Story-Driven Pattern Learning — All 28 patterns are taught through market psychology narratives — the human stories behind why bulls and bears create each formation. A Doji isn't just a cross-shaped candle; it's a moment of genuine indecision between two forces with equal conviction. That framing makes patterns memorable in a way that definitions never do. Spaced Repetition Engine — Powered by the SM-2 algorithm, the same system used by serious language learners. The app schedules review of each pattern at the optimal moment for long-term retention, not just short-term recall. Adaptive Drills — The system identifies weak spots in a user's pattern recognition and rebuilds every 10-question session around those specific gaps. No two sessions are identical. Anatomy Drills — Users tap individual parts of a candlestick — wicks, bodies, shadows — and the app explains exactly what that price movement represents at that moment in market psychology. It teaches traders to read candles, not just recognise them. Pattern Matchup — Long-press any two patterns to see a side-by-side comparison of their visual structure and psychological sentiment. Particularly useful for distinguishing similar-looking patterns that signal opposite market moves. Battle Mode — Timed competitive sessions with a ×4 combo multiplier for streak accuracy. Fast pattern recognition under pressure is the specific skill that separates traders who hesitate from traders who act. Mastery Constellation — Progress is visualised as a growing galaxy of stars — each pattern mastered adds a star to the user's constellation. It's a visual representation of accumulated knowledge, not just a progress bar. Daily Challenges — A curated 5-question set each morning to maintain active recall and keep streaks alive without requiring long sessions. 63 Automated Tests — Every pattern in the app is validated against 63 automated tests to ensure mathematical correctness. In a domain where accuracy is non-negotiable, this isn't a feature — it's a baseline. Design Philosophy The visual language is deliberately terminal-dark — professional, focused, and built to look credible on a trading desk rather than playful in a gaming context. The gamification layer (ELO, battle mode, constellation, streaks) is present and engaging but never trivializes the subject matter. The product respects the user's intelligence throughout. Final Outcome Candlestick Academy demonstrates Cuboid's ability to build sophisticated educational products at the intersection of fintech and consumer mobile — combining rigorous content, adaptive learning algorithms, live simulation, and professional-grade design. It's a product that competes with established trading education platforms on every dimension that matters to a serious trader.

0

208

maxLahore, Pakistan

Full-stack Engineer 9+ years of experience building websites

$100k+: Earned

2x: Hired

10: Followers

Full-stack Engineer 9+ years of experience building websites

Cover image for Fullstack Developer for Laravel Website Maintenance and Upgrades

Fullstack Developer for Laravel Website Maintenance and Upgrades

0

6

Cover image for Bride Tribe Advance Booking

Bride Tribe Advance Booking

0

1

Cover image for Kreativlogics

0

1

Cover image for CodeConnect

0

2

Suheer Ghazyani

proKarachi, Pakistan

Senior WordPress & Shopify Developer | CMS Website Expert

13: Followers

Senior WordPress & Shopify Developer | CMS Website Expert

Cover image for Tanta Chicago; https://www.tantachicago.com/ was built

Tanta Chicago; https://www.tantachicago.com/ was built with a very different intention from a performance product site, but the same principle at its core: clarity, emotion, and a smooth path from curiosity to action. Where KALA focused on precision and science, Tanta is about atmosphere, culture, and appetite. The website was designed to feel like an extension of the restaurant itself, warm, expressive, and inviting, while still staying clean enough that users never get lost. The experience centers around one idea: when someone lands on the site, they should almost be able to “taste” what Tanta offers before they even book a table. • A visually rich layout that highlights Peruvian cuisine, cocktails, and the restaurant’s energetic dining experience without feeling cluttered • A storytelling-driven structure that blends food, culture, and hospitality, giving users a sense of place, not just a menu • Clear pathways to action, making reservations and menu exploration feel effortless rather than forced • Thoughtful use of imagery and spacing to let dishes and ambiance breathe, instead of overwhelming the user with too much at once • A mobile first experience designed for real restaurant behavior, quick browsing, fast decisions, and easy booking on the go • A design tone that reflects Tanta’s identity: vibrant, social, and rooted in authentic Peruvian dining culture Overall, the goal was to translate the energy of a busy, high quality restaurant into a digital experience that feels alive but controlled, inviting users in, building appetite, and making the decision to visit feel natural rather than transactional. If KALA is about performance and precision, then Tanta is about emotion and experience, both designed with the same discipline, just expressed differently.

1

242

Cover image for This project; https://kalaredlight.com/en-intl, was designed

This project; https://kalaredlight.com/en-intl, was designed around a simple idea: Because it's obvious that athletes don’t want complexity they want clarity, trust, and something that feels engineered for performance. The website for KALA Red Light was built to reflect that mindset through a clean, focused, and conversion driven experience. • A structured layout that presents products and benefits without noise, making it easy for athletes and practitioners to understand what the technology does • A clear product storytelling flow that connects light therapy science with real performance and recovery outcomes • Strong visual hierarchy that highlights the product, its application, and its credibility without overwhelming the user • Smooth, frictionless navigation designed to help users quickly move between education, use cases, and product details • A performance optimized interface that ensures fast loading and seamless browsing across all devices, especially for mobile users • A design approach rooted in precision, recovery, and high performance aesthetics, reflecting the science behind red light therapy The overall goal was to create a digital experience that feels focused and intentional, where athletes can instantly understand value, build confidence in the product, and move naturally from curiosity to trust without distraction. If you're building a health, wellness, or performance focused product website, I can help you design a digital experience that feels both credible and conversion ready.

0

164

Cover image for I worked on this interior

I worked on this interior design brand site with a clear focus: https://peacedesign.com/ People don’t want to feel overwhelmed or unsure when exploring design work, they want a calm, inspiring experience where spaces are easy to understand and visually engaging. • Structured layout that keeps the portfolio clean while letting each project tell its own story • Smooth navigation so users can explore different spaces and styles without friction • Strong visual hierarchy with imagery and storytelling that highlights the studio’s aesthetic and philosophy • Optimized performance to ensure a seamless browsing experience across devices • Design approach that reflects harmony, balance, and a premium interior design feel The goal is to keep the experience refined and intuitive, so visitors can move through projects effortlessly, get inspired by the details, and build trust in the brand without feeling lost. If you’re aiming for an interior design website that feels elegant, cohesive, and easy to explore, I can help you achieve that.

0

167

Cover image for I worked on this cannabis

I worked on this cannabis brand site with a simple focus: https://www.highties.ca/ (https://www.highties.ca/)People don’t want to feel lost or unsure while browsing, they want a smooth, trustworthy experience where products are easy to explore and understand. • Structured layout that keeps things clean while highlighting products properly • Easy navigation so users can move between categories without confusion • Optimized performance to keep everything fast and responsive on mobile • Design that builds a premium, reliable feel without overwhelming the user I try to keep the experience straightforward and comfortable, so visitors can browse at their own pace, find what fits them, and check out without second-guessing. If you’re aiming for a site that feels polished and easy to use, I can help you get there.

0

166

proLahore, Pakistan

Full-stack developer

New to Contra

Full-stack developer

Cover image for I designed and developed UareAI

I designed and developed UareAI in Framer, a human-first AI platform that lets users shape an individual AI that learns from their stories, values, and experiences. Built with clean Framer components, refined motion, and fully responsive layouts, the site delivers a premium, trustworthy experience that reflects the product's private and personal nature. Website: https://www.uare.ai/

1

28

Cover image for Custom Wordpress Design and Development

A

Custom Wordpress Design and Development A prominent B2B industrial equipment supplier approached me to overhaul their slow, fragmented online store into a clean, high-performance WooCommerce engine. The existing site was losing qualified leads due to a frustrating 6+ second page load speed and lacked essential wholesale business systems. My goal was to completely rebuild the digital storefront from the ground up using a lightweight custom child theme based directly on their Figma designs. I engineered a custom product builder with dynamic conditional pricing, implemented a multi-language framework. Website: https://www.timbertech.com/

1

44

Cover image for Custom Shopify Design && Development

Already

Custom Shopify Design && Development Already successful on Etsy and Faire, the brand wanted a Shopify store to expand sales channels while authentically telling its story. I designed their store with a minimalistic, cause-driven layout that blends cultural storytelling with eCommerce best practices. The homepage hero features a striking monochrome video, immediately immersing visitors in the brand’s identity and guiding them straight to collections. From there, product collections were designed to highlight apparel, hats, and accessories, each tied to cultural symbolism and activism. Website: https://stitch4pali.com/

2

2

128

Cover image for The client needed a fashion

The client needed a fashion brand website that delivers a strong visual identity while guiding users toward product discovery and purchase. The existing experience lacked clear product flow and conversion-focused structure. Using WordPress, WooCommerce, and Elementor, I optimized the layout, improved product presentation, and streamlined the shopping journey resulting in a visually engaging, fast, and conversion-focused website that enhances user experience and drives sales.

0

27

Rawalpindi, Pakistan

Certified Frontend, UI/UX, WordPress & AI Developer

New to Contra

Certified Frontend, UI/UX, WordPress & AI Developer

Cover image for Complete Professional Portfolio website
This production-grade

Complete Professional Portfolio website This production-grade personal portfolio serves as a centralized hub to showcase advanced creative frontend development, digital design work, and technical expertise. Engineered with a highly optimized, responsive user experience, the platform blends elegant visual style with absolute technical utility. It features clean, semantic layouts engineered to act as both a dynamic design playground and a streamlined client acquisition tool, displaying a professional presentation of developer workflows, skills, and interactive web capabilities. Built entirely using a lightweight and highly efficient tech stack, the architecture relies on native HTML5, modular Vanilla JavaScript, and utility-driven framework configurations like Bootstrap 5 and custom CSS. To guarantee zero global scope pollution and seamless state tracking, the core scripts run within encapsulated environments designed for high-speed asset delivery and fast load times. The structure ensures flawless cross-device responsivity and optimal core web vitals by maintaining zero visual layout shifts. Fully discoverable from day one, the portfolio incorporates clean semantic heading hierarchies, optimized SEO parameters, and tailored social share metadata configurations. The entire development workflow is strictly version-controlled via GitHub repositories and seamlessly deployed through automated modern hosting environments like Vercel and Netlify. This setup guarantees constant uptime, automated SSL management, and high-fidelity presentation of all featured case studies and active demo frameworks. Live Demo: jawadiftikhar.com (http://jawadiftikhar.com)

0

11

Cover image for Aurora & Co. — Agency

Aurora & Co. — Agency Theme · Web The Vision & Product Understanding: Aurora & Co. is a premium, high-impact digital agency presentation theme engineered to showcase creative direction, brand strategy, and immersive web experiences. Built as a modern UX system, the platform provides a sophisticated digital home for contemporary studios, blending striking aesthetic choices with highly functional layout modules to capture elite enterprise clientele. Design System & Visual Logic: Rooted in an ultra-modern visual layout, Aurora & Co. leverages fluid micro-interactions and bold structural hierarchy to drive engagement. The design architecture emphasizes advanced typographic rhythm, intentional white space, and smooth interface transitions. Every bento grid, motion block, and content card is calculated to guide user attention naturally while reflecting high-end creative precision. Engineering & Performance: Developed utilizing semantic HTML5, custom CSS styling standards, and clean vanilla JavaScript workflows, the theme prioritizes lightweight engineering. It features mobile-first responsive scaling, cross-browser stability, and rigorous core web vital optimizations that eliminate layout shifts to ensure lightning-fast, seamless discovery. Website: aurora-co.jawadiftikhar.com (http://aurora-co.jawadiftikhar.com)

0

16

Cover image for Wanderly — Bespoke Travel Itineraries

Wanderly — Bespoke Travel Itineraries · Web Wanderly is an elite, interactive digital travel concierge theme built to simulate the premium workflows of luxury global travel planning. Tailored for high-end boutique agencies and bespoke itinerary planners, the platform merges rich editorial content with complex interactive utility, transforming passive destination browsing into a highly engaging, immersive digital reservation journey. The user interface features a sophisticated, spacious layout organized around fluid motion patterns and content blocks. Emphasizing a modern, multi-column structural hierarchy, Wanderly relies on intentional white space, meticulous typography scaling, and subtle micro-interactions. Every UI element is engineered to evoke a feeling of effortless wanderlust while keeping navigation crisp and highly intuitive. Built with a utility-first approach using Tailwind CSS and native JavaScript architectures, the frontend focuses on extreme code efficiency. The platform is performance-optimized to maintain lightning-fast core web vitals, incorporating lazy-loaded responsive media subsets and rigid layout shift mitigations to ensure a flawless user experience across all devices. Website: wanderly.jawadiftikhar.com (http://wanderly.jawadiftikhar.com)

0

73

Cover image for Vyro — Creative Studio ·

Vyro — Creative Studio · Web Vyro Studio is a premium, multi-page presentation theme engineered for elite creative studios, independent design directors, and digital agencies. Built to replace the standard, uninspired agency template, the platform focuses on showcasing design authority, bold philosophy, and engineering precision to immediately capture tech founders, venture capitalists, and enterprise product managers. The user interface implements an "Editorial Minimal Framed Gallery" aesthetic, featuring clean layouts separated by thin, elegant line-work borders. Utilizing dynamic 3D workspace blueprints, fluid layout stack cards, and sleek interactive transitions, the design system enforces an 8pt spacing hierarchy with flawless type scaling to ensure absolute readability and an elite WCAG-compliant contrast profile. Developed on a utility-first architecture using Tailwind CSS and native vanilla JavaScript workflows, the theme prioritizes lightweight file delivery. The frontend architecture is heavily performance-optimized, using passive scroll event listeners and layout shift (CLS) mitigations to consistently output perfect, near-instant 95+ Lighthouse metrics. Website: vyro.jawadiftikhar.com (http://vyro.jawadiftikhar.com)

0

75

Karachi, Pakistan

Creative Designer for Premium Brands & Content Creators.

New to Contra

Creative Designer for Premium Brands & Content Creators.

Cover image for Reinterpreting Luxury: High-Contrast Editorial E-Commerce

Reinterpreting Luxury: High-Contrast Editorial E-Commerce UI. 🔗 [https://zarstudios07.netlify.app/] ‎(Note: Frontend UI prototype focusing on layout architecture. Product pages and figures are mock examples for concept presentation, not a live storefront.) ‎💡 The Philosophy: Strategic Disruption: My approach is simple: Do something uniquely different than the generic market without disconnecting from the niche it belongs to. Traditional jewelry sites default to thin fonts and cluttered grids, blending into a forgettable corporate blur. This project preserves luxury product clarity while re-engineering the visual framework to deliver a bold, unforgettable editorial attitude. ‎🛠️ Why It Works: · ‎Disruptive Typography: Swapped delicate luxury lettering for a heavy, high-contrast sans-serif headline style to puncture digital noise and demand immediate attention. · Low-Friction Architecture: Replaced chaotic thumbnail grids with oversized, isolated product cards to reduce cognitive load and force focus on craftsmanship. · ‎Cultural Texturing: Embedded a geometric Iranian glass architectural motif into the background canvas, replacing sterile white backdrops with a tactile connection to heritage. · ‎Visual Speed Bumps: Executed a dramatic light-to-dark background inversion during the scroll to disrupt passive browsing and snap focus onto core brand values.

1

24

CARBEX — Brand Identity & Concept UI A full brand concept for a premium pickleball gear company. Built to position CARBEX above the generic Amazon accessory bracket technical, clean, and system-ready across product, packaging, and digital. The visual language draws directly from the material: carbon fiber weave, precision geometry, cold teal against near-black. No athlete photography, no generic sports energy. Just the craft. Delivered as a responsive single-page web experience covering brand identity direction, product presentation, spec system, upcoming paddle teaser, and brand manifesto. Typography set in Bebas Neue and DM Sans. Designed to scale across Amazon listings, Shopify, packaging, and physical product. Scope: Brand direction · Visual system · UI concept · Tone of voice · Product presentation

0

10

Cover image for KHAAK is a fictional bespoke

KHAAK is a fictional bespoke automotive atelier built to answer a simple question: What would a luxury brand feel like if it accepted only one commission every year? This concept explores the intersection of brand strategy, cinematic storytelling, premium UI/UX, and frontend development. Every detail from the typography and visual identity to the motion and custom vehicle presentation was designed to create an experience that feels exclusive, timeless, and emotionally compelling. Not every brand needs to exist to prove a design philosophy. [https://khaak.netlify.app/]

0

9

Cover image for High-Converting Landing Page Design.
Designed and

High-Converting Landing Page Design. Designed and developed a premium landing page focused on elegant storytelling, modern aesthetics, and user experience. The goal was to create a visually immersive website that communicates a strong brand identity while guiding visitors through a clean and engaging journey. The design combines bold typography, refined layouts, subtle animations, and a premium color palette to create an experience that feels both sophisticated and conversion-focused.

0

34

Web UI/UX Design | Development | Shopify | E-Commerce | WIX

Web UI/UX Design | Development | Shopify | E-Commerce | WIX

Cover image for Medical Spa Software - Spa Management Software

Medical Spa Software - Spa Management Software

0

4

Cover image for Dayworkbook - Digital Construction Daywork Sheets App

Dayworkbook - Digital Construction Daywork Sheets App

0

2

Cover image for Private Captcha - Web Security Enhancement Tool

Private Captcha - Web Security Enhancement Tool

0

0

Cover image for Eunexus - Empowering Enterprises

Eunexus - Empowering Enterprises

0

3

Karachi, Pakistan

Front End Web Developer | Shopify | WordPress

22: Followers

Front End Web Developer | Shopify | WordPress

Cover image for Velocity is a modern and fully responsive motorsports events...

Velocity is a modern and fully responsive motorsports events website designed for car racing enthusiasts. It features a sleek, dark interface with vibrant red accents, delivering a high-energy experience that matches the thrill of racing. Built using HTML, CSS, and JavaScript, the site includes dynamic sections like upcoming events, teams, drivers, news, and a shop, all structured to provide a seamless user experience. The countdown timer, interactive buttons, and responsive design ensure that users can engage effortlessly on any device. This project showcases my ability to build visually striking, functional, and user-focused event websites that deliver both excitement and professionalism.

0

46

Cover image for This project is my personal portfolio website, designed and ...

This project is my personal portfolio website, designed and developed to present my skills, projects, and services as a Web Developer and Designer. It features a modern dark theme with elegant gradients, smooth transitions, and a minimal interface that creates a strong professional impression. The website is fully responsive and optimized for performance across all devices. The layout highlights key sections — including About, Services, Portfolio, Skills, and Contact — providing a seamless user journey. Every element was crafted with attention to typography, spacing, and color harmony, ensuring both aesthetic appeal and usability. This project showcases my ability to design and build high-quality personal websites that reflect a professional brand, balance beauty with functionality, and deliver a polished digital presence.

3

2

83

Cover image for This project is a Spotify-inspired web application built to ...

This project is a Spotify-inspired web application built to replicate the clean aesthetics and smooth user experience of the original platform. Developed using HTML, CSS, and JavaScript, it features a sleek dark interface, fully responsive layout, and dynamic design elements that adapt seamlessly to all screen sizes — from desktop to mobile. The app includes playlist sections, song cards, playback controls, and a structured, user-friendly navigation system. Every detail — from the hover animations to the smooth transitions — was crafted to create an immersive music experience while showcasing strong front-end development and UI design skills. This project highlights my ability to recreate real-world app designs with precision, blending aesthetics with functionality to deliver professional-grade web interfaces.

0

75

Cover image for Nexus – A Fully Functional, Responsive, and Modern E-commerc...

Nexus – A Fully Functional, Responsive, and Modern E-commerce Website with a Sleek Dark Theme Nexus is a professionally crafted e-commerce website built using HTML, CSS, and JavaScript, designed to provide a premium online shopping experience. It features a stunning dark theme with vibrant color highlights, interactive product cards, category-based browsing, and smooth animations that enhance engagement. Every section — from the product grid to the testimonial and newsletter areas — has been thoughtfully designed for a seamless and enjoyable user experience on all devices. This project showcases my expertise in crafting responsive, performance-optimized, and visually appealing front-end websites that seamlessly blend functionality with elegant, modern design.

0

91