01234567890 01234567890
Refining pixels...
100

FirstAgency

Elevating a professional events organizer
Through refined UX architecture and performance-driven design
A speaker at a lectern on a blue-lit stage at the National Film Festival in Tangier, with lit steps in the foreground.

First Agency

A website and an Instagram account for a Moroccan events agency, built to feel like the stages it lights.

Client
First Agency, Temara
Year
2025
Role
UX & UI design, build, Instagram content and captions
Platform
WordPress, Elementor, Instagram

The website

firstagency.ma, designed and built in WordPress.

The homepage at 1440 pxScroll inside the screen
The First Agency homepage: hero slider, agency introduction, client logos, four featured events with their names in tall condensed type, five areas of expertise, a showreel, the upcoming dates list, press articles and footer.

Programme note

  • Events showcase architecture
  • Agency brand experience
  • Lead conversion
  • Scroll motion

The brief

First Agency designs and produces events across Morocco: national conferences, film festivals, award nights and official ceremonies, more than 150 of them so far. The work happens in dark rooms under coloured light. The agency needed a site that does what its events do, make people stop and look at the stage, and then turns that attention into a request for a proposal.

What I built

A dark, cinematic WordPress site. Each event gets a full-width photograph with its name set in tall condensed type, the way it would appear on a festival screen. Smooth scrolling and split-text reveals give every page a slow, staged rhythm.

Under the show, the structure stays plain: five areas of expertise, an archive of events, a running order of recent and upcoming dates with their cities, and the same invitation at the end of every page, Parlons de votre projet.

The result

A site that works as a showreel first and a brochure second, with the agency’s own photography carrying the story and a contact path one step away from any page.

Running order

Six events from the site’s own programme, July to October 2025. Point at a row to bring its photograph up.

  1. An award handed on stage at the National Film Festival in Tangier, a First Agency crew member in the foreground.

    Festival du Film de Tanger

    TangierFestival
  2. A conference hall with chandeliers, a blue LED stage and rows of white chairs.

    Assises Nationales de la Publicité

    CasablancaConference
  3. The ICESCO Vice Chancellors’ Forum stage, a curved purple LED wall above a row of white armchairs.

    ICESCO, VC Forum

    RabatForum
  4. A red carpet and festival screens outside a red building for the International Women’s Film Festival.

    Festival International du Film de Femmes

    SaléFestival
  5. Delegates on stage in front of a Heads of Tax Administrations Master Class backdrop.

    DGI ATAF 6th Master Class

    RabatConference
  6. A theatre with red seats facing a projected screen for the ODCO national ceremony.

    Cérémonie nationale de l’ODCO

    SaléCeremony

The launch film

37 seconds through the homepage, the agency story, a project page, the expertise pages, contact and the phone layout, shot on laptops and phones under the same blue light as the site.

Behind the curtain

The pages behind the homepage. Swipe or scroll sideways.

Notre Agence page with a large headline and a scrolling Notre Histoire marquee.
/notre-agence/

Notre Agence

The team and its story, introduced by a marquee that runs across the page like a stage banner.

Nos Réalisations page listing events as full-width photographs.
/nos-realisations/

Nos Réalisations

The archive. Every event is a full-width photograph with its name across it and a tag for the type of event.

Notre Expertise page opening on an award-night photograph.
/notre-expertise/

Notre Expertise

Five areas: scenography, production, logistics, communication and corporate events, each with its own page.

Project page for the ICESCO Vice Chancellors’ Forum with edition, date and venue.
/portfolio/icesco-2025/

A project page

Each event opens like a programme sheet: the organiser, the title, then edition, date and venue before the photographs.

Three screens

The same homepage on a desktop, a tablet and a phone. On the phone, the event titles stack and the slider becomes a single full-height stage.

First Agency homepage at desktop width.
Desktop1440
First Agency homepage at tablet width.
Tablet820
First Agency homepage at phone width.
Phone390

The feed

@firstagency.ma on Instagram: content design, art direction and the captions.

Events last a night. The feed is where they keep working. I designed First Agency’s Instagram as the second screen of every event, with one post template, three formats repeated for each event and captions written in French that say what the agency actually did on site.

Each event arrives as a set: a Réalisation cover, detail posts on the scenography and the branding, and an aftermovie reel.

51.9Kfollowers
63posts
3formats per event
firstagency.ma
First Agency profile picture
63posts
51.9Kfollowers
8following
First AgencyAgence événementielle
✨ Votre vision, notre mission
💼 Événementiel | Stratégie | Image de marque
📩 contact@firstagency.ma
firstagency.ma
The profileTap a post to open it in the next phone.
Postsfirstagency.ma
firstagency.maTanger
firstagency.ma
A postSwipe the images. Double-tap to like.
firstagency.ma
Tanger a vibré au rythme du cinéma marocain le temps de la 24e édition du Festival National du Film.
The aftermoviesTap the screen to pause.
Réalisation post for the Festival National du Film 2024 in Tangier, showing the post template.

One template

Every post is built on the same frame, so a scroll through the grid reads like one programme.

  1. The signature. Votre Vision. Notre Mission., top left on every post.
  2. The corner mark, cut from the FA monogram, top right.
  3. The format. Réalisation for a finished event, Aftermovie for a reel.
  4. The event and its year, set large and light over the photograph.
  5. The city, with a guide line running to the website at the foot.

Day and night

For the 24th Festival National du Film in Tangier, the Palais des Arts post came in two versions: the building by day for institutional content, and lit up at night for the evening coverage. Two moods, one signature. Drag across the post to switch.

Palais des Arts in Tangier by day, with the Jour label. Palais des Arts in Tangier at night, with the Nuit label.
JourNuit
L’excellence sans compromis.

From a caption, September 2026

Brand system

Logo
First Agency logo, FA monogram with a red swoosh and the words First Agency
Colour
Stage#0E0F11
Wing#18191B
Light#FFFFFF
Signal#DD2026
Gel#7992E9
Type
Les AssisesEvent titlesSix Caps
Notre Savoir-FaireHeadings, navigationOutfit
Créateurs d’événementsBody textPoppins
Admit one, the live site firstagency.ma Visit the website Admit one, the feed @firstagency.ma Follow on Instagram
UltraTVBox
Keep Scrolling