LABED
The website for UFN's Electronics and Development Lab, designed to make its projects, members and fields of work easier to discover.
- Role
- Design and development
- Period
- 2024 – 2026
- Type
- Institutional website
The problem
The lab was building combat robots, line followers and virtual reality booths, and none of it was findable outside Instagram. It needed a place where every project had its own address and could be shared.
My contribution
I built the site from scratch in 2024 as a React SPA with Vite, with the lab's visual identity and records for members, projects and sponsors. In 2026 I migrated all of it to Nuxt 4 with Tailwind CSS v4, keeping the original identity. The migration replaced in-browser rendering with pre-rendered pages, and every project got its own address, with a photo gallery and sharing meta tags, which the SPA did not have. Members, projects and sponsors live in typed JSON files editable through Pages CMS, and the scroll animations, built with CSS and Lenis, respect the reduced-motion preference.
Project highlights
- 2024 → 2026from a React SPA to pre-rendered Nuxt
- A page per projectits own shareable address
- Pages CMSmembers, projects and sponsors editable without code
Technologies
Nuxt 4, TypeScript, Tailwind CSS v4, Lenis, Pages CMS
Inside the product
