![](/_next/image?url=https%3A%2F%2Fcontent.antistatique.net%2Fapp%2Fuploads%2F2024%2F03%2F1-retina-big-scaled.jpg&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fcontent.antistatique.net%2Fapp%2Fuploads%2F2024%2F03%2F1-retina-big-scaled.jpg&w=3840&q=75)
Design, développement web et mise en place de Pyxis.art
Pyxis est un épicentre créatif, maison de la culture et de l’exploration numérique, animée par de nombreux acteurs et événements.
pyxis.artDesign
- Design system & styleguide
- Information architecture
- Interaction design
- Prototypage
- Visual design
Project management
- General communication
- Prioritization and planning
Web Development
- CMS Drupal & Wordpress + Symfony
- Mobile development
- Technical architecture
- Web accessibility (dev)
Design
- Design system & styleguide
- Information architecture
- Interaction design
- Prototypage
- Visual design
Project management
- General communication
- Prioritization and planning
Web Development
- CMS Drupal & Wordpress + Symfony
- Mobile development
- Technical architecture
- Web accessibility (dev)
![Pyxis Lausanne Exploration numérique Robotique](https://content.antistatique.net/app/uploads/2024/03/2-retina-big-2600x2066.jpg)
Content Organization
Because each page of the website presents unique and specific content, our team of UX designers created them one by one in the form of wireframes. A model structure was developed to host and detail the numerous events and workshops that bring the building to life.
The site hierarchy was designed to highlight the three complementary entities: the venue, digital exploration, and the cultural café. The calendar also holds a prominent place in the main navigation, offering several filters for a targeted user experience.
"Pixel-Window" Interface
We had the pleasure of collaborating with Chi-Long Trieu, who created the logos and visual identity. This visual identity is based on distended pixel lines, echoing screens. We quickly made a connection with the numerous rectangles created by the architecture of the house that hosts Pyxis.
The website layout was thus built around a system of rectangles representing both clusters of pixels and windows into creative worlds.
![Pyxis Lausanne Robotique Atelier pour enfants](https://content.antistatique.net/app/uploads/2024/03/3-retina-big.jpg)
![Pyxis Lausanne page site internet atelier robotique](https://content.antistatique.net/app/uploads/2024/03/4-retina-big.jpg)
![Pyxis Lausanne site internet pages Agenda et détail agenda](https://content.antistatique.net/app/uploads/2024/03/5-retina-big-2600x1802.jpg)
![Pyxis Café Lausanne site internet page horaire](https://content.antistatique.net/app/uploads/2024/03/6-retina-big.jpg)
![Pyxis Lausanne en vieille ville de Lausanne. Cathédrale](https://content.antistatique.net/app/uploads/2024/03/7-retina-big.jpg)
Development
We chose to use WordPress and its Gutenberg tool, which allows for intuitive and flexible manipulation for page creation and formatting.
Additionally, thanks to the new Navigation API, the site incorporates modern and native JavaScript solutions to manage page animations. This innovative approach ensures optimal performance and long-term resilience.
![Pyxis Lausanne site Internet version mobile.](https://content.antistatique.net/app/uploads/2024/03/8-retina-big-2600x1562.jpg)
![Pyxis Lausanne Page Agenda Desktop](https://content.antistatique.net/app/uploads/2024/03/9-retina-big-2600x1598.jpg)