hardik khyal ®
hardik khyal

Initializing Portfolio...

0% LOADED

WWiitthh  mmoorree  tthhaann  ffiivvee  yyeeaarrss  ooff  eexxppeerriieennccee  iinn  ddeessiiggnn,,  ii  ffooccuuss  oonn  bbrraannddiinngg,,  wweebb  ddeessiiggnn,,  aanndd  uusseerr  eexxppeerriieennccee,,  ii  ttrruullyy  eennjjooyy  wwoorrkkiinngg  wwiitthh  bbuussiinneesssseess  tthhaatt  aaiimm  ttoo  ssttaanndd  oouutt  aanndd  pprreesseenntt  tthheeiirr  bbeesstt  iimmaaggee..  LLeett''ss  bbuuiilldd  ssoommeetthhiinngg  iinnccrreeddiibbllee  ttooggeetthheerr!!

capabilities & stack

Skills & Expertise

Frontend Architecture

Crafting modern, immersive user interfaces with extreme responsiveness, component-driven clean code, and search-engine optimized structural layouts.

Next.jsReactTypeScriptTailwind CSSHTML5 & CSS3

Backend & Systems

Designing robust, secure, and performant backend services, server-side APIs, database schemas, and caching layers to support heavy client operations.

Node.jsExpress.jsPostgreSQLMongoDBREST & GraphQL

Creative Motion

Elevating visual aesthetics and user delight using scroll-driven canvas sequencing, physical scrolling engines, web GL integration, and advanced GSAP timelines.

GSAPFramer MotionLenis ScrollHTML5 CanvasWebGL
academic timeline

My Journey

2018–2020

High School Education

Mother Teresa Sr. Sec. SchoolScience & Mathematics91.2% Aggregate

Fostered a strong analytical foundation with deep focus on Physics, Chemistry, and Advanced Mathematics.

2020–2023

Diploma in Computer Science

Government Polytechnic CollegeSoftware Engineering8.5 CGPA / 87.5%

Learned core computer science concepts including OOPs, Data Structures, Database Systems, and built multiple web-based platforms.

2024–Present

B.Tech in Computer Science

Lovely Professional UniversityWeb Architecture & AIPursuing (Current)

Specializing in full-stack architecture, machine learning integrations, creative UI motion, and next-generation web technologies.

Angel Background Cutout
creative portfolio

Selected Works

Ethereal Commerce
Web Design
Web Design

Ethereal Commerce

A premium headless e-commerce experience for a luxury apparel brand, optimized for performance, interactive animations, and responsive touch layout.

View Project
The Grid of Silence
Pen Artworks
Pen Artworks

The Grid of Silence

Intricate black ink line-art exploring geometry and silence. Hand-drawn with precision micro-pens on raw cotton paper.

View Project
Vortex Dashboard
Web Design
Web Design

Vortex Dashboard

Interactive data visualization dashboard with dark glassmorphism styling, live web socket charting, and customized GSAP motion templates.

View Project
Intricate Textures
Pen Artworks
Pen Artworks

Intricate Textures

Detailed hand-drawn sketch exploring fine details and textures, created with precision micro-pens.

View Project
Vesper Identity
Graphic Design
Graphic Design

Vesper Identity

Complete visual identity system for a luxury architectural studio, including custom typography assets, business suites, and digital guidelines.

View Project
Organic Flow
Pen Artworks
Pen Artworks

Organic Flow

Fluid ink patterns investigating natural currents, contours, and waves. Created using fine point technical ink pens.

View Project
testimonials

Client Love

Explore what clients and designers around the world say about crafting products with Hardik.

"Hardik is an absolute wizard. He brought our complex design system to life with flawless interactive scroll animations."

Sarah Jenkins

Sarah JenkinsVerified

Director of Design at Veloce

"The attention to detail in Hardik's front-end work is matchless. The custom web canvas scrollytelling he developed elevated our luxury brand."

Alexandre Mercier

Alexandre MercierVerified

Founder of Atelier Luxury

