HASSAN ABBAS — HASVIEL

AI. DESIGN. CODE. CREATE.

I build intelligent digital experiences where artificial intelligence, design and technology come together.

Scroll Down
Brand Persona

HASVIEL Philosophy

Integrating human creativity with generative artificial intelligence, modern user interfaces, and robust software engineering to construct high-impact digital products.

Domain AI & Creative Engineering
Aesthetic Standard Cinematic & Minimal
Architecture Performant & Responsive
About Hassan Abbas

Beyond Pixels.
Beyond Code.

I am Hassan Abbas, operating under the creative-tech brand HASVIEL. I combine artificial intelligence, digital product design, web & mobile app development, and 3D motion graphics to create modern digital products and experiences.

By connecting generative AI tools and prompt engineering with structured UI/UX design systems and clean code, I build tools, visual identities, and interactive web applications designed for the future.

AI & Prompts
Smart Chaining
Full Stack
Web & Android
3D & Motion
Interactive Scenes
Capabilities & Services

Core Expertise

Specialized capabilities uniting modern artificial intelligence, design systems, and software engineering.

AI & Prompt Engineering

Prompt design, AI workflows, AI-assisted creation, automation concepts, and advanced interaction with generative LLMs and generative visual tools.

Prompt Mastery AI Workflows

UI/UX Design

User interfaces, user experience, design systems, interaction design, responsive layouts, usability wireframing, and Figma design systems.

Figma Design Systems

3D & Motion

3D visual concepts, motion graphics, product visualization, cinematic animations, interactive Three.js WebGL scenes, and ambient effects.

Three.js Motion UI

Web Development

Modern responsive websites, landing pages, interactive web experiences, frontend architecture, and AI-powered web applications.

JavaScript Tailwind CSS

App Development

Android applications, mobile UI implementation, mobile application architecture, gesture interactions, and AI-assisted app development.

Android UI Mobile UX

Graphic & Brand Design

Logos, visual identities, custom wordmarks, brand design guidelines, digital graphics, creative direction, and brand systems.

Visual Identity Branding
Portfolio & Experiments

Featured Projects

HASVIEL
Brand System

HASVIEL Identity & Visual Language

Dark minimal aesthetic, custom wordmark treatment, cinematic agency branding, and responsive digital identity system.

Brand Lab Explore
Experimental Tool

AI Prompt Workflow Platform

Experimental platform exploring structured AI prompt engineering, automated prompt chaining, and generative visual workflows.

Experimental Explore
Android UI

Futuristic Android Mobile Interface

Next-gen mobile user experience concept featuring dark sleek glassmorphism components and gesture-driven animations.

Concept Project Explore
3D WebGL

Interactive 3D Web Graphics

Real-time procedural WebGL environment featuring metallic geometry, luminous particle rings, and camera scroll paths.

Interactive Prototype Explore
AI Product

AI-Augmented Digital Experience

Exploring the synthesis of generative AI design systems and dynamic, real-time user interface personalization.

Coming Soon Explore
Creative Tech

Minimal Agency Web Template

High-end digital agency web architecture built with custom animations, GPU hardware acceleration, and responsive design.

Concept Project Explore
Interactive WebGL Laboratory

ENTER THE
THIRD DIMENSION

Drag with your mouse or touch swipe to rotate the metallic sphere and orbital luminous rings in real-time space.

Interactive Controls

Drag to orbit camera · Scroll to adjust camera depth · Smooth GPU rendering

Three.js Metallic Core Scene
Skill Matrix

Capabilities & Tools

AI Prompt Engineering UI/UX Design Figma Graphic Design 3D Design Motion Graphics Web Development Android Development Creative Technology AI-assisted Development Brand Design
Methodology

The Creative Process

A structured 5-step approach to turning complex digital concepts into refined products.

01

Discover

Understand the core problem, objective, user requirements, and technical scope.

02

Concept

Develop visual directions, product architecture, AI integration maps, and wireframes.

03

Design

Craft high-fidelity UI systems, interactive prototypes, 3D assets, and visual branding.

04

Build

Engineered frontend web/app development, AI prompt integrations, and smooth animation loops.

05

Refine

Performance optimization, testing usability, micro-interaction polish, and final launch.

Start a Conversation

LET'S BUILD SOMETHING
DIFFERENT.

Have an idea, product or digital experience in mind? Let's turn it into something real.

WhatsApp Contact: +92 313 2442034