عربي

An experience by Ahmad Rasas

RASAS. / 01 / Motion Design

From the first look to the next click.

A 15-second Rasas brand film about designing a website around the next step. Layered typography, moving interface studies and a continuous camera, composed separately in English and Arabic.

Project: Self-initiated brand film
Format: 15s · 9:16 · 1080 × 1920 · 60fps
Contribution: Concept, design, animation, edit & sound design

English شاهد بالعربي ↗

Original sound design. No narration. Use the player controls to enable sound or full screen.

THE IDEA

A clear path through the frame.

The film follows a website from its first impression to a clear action. Typography moves through layered interface studies; the camera connects the scenes without cutting the story into separate slides.

A self-initiated film for my own portfolio brand. The interface scenes are authored motion studies, not a recording of a live client website.

Download this version ↓

On-screen words

Make the first look count.
Give every detail a reason.
Make the next step obvious.
From the first look to the next click. Explore my work. rasas.co

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. عربي