Projects

Overview

Qarar Pro is a decision-intelligence platform designed to help professionals and teams make complex decisions with clarity and confidence. The project focuses on transforming abstract data and multi-step decision processes into an intuitive, engaging digital experience. The website was built using Webflow and enhanced with GSAP to deliver smooth, purposeful interactions that guide users through the platform’s value.

The Challenge

Decision-making tools are often difficult to understand, visually overwhelming, or disconnected from real-world workflows. Qarar Pro needed a website that could:

• Clearly communicate a sophisticated product without cognitive overload
• Build trust and credibility with business users
• Visually represent complex decision logic in a simple, accessible way
• Keep users engaged while guiding them toward action

The Solution

We designed and developed a motion-driven website that balances clarity with engagement. Using Webflow for rapid iteration and scalability, and GSAP for refined animations, the site:

• Breaks down complex concepts into structured, easy-to-follow sections
• Uses motion to highlight key ideas and guide user focus
• Creates a smooth narrative flow that mirrors the decision-making journey
• Maintains a clean, professional aesthetic aligned with Qarar Pro’s brand

The Experience

GSAP animations were used intentionally—not decoratively—to enhance understanding and interaction. Subtle transitions, scroll-based reveals, and micro-interactions help users absorb information naturally, making the experience feel intuitive and confidence-building rather than overwhelming.

The Outcome

The final result is a polished, high-performance website that effectively communicates Qarar Pro’s value proposition. By combining thoughtful UX, motion design, and Webflow’s flexibility, the platform presents decision intelligence as approachable, actionable, and empowering—encouraging users to engage, explore, and take informed action.

Neonox Group is a strategic acquisition and growth platform designed to help founders unlock the next chapter of their business with clarity and confidence. Built on Webflow and enhanced with GSAP-powered interactions, the experience guides business owners through Neonox’s proprietary Tiered Acquisition Model. An interactive assessment allows founders to evaluate their goals and instantly discover the tier best suited to their needs whether they’re looking to exit, partner, or accelerate growth. By combining thoughtful storytelling, motion-driven design, and data-informed guidance, Neonox Group empowers leaders to make informed decisions while preserving the legacy they’ve worked hard to build.

Platform: WordPress — a powerful and widely used content management system, ideal for flexibility in managing content, navigation, and media-heavy product pages.

Theme: Custom WordPress theme — carefully designed and developed to reflect UltraLift's industry-focused branding, providing a tailored UI with company-specific styling.

Frontend Tech:

• PHP (WordPress Templating): Powers dynamic page rendering including custom post types like product catalogs and support pages.
• HTML5 & CSS3: Structured markup with responsive layout design for optimal display across screens.
• JavaScript / jQuery: Enhances interactive user experiences—likely used in features like image sliders, menu interactivity, and embedded media.

Plugins & Integrations:

• SEO plugins for search optimization.
• Contact forms for lead generation.
• Possibly brochure downloads or video embedding functionalities for product demonstrations and support.

Database: MySQL — the default backend for storing site content, pages, metadata, and user interactions.

Workflow & Deployment: Git for version control, enabling structured development and controlled updates from staging to live.

Performance & SEO Optimization: Clean code base, image/media optimization, and caching enhancements for faster load times and enhanced discoverability.

Platform: WordPress — CMS for managing content, events, and pages

Theme Development: Custom theme built on BlankSlate (minimal starter theme) for a fully tailored design and lightweight performance

Frontend:

• PHP (WordPress templating) — dynamic rendering of pages, posts, and custom templates
• HTML5 & CSS3 — responsive, mobile-first layouts and styling
• JavaScript / jQuery — interactive elements like sliders, navigation menus, and dynamic content features

Database: MySQL — powering WordPress core and site data

Workflow: Local development with Git for version control, deployed to production hosting

Optimization: SEO-friendly structure, caching, and clean markup for fast performance and improved discoverability

