عربي

An experience by Ahmad Rasas

Project / 07

Jordan National Team

Published conceptPublished unofficial concept

Designer & developer: Ahmad Rasas
Scope: Unofficial creative concept · visual direction, development & scroll storytelling
Delivery: End to end
Website: jordan-team.pages.dev

Jordan National Team is a published, unofficial creative concept exploring the atmosphere of Jordanian football. The website uses a cinematic scroll journey, national colours, player-themed chapters and tactical storytelling to connect its scenes. It is presented as a design and interaction study, not a commissioned federation website, verified player database or source of sporting news.

Visit website Discuss a project

The complete picture

From the first idea
to the next chapter.

A national visual theme.

The concept takes its visual direction from Jordan’s colours and football atmosphere. Typography, light and composition are used as storytelling devices rather than an official identity programme.

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