
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
- 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.
- 02
Structure the content
Two-day schedule, video, presentation of the mediamatics job, team, map and practical info.
- 03
Mock up, then code
Layout on mobile first, then adapted to large screens. SVG illustrations to keep the site light.
- 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.
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.