Frontend: React.js — modern, component-based UI with responsive design and seamless user interactions

Backend & Database: Supabase — authentication, database (PostgreSQL), and real-time APIs for managing bookings and tenant-specific data

Architecture: Multi-tenant structure — isolated tenant data and configurations for scalability and security

Authentication: Supabase Auth — secure user sign-up, login, and role-based access control

State Management: React Context API / Hooks — handling session state, tenant context, and booking flows

APIs & Real-Time: Supabase Realtime — live booking updates, availability sync, and instant changes across tenants

Deployment: Vercel — optimized for React apps with CI/CD workflow for fast, reliable deployments

UI/UX: Tailwind CSS — clean, modern, and fully responsive interface for a smooth booking experience

Platform: WordPress — CMS powering the storefront with flexible content management

E-Commerce: WooCommerce — product catalog, shopping cart, checkout, and order handling

Frontend:

• PHP (WordPress Core + Theme Development) — custom templates and business logic
• HTML5 & CSS3 (SCSS) — responsive, mobile-first layout and styling
• JavaScript / jQuery — interactive elements, sliders, and dynamic components

Theme Development: Custom WordPress Theme — designed and developed for brand-specific layouts and styling

Plugins & Integrations: WooCommerce extensions, SEO tools, payment gateways, and marketing add-ons

Database: MySQL — powering WordPress and WooCommerce data storage

Hosting & Deployment: Cloud/VPS hosting with WordPress-optimized stack (Apache/Nginx + PHP + MySQL)

Version Control & Workflow: Git for source management, with staging → production deployment

Optimization: SEO-friendly structure, caching, and performance tuning for fast load and smooth UX

Platform: Shopify — core eCommerce platform for products, checkout, and order management

Theme Development: Custom Shopify Theme — built with unique layouts and brand-focused design

Frontend:

• Liquid — Shopify’s templating language for dynamic pages and product rendering
• HTML5 & CSS3 (SCSS) — responsive structure and mobile-first styling
• JavaScript (ES6) — interactive elements like galleries, menus, and dynamic sections

Integrations: Shopify APIs & third-party apps for marketing, promotions, and analytics

Workflow & Deployment: Shopify CLI / Theme Kit with Git for version control and theme updates

Optimization: SEO-friendly structure, fast load times, and cross-device responsiveness

Platform: Shopify — the e-commerce backbone enabling product management, checkout flow, orders, and SEO.

Theme Development: Custom-built Shopify theme — crafted from scratch to reflect the Lure Essentials brand through tailored layouts and design.

Templating & Layouts:

• Liquid — Shopify’s templating engine for dynamically displaying collections, product details, and navigation.
• HTML5 & CSS3 (SCSS) — for structured content and responsive design, ensuring visual consistency across mobile, tablet, and desktop.

Interactive Behavior: JavaScript (ES6+) — powers custom UI interactions like navigation menus, sliders, and dynamic content sections.

Version Control & Local Workflow: Git integrated with Shopify CLI or Theme Kit — supports efficient local development, versioning, and seamless theme deployment.

App & API Integration: Shopify APIs and third-party apps — extend functionality for features like analytics, marketing, customer reviews, or email automation.

Tech Stack Frontend: Vue.js — responsive and interactive dashboards with real-time visualizations Backend: Node.js & Laravel — APIs, data processing, and business logic for analytics Database: Supabase (PostgreSQL) — structured storage with real-time data sync Real-Time: WebSockets & Supabase Realtime — powering live KPIs, charts, and news feeds AI/ML: Integrated modules for sentiment analysis, clustering, and forecasting Authentication & Security: Supabase Auth + JWT for secure access and role management Hosting & Deployment: Cloud hosting with CI/CD pipelines for seamless updates Version Control: Git & GitHub/GitLab for team collaboration and deployment workflows

Platform: Shopify – powering product catalog, checkout, and e-commerce operations

Theme: Custom Shopify theme built with Liquid, HTML5, CSS3, and JavaScript

