Portfolio / Projects / Open Days 2026

Real project · live

Mediamatics Open Days website

The official website of the 2026 mediamatics Open Days at CPNV in Sainte-Croix. A real live project, made within a team of apprentices, where I was the web lead.

Year2026
RoleWeb lead
ContextMarketing team, CPNV
ToolsHTML, CSS, JavaScript
Open Days site homepage, desktop version

ContextOne event, one team

Every year, the mediamatics apprentices at CPNV organise the Open Days for their programme. For the 2026 edition, which takes place on 27 and 28 November, our group split the roles like a small agency: management, design, communication, finance, multimedia and web.

I took on the role of web lead. The site had to present the event to future apprentices and their parents, and make them want to come and discover the programme in person.

BriefWhat I had to do

  • Design the mockup and layout of the site
  • Bring in the visual world chosen by the design team: a Japanese theme in pastel colours
  • Build the site in HTML, CSS and JavaScript, mobile first
  • Host the site and launch it before the event

ProcessHow I worked

  1. 01

    Use the identity

    I started from what the design team created: torii logo, coral and lavender colours, fonts and mascot. The poster was also made by the design team.

  2. 02

    Structure the content

    Two-day schedule, video, presentation of the mediamatics job, team, map and practical info.

  3. 03

    Mock up, then code

    Layout on mobile first, then adapted to large screens. SVG illustrations to keep the site light.

  4. 04

    Launch

    Hosting, testing on phone and computer, then fixes based on the team's feedback.

MockupMy mockup before the code

Before writing a single line of code, I made a mockup of the page with all the content: header, countdown, presentation of the job, two-day schedule and team. I also added a small style guide so everyone starts from the same colours and fonts.



Coral#FF696A
Pink#F8A0AB
Pale pink#F5CACC
Lavender#9BB3D6
Cream#F1E6D0
Navy#243447

The siteThe live result

The final site follows the mockup and adds three pages: a floor-by-floor map of the building, the projects from the business creation option and practical info with an FAQ. Click a page to see it in full.



The mascot and the posters were created by the Open Days design team.

TakeawaysWhat I learned

It's my first site that's actually used. I had to meet deadlines, work with other people's ideas and build a site that people really use.