عربي

An experience by Ahmad Rasas

Project / 11

Habibah Sweets

Published conceptPublished unofficial concept

Designer & developer: Ahmad Rasas
Scope: Independent concept · experience design, runtime adaptation, responsive media & scroll choreography
Delivery: Experience adaptation & integration
Website: rasas.co

An independent, unofficial website concept for Habibah Sweets. A dramatic reveal of the existing logo opens the experience, followed by a scroll-controlled cheese-pull film. Scrolling leads into interactive 3D kunafa, a sweets collection and a particle finale. The film uses generated imagery as a creative interpretation; the portfolio images are genuine captures of the implemented website. This is a personal concept, with no Habibah commission or endorsement claimed.

Visit website Discuss a project

The complete picture

From the first idea
to the next chapter.

A logo opening with a clear identity.

The existing Habibah logo is revealed through light and movement before the film appears. The identity is carried into the experience without redrawing the original mark.

A clearer next chapter

Let’s make
your next move.

html,body{overflow:auto!important}#interface{display:none!important}#main{opacity:1!important;padding:2rem!important}[data-defer-image]{display:none!important}#main [data-chapter],#main .hero-sticky,#main .services-sticky,#main .architecture-sticky,#main .horizontal-sticky{height:auto!important;min-height:0!important;position:relative!important;overflow:visible!important}#main .hero-background,#main .hero-night,#main .hero-hotspot,#main .hero-tip,#main .architecture-intro,#main .architecture-spacer,#main .architecture-themes,#main .ambient-art,#main .cloud-track,#main .service-scene,#main .service-scrim,#main .route-select,#main .slider-controls,#main .service-tabs,#main .route-circle-host,#main .circle-action,#main .hero-state-control,#main .hero-corner-theme{display:none!important}#main .hero-copy,#main .quote-copy,#main .architecture-copy,#main .closing-copy,#main .footer-content,#main .horizontal-title,#main .service-copy,#main .benefit-slide,#main .project-slide,#main .gallery-slide,#main .project-slide-title{opacity:1!important;visibility:visible!important;clip-path:none!important;height:auto!important;position:relative!important;inset:auto!important;transform:none!important}#main .horizontal-track,#main .project-slide-layout,#main .services-sticky,#main .service-layer,#main .service-controls,#main .service-copy-stack,#main .benefit-slides,#main .project-slides,#main .gallery-slides,#main .route-case-main,#main .route-work-grid,#main .editorial-columns{width:auto!important;height:auto!important;display:block!important;transform:none!important}#main .horizontal-panel,#main .horizontal-story,#main .horizontal-route{flex:none!important;width:auto!important;height:auto!important;min-height:0!important;margin:2rem 0!important}#main [data-reveal],#main [data-parallax],#main .footer-reveal,#main .closing-frame,#main .architecture-picture{opacity:1!important;visibility:visible!important;clip-path:none!important;height:auto!important;position:relative!important;transform:none!important}#main .fact-content{height:auto!important;overflow:visible!important}#main img{max-width:100%!important;height:auto!important}#main .route-work-controls,#main .route-lightbox,#main .route-case-gallery--mobile,#main [role=tablist]{display:none!important}Explore the website and real work below, or contact Ahmad Rasas on WhatsApp. Enable JavaScript for the interactive experience. عربي