"Working with Hardik was seamless. He coded our dashboard with extreme precision and optimized it for performance."

Elena Rostova

Elena RostovaVerified

Lead Product Manager at FinTech Labs

"An exceptional developer who understands the intersection of motion design, aesthetics, and high performance."

Marcus Aurelius

Marcus AureliusVerified

Creative Director at Rome Interactive

"Hardik is an absolute wizard. He brought our complex design system to life with flawless interactive scroll animations."

Sarah Jenkins

Sarah JenkinsVerified

Director of Design at Veloce

"The attention to detail in Hardik's front-end work is matchless. The custom web canvas scrollytelling he developed elevated our luxury brand."

Alexandre Mercier

Alexandre MercierVerified

Founder of Atelier Luxury

"Working with Hardik was seamless. He coded our dashboard with extreme precision and optimized it for performance."

Elena Rostova

Elena RostovaVerified

Lead Product Manager at FinTech Labs

"An exceptional developer who understands the intersection of motion design, aesthetics, and high performance."

Marcus Aurelius

Marcus AureliusVerified

Creative Director at Rome Interactive

"Hardik is an absolute wizard. He brought our complex design system to life with flawless interactive scroll animations."

Sarah Jenkins

Sarah JenkinsVerified

Director of Design at Veloce

"The attention to detail in Hardik's front-end work is matchless. The custom web canvas scrollytelling he developed elevated our luxury brand."

Alexandre Mercier

Alexandre MercierVerified

Founder of Atelier Luxury

"Working with Hardik was seamless. He coded our dashboard with extreme precision and optimized it for performance."

Elena Rostova

Elena RostovaVerified

Lead Product Manager at FinTech Labs

"An exceptional developer who understands the intersection of motion design, aesthetics, and high performance."

Marcus Aurelius

Marcus AureliusVerified

Creative Director at Rome Interactive

CREATIVE DEVELOPER // PORTFOLIO // LEMA.WEB // FUTURE INTERFACES // AWWWARDS STYLE // CREATIVE DEVELOPER // PORTFOLIO // LEMA.WEB // FUTURE INTERFACES // AWWWARDS STYLE // CREATIVE DEVELOPER // PORTFOLIO // LEMA.WEB // FUTURE INTERFACES // AWWWARDS STYLE // CREATIVE DEVELOPER // PORTFOLIO // LEMA.WEB // FUTURE INTERFACES // AWWWARDS STYLE //
IMMERSIVE EXPERIENCE // WEBGL // GSAP // REACT // SMOOTH SCROLLING // TAILWIND // IMMERSIVE EXPERIENCE // WEBGL // GSAP // REACT // SMOOTH SCROLLING // TAILWIND // IMMERSIVE EXPERIENCE // WEBGL // GSAP // REACT // SMOOTH SCROLLING // TAILWIND // IMMERSIVE EXPERIENCE // WEBGL // GSAP // REACT // SMOOTH SCROLLING // TAILWIND //
LEESHARK // INNOVATIVE CODE // MODERN BRANDING // LUXURY DESIGN // LEESHARK // INNOVATIVE CODE // MODERN BRANDING // LUXURY DESIGN // LEESHARK // INNOVATIVE CODE // MODERN BRANDING // LUXURY DESIGN // LEESHARK // INNOVATIVE CODE // MODERN BRANDING // LUXURY DESIGN //
AESTHETIC LAYOUTS // SCROLLTRIGGER // LENIS // PHYSICAL ANIMATION // AESTHETIC LAYOUTS // SCROLLTRIGGER // LENIS // PHYSICAL ANIMATION // AESTHETIC LAYOUTS // SCROLLTRIGGER // LENIS // PHYSICAL ANIMATION // AESTHETIC LAYOUTS // SCROLLTRIGGER // LENIS // PHYSICAL ANIMATION //
get in touch

Let's Create
Something Real

Have a project in mind, want to discuss a collaboration, or just looking to say hello? Drop a message, and let's craft an exceptional immersive digital experience.

Based inPunjab, India
Follow my updates