Create Your First Project
Start adding your projects to your portfolio. Click on "Manage Projects" to get started
Digital wardrobe
Created with:
Unreal Engine, Blender, Figma and Marvelous designer.
Group Project
6 weeks
Team members:
Moa Bergström, Gustav Engelbrektsson, Peter Farhang Azad, Emil Linnarsson Lehto, Sebastian Utbult
The project was a collaboration with the Västernorrland Museum, which sought a digital resource for interactively exploring various garments from their collections. This resource could potentially be part of their new permanent exhibition, "Nycklar till vår tid- 1700 till idag." While the museum was open to different design possibilities for the digital product, they had several specific requests and ideas for the "digital wardrobe." For instance, it should include 3D models of selected garments from the museum's collections, and allow visitors to access detailed information about each piece of clothing.
FEATURES:
൦ Alternate between the clothing pieces, even when a panel is open.
൦ Zoom in/out and rotate the model, and a button to reset the camera
൦ An information panel to for example read about the clothing pieces and browse between images in an array.
൦ Change the lightning settings (intensity and temperature) and switch between a light and dark background.
൦ "Help"-panel to read about how to use the application.
In this project, I was responsible for designing the interface and UI of the application. The aim was to create a simple and clear design so the focus would be on the garments. We took a lot of inspiration from Sketchfab and how they designed their 3D viewer.
I started by creating a basic template in Figma to establish the UI design and navigation flow for the application. Most of the icons used in the digital wardrobe were either sourced or created in Figma. The color scheme and fonts were based on the museum’s graphic profile, as requested. Once the template was approved by both the team and the Västernorrland Museum, I recreated it in Unreal Engine and added some animations for the panels and buttons. The creation and refinement process was ongoing throughout the project, with elements being added and removed as needed.
I also assisted with other tasks, such as setting up the light settings, as well as fine-tuning the materials on the garments in Unreal.
IMPROVEMENTS:
The result is a prototype showcasing how this application could be designed, with room for improvements. Primarily, there should be more interactivity and immersion with the 3D models. This could include additional settings, adding sound, and incorporating more backgrounds that complement the displayed garments.
The models were created in Marvelous Designer by other team members. One advantage of this is that the clothes can be simulated, unlike models made with photogrammetry for example. However, this feature is not fully utilized and should be better leveraged. For instance, showing how the clothes look on a person and how they move in different poses. The materials and other details of the models could also be more refined.
Another important aspect is improving touch functionality in the application, which is essential if it is to be used in an exhibition.