VR / Web Platform Design Lead 2019 – 2021

PINITO — When the exhibition
had to go virtual.

What started as a way to make architecture presentations cheaper and more immersive became, during COVID, the only way an entire university could hold its end-of-year exhibition. A web-based VR platform built for students, expanded to three departments and 750 users.

750 Users
3 Departments
60 Interviews
2019
AR prototype
Built a mobile AR app using Unity and Vuforia to overlay 3D models on architectural drawings — eliminating the need for expensive physical models.
2020
COVID forces a pivot
Physical exhibitions became impossible. The team shifted to building a full web-based VR exhibition platform — PINITO — so end-of-year presentations could continue online.
2021
University-wide expansion
After seeing the impact, university officials requested the platform be extended to other departments. Following 60 interviews across faculties, PINITO scaled to 3 departments and 750 users.
The Problem

Physical models are expensive, time-consuming, and impossible during a pandemic.

Every semester, architecture students at the Art University of Isfahan spent significant time and money building physical scale models for their final presentations — called "jojman." Beyond the cost, the process was stressful and left little room for iteration.

When COVID hit, that problem became critical. There was no physical space, no way to gather, and no platform to replace the experience — including the peer feedback and professor critique that made jojman valuable in the first place.

Early AR prototype with Vuforia and live demo with professors

It started with AR.

Before COVID, we built a mobile AR app using Unity and Vuforia that let students point their phone at a drawing and see their 3D model appear on top of it in real scale. Professors and students could walk around it, inspect it, and discuss it — no physical model needed.

This was the seed of what became PINITO.

Early AR prototype (2019) — 3D architectural models overlaid on hand drawings using Vuforia. Right: a live demo with faculty members.

The Solution

A virtual building, on the web, accessible from any device.

PINITO is a web-based VR exhibition platform built around a 3D model of the Art University of Isfahan. Students upload their projects — drawings, renders, videos, 3D models — and visitors can walk through the virtual building and experience the work as if they were there in person.

It was designed with two separate spaces: a public-facing exhibition for anyone to browse, and a private communication portal for student-teacher critique and peer feedback — replicating the social dynamics of a real jojman.

🏛️

Virtual university building

A 3D recreation of the Art University of Isfahan — familiar to students, immersive for visitors.

📤

Project upload portal

Students upload drawings, renders, videos, and 3D models directly to their space in the exhibition.

💬

Student-teacher feedback

A private channel for professors to leave critique and students to respond — replacing in-person review sessions.

👥

Public exhibition view

Anyone could visit the exhibition, browse student work, and leave comments — keeping the social dimension of jojman alive.

🥽

Oculus VR support

For a fully immersive experience, visitors could explore the exhibition using an Oculus headset.

📱

Fully responsive

Designed to work on any device — desktop, mobile, or VR headset — so no student was left out.

The Experience

Walking through an exhibition that never closed.

Inside PINITO, visitors navigate the virtual halls of the university, stop at student project displays on the walls, click through to see full project details, and leave feedback. The spatial metaphor made it immediately intuitive — it felt like being there.

Student using Oculus VR headset and the virtual exhibition space

Left: a visitor exploring PINITO using an Oculus headset. Right: the virtual exhibition space with student projects displayed on the walls.

The Platform

Two portals, two different needs.

PINITO web portal on desktop and mobile

Designed for every screen.

The project portal was built to work seamlessly across desktop and mobile. Students could manage their uploads, view feedback from professors, and track how many people had visited their work — all from the same interface.

The responsive design was a deliberate decision: not everyone had access to a laptop, and the platform needed to reach every student equally.

The PINITO project portal — responsive across desktop and mobile.

PINITO project gallery showing student work

The public exhibition gallery — visitors browse student projects, click through to full project pages, and leave comments.

My Role

Design lead, researcher, and the bridge between team and university.

This was my first web VR project. I had previously worked on mobile apps and AR, but leading the design of a platform at this scale — under time pressure, with a team of 8 and university stakeholders — was new territory.

Product Design

End-to-end design from Figma wireframes through to final UI — including both the VR exhibition and the web portal.

User Research

Conducted 60 interviews with students and professors across departments to understand different workflows and needs.

Stakeholder Management

Coordinated with university officials to secure institutional support, IP access, and cross-department rollout.

The Process

From a sketch on a whiteboard to a university-wide platform.

01

AR prototype for architecture (2019)

Built a Unity + Vuforia mobile app to overlay 3D models on architectural drawings. Demonstrated live to faculty — strong positive response.

02

COVID pivot to web VR (2020)

With physical exhibitions impossible, redesigned the concept as a browser-based VR platform. Learned A-Frame from scratch while simultaneously designing the interface in Figma.

03

Research for expansion (2020 – 2021)

University officials wanted the platform extended to other departments. Conducted 60 interviews with students and professors across faculties to understand new workflows — especially group projects and video-heavy submissions.

04

Cross-department rollout (2021)

Redesigned the upload system and communication tools to support video, group work, and inter-student collaboration. Coordinated with the university IT department to deploy on institutional infrastructure.

Tech Stack

Web-first VR, built to run in any browser.

A-Frame HTML / CSS / JavaScript Figma Unity Vuforia Oculus SDK iOS / Android
Outcome

750 users. 3 departments. One platform that kept education going.

PINITO gave students a way to share their work during the most disruptive period in the university's recent history. But beyond COVID, it demonstrated that digital exhibition spaces could offer something physical ones couldn't — accessibility, reach, and a permanent archive of student work.

What we learned

Expanding to other departments revealed that different disciplines have very different presentation needs. Architecture students work with 3D models and drawings; other departments rely heavily on video and collaborative group submissions. Designing for that range required a much more flexible content system — and pushed the platform to become genuinely multipurpose, not just a niche tool for one department.