Frontend: Responsive design tailored to BioMat’s brand identity and wellness-focused product line

Interactivity: JavaScript for product carousels, dropdowns, and enhanced user experience

Integrations: Shopify APIs and apps for promotions, order management, and content sections

Optimization: Mobile-first approach, SEO-friendly Liquid templates, and performance-tuned assets

Tech Stack Frontend: Vue.js — modern, responsive, and dynamic user interface Backend: Laravel — core backend framework for APIs, authentication, and business logic Supabase — managed PostgreSQL with authentication, storage, and real-time features Node.js — for microservices and real-time event handling (e.g., streams, notifications) Database: PostgreSQL (via Supabase) — secure, scalable data storage for users, trades, and community interactions Real-Time: WebSockets & Supabase Realtime — powering live feeds, chat, and trading updates Authentication & Security: Supabase Auth & Laravel Sanctum/JWT — handling roles, permissions, and secure sessions Hosting & Deployment: Cloud hosting (VPS/Containers) with Nginx/Apache and CI/CD pipelines Version Control: Git & GitHub/GitLab — for source control and team collaboration Other Tools: Vue Router & Pinia for state management, Laravel Queues for background jobs, analytics dashboards

Frontend: Vue.js — interactive dashboards, appointment calendars, and a responsive user interface

Backend: Laravel (PHP) — API-driven architecture, user authentication, and business logic handling

Database: MySQL — structured storage for patients, appointments, invoices, and treatment plans

Architecture: Modular, SaaS-style system with multi-role support (admins, dentists, staff)

Features Powered by Stack: Appointment scheduling, patient record management, billing, reporting, and inventory control

Deployment: Cloud hosting for scalability, security, and high availability

UI/UX: Tailored design for healthcare workflows, making complex operations simple and efficient

Every Beat Counts is a compassionate educational platform dedicated to equipping everyday individuals with the confidence and ability to save lives. By making CPR, AED, and first-aid training accessible and engaging, it transforms ordinary users into everyday heroes.

HospiTrack Tech Stack — Hospital Management System

• Tech Framework: Built using Next.js, harnessing the power of React with server-side rendering and static optimisation for blazing-fast performance and SEO.
• Interface: Designed with Tailwind CSS for a clean, responsive, and scalable UI that works seamlessly across devices — from dashboards to mobile.
• Motion & Feedback: Utilized Framer Motion to deliver smooth animations, transitions, and micro-interactions — enhancing data clarity and user experience (e.g., dashboard loading animations, button hovеrs).
• Data Handling & APIs: Integrated with Supabase, offering a PostgreSQL database, real-time subscriptions, and built-in authentication — simplifying secure, real-time data management.
• Reporting & Analytics: Custom analytics dashboards capture key metrics like OPD queues, billing cycles, and patient flow, empowering informed decision-making.
• Authentication & Access Control: Leveraged Supabase Auth for secure user authentication and role-based access control, ensuring physicians, admins, and nurses access appropriate data.
• Deployment Platform: Hosted on Vercel, tapping into global CDNs and edge capabilities to ensure low latency, fast response times, and seamless deployments.
• UI Design Assets: Built with React Icons well-integrated to represent healthcare actions and data storytelling.

CMS & Framework: Developed on WordPress, leveraging its flexibility for custom development and content management. E-Commerce Platform: Powered by WooCommerce, enabling secure product management, cart, and checkout workflows. Theme & Builder: Customized with the Avada theme, taking advantage of its responsive grid system and design flexibility. Styling & Layout: Enhanced with custom CSS for fine-tuned branding and responsive design. Plugins & Extensions: WooCommerce extensions for payment gateways and shipping SEO optimization plugins for discoverability Caching & performance tools for speed optimization Hosting & Deployment: Hosted on a WordPress-optimized environment with CDN for global performance. Analytics & Tracking: Integrated with Google Analytics and Facebook Pixel for marketing insights.