RJ Pohjanheimo
RJ Pohjanheimo
RJ Pohjanheimo
Web
Product Management
UX/UI Design
City of Porvoo - Event Designer
A 3D web app for designing outdoor events in the Kokonniemi event space.
Scroll down
to see more
Jan-Christian Forsman
Life Cycle Expert
"I don't think any other city has such powerful technology at their disposal!"
Jan-Christian Forsman
Life Cycle Expert
"I don't think any other city has such powerful technology at their disposal!"
"As an event planner, I want to see what my event would look like in this space."
"As an event planner, I want to see what my event would look like in this space."
Full Stack
Overview
Tapahtumasuunnittelija is a web-based event planner tool created for the city government of Porvoo, drawing inspiration from the game Sims. It allows users to build and arrange event elements on a 3D grid using a customizable building panel.
Client: City of Porvoo
Timeline: 8 months
Role: Product Manager
Tools: Figma, Blender, Unity, C-panel
Deliverables: A 3D Web app
Design process
Process
Content
Discovery
The City of Porvoo needed a modern digital solution to replace traditional, manual event planning processes. There was no interactive way for event planners to visualise their events and that's where I stepped in. I hired a small team for the project to help deliver the product in due time. I took on the role of Product Manager, communicating the vision to my team and communicating the progress to the client. In addition, I designed the interface and user experience. My team included a talented 3D designer who developed the virtual environment and a full-stack developer who completed most of the coding. Their contributions were invaluable, and the project’s success was a testament to our collaborative effort.
1
Discovery
The City of Porvoo needed a modern digital solution to replace traditional, manual event planning processes. There was no interactive way for event planners to visualise their events and that's where I stepped in. I hired a small team for the project to help deliver the product in due time. I took on the role of Product Manager, communicating the vision to my team and communicating the progress to the client. In addition, I designed the interface and user experience. My team included a talented 3D designer who developed the virtual environment and a full-stack developer who completed most of the coding. Their contributions were invaluable, and the project’s success was a testament to our collaborative effort.
1
Discovery
The City of Porvoo needed a modern digital solution to replace traditional, manual event planning processes. There was no interactive way for event planners to visualise their events and that's where I stepped in. I hired a small team for the project to help deliver the product in due time. I took on the role of Product Manager, communicating the vision to my team and communicating the progress to the client. In addition, I designed the interface and user experience. My team included a talented 3D designer who developed the virtual environment and a full-stack developer who completed most of the coding. Their contributions were invaluable, and the project’s success was a testament to our collaborative effort.
1
Design
The design process began with exploring multiple interaction concepts through rapid prototyping. I tested different approaches, starting from an FPS view of the event space but then landing on a top-down planner with zooming, similar to The Sims. I created mock-ups in Figma, incorporating the visual style of the City of Porvoo. I used these as a guideline when I implemented the UI in Unity. The client sent me To support scalability, I created a structured component library that covered 2D UI elements, 3D assets, and reusable code components. This ensured consistency across the experience and made development more efficient.
2
Design
The design process began with exploring multiple interaction concepts through rapid prototyping. I tested different approaches, starting from an FPS view of the event space but then landing on a top-down planner with zooming, similar to The Sims. I created mock-ups in Figma, incorporating the visual style of the City of Porvoo. I used these as a guideline when I implemented the UI in Unity. The client sent me To support scalability, I created a structured component library that covered 2D UI elements, 3D assets, and reusable code components. This ensured consistency across the experience and made development more efficient.
2
Design
The design process began with exploring multiple interaction concepts through rapid prototyping. I tested different approaches, starting from an FPS view of the event space but then landing on a top-down planner with zooming, similar to The Sims. I created mock-ups in Figma, incorporating the visual style of the City of Porvoo. I used these as a guideline when I implemented the UI in Unity. The client sent me To support scalability, I created a structured component library that covered 2D UI elements, 3D assets, and reusable code components. This ensured consistency across the experience and made development more efficient.
2
Product Management
I worked closely with a full-stack developer and a 3D artist. I applied my knowledge from my Scaled Agile PO/PM training and set-up a lean way of working for our team. I utilised Trello for project management, Slack for communications, and Github for version control. The developer would implement customised features for the base app, including zooming, rotation, and screen capture, as per my direction. The 3D artist created the 3D environment and background, as well as provided customised assets. I bridged the gaps and put it all together.
3
Product Management
I worked closely with a full-stack developer and a 3D artist. I applied my knowledge from my Scaled Agile PO/PM training and set-up a lean way of working for our team. I utilised Trello for project management, Slack for communications, and Github for version control. The developer would implement customised features for the base app, including zooming, rotation, and screen capture, as per my direction. The 3D artist created the 3D environment and background, as well as provided customised assets. I bridged the gaps and put it all together.
3
Product Management
I worked closely with a full-stack developer and a 3D artist. I applied my knowledge from my Scaled Agile PO/PM training and set-up a lean way of working for our team. I utilised Trello for project management, Slack for communications, and Github for version control. The developer would implement customised features for the base app, including zooming, rotation, and screen capture, as per my direction. The 3D artist created the 3D environment and background, as well as provided customised assets. I bridged the gaps and put it all together.
3
Release and Results
Once the product was done and accepted, I setup hosting to publish the web app. The final product was an engaging and interactive event planning tool that transformed how the City of Porvoo visualizes events for their event planners. It allowed users to see the event space in different perspectives interactively, as well as place the building blocks of events, such as stages, tables, and tents, to fully visualise how their event would look like. The app garnered interest in some other potential clients as well.
4
Release and Results
Once the product was done and accepted, I setup hosting to publish the web app. The final product was an engaging and interactive event planning tool that transformed how the City of Porvoo visualizes events for their event planners. It allowed users to see the event space in different perspectives interactively, as well as place the building blocks of events, such as stages, tables, and tents, to fully visualise how their event would look like. The app garnered interest in some other potential clients as well.
4