Redesigning Princeton University’s Form Finding Lab Website: A Fusion of Art, Engineering, and UX Innovation
Form Finding Lab
Introduction
Array
Industry
Academic Research, Structural Engineering, Computational Design, Sustainability
Client
Princeton University
Princeton, NJ 08544, United States
Project Type
Website Redesign & Digital Experience Optimization
Roles
Challenges & Goals
This project showcases the redesign of Princeton University’s Form Finding Lab website, merging artistic expression with engineering principles and innovative UX design. The aim was to create an engaging digital experience that resonates with a diverse audience, including graduate students, researchers, and studio clients.
Approach
Before diving into design, I conducted stakeholder interviews, competitive analysis, and user research. I studied websites like Timvanlaeregallery.com and Ruhabenjamin.com, extracting elements that could work for an academic yet artistic space.
I restructured the content into an intuitive navigation system, focusing on
Research – Horizontally scrolling content with fixed images for better readability.
Teaching – Categorized courses for easy access.
Studio & Exhibitions – A dynamic showcase of artistic research.
People – Black-and-white team portraits in a unique window-frame aesthetic.
UI/UX Design
The goal was to create a powerful, aesthetic, and engaging interface.
– Dark, minimalist design with pink highlights for contrast.
– Interactive elements – auto-rotating images, subtle animations, and hover effects.
– Typography & layout inspired by contemporary art galleries for a clean, structured experience.
Final Solution & Key Features
| Feature | Description |
|---|---|
| Homepage | – Features an artistic hero image with overlaid text (inspired by Bigons from Art of Science Digital Exhibition). – Includes a rotating image carousel showcasing research and work. – Direct contact and CV buttons for quick access. |
| Research Page | – Horizontally structured layout with fixed images and scrolling text to enhance readability. – Categorized research sections for easy exploration. |
| Teaching Page | – Clear breakdown of Engineering & Architecture, Engineering & Art, and Research courses. – Emphasizes the lab’s teaching philosophy in an engaging manner. |
| Studio & Exhibitions | – Dynamic image grid showcasing past exhibitions and artistic research projects. |
| People Page | – Unified black-and-white team portraits arranged in a window-frame aesthetic for visual cohesion. |
Results & Impact
The new FFL website successfully transformed how users engage with research.
– 125% increase in time spent on the site – thanks to dynamic layouts and interactive features.
– Simplified navigation – making content more accessible.
– Stronger visual identity – merging FFL’s engineering and artistic vision.
Professor Sigrid M. Adriaenssens shared her excitement:
Impact
| Aspect | Details |
|---|---|
| Enhanced User Engagement | – The new design fosters longer user sessions and encourages exploration. |
| Improved Aesthetics & Navigation | – The site aligns with Princeton’s academic prestige while maintaining an artistic and engaging layout. |
| Optimized Research Presentation | – Dynamic, visually-driven layouts make complex research more digestible. |
| Stronger Online Presence | – The integration of social media, external publications, and a refined blog section boosts credibility. |
Conclusion & Key Takeaways
This project was a perfect blend of UX strategy, visual storytelling, and technical execution. I enjoyed translating FFL’s groundbreaking research into a compelling digital experience.
This project was a perfect blend of UX strategy, visual storytelling, and technical execution. I enjoyed translating FFL’s groundbreaking research into a compelling digital experience.
This project was a perfect blend of UX strategy, visual storytelling, and technical execution. I enjoyed translating FFL’s groundbreaking research into a compelling digital experience.
The redesign of the Form Finding Lab website exemplifies the successful integration of UX strategy, visual storytelling, and technical execution. This project not only enhances user engagement but also effectively communicates the lab’s innovative research.
Array