Early in 2016 we were approached by Romsoft, a software company with tradition on Iasi, to design an app meant to assist the artistic mediation process inside our very own – and recently re-opened – Palace of Culture. The project is called SIMAP and was launched together with the long awaited opening of the Palace of Culture.
We started gathering information about the product and audience, asking questions and finding solutions that might better layout the functionality to meet the objectives.
Customer journey map
After mind-mapping various usage scenarios and user behaviours, we used these conclusions to create the app flow and customer journey map, identifying two user flows: using the app inside the museum to pull out information about a certain item, tag and discuss and scheduling your visit to the museum before arriving.
Like every other of our projects, wireframing is essential for fast iteration and determining the best possible solutions for displaying and organising information. We created wireframes for every screen and interaction, often discussing about possible transitions between screens and animations.
The main screen features collections and items, browsable through a tabbed area that also responds to swipe, automatically focusing on the next collection.
The collections are browsable through a tabbed navigation bar.
Add to collection
Swiping adds an item to a personal collection.
We used Framer to prototype interactions and animations.
One of the main features of the app is tagging. This allows anyone to tag a specific item with a keyword that describes it. Tags will later be used to easily identify the level of experience a user has in reviewing art. The flow for tagging is straightforward and intuitive.
We identified multiple types of visitors based on group size, reasons for visiting the museum, but above all experience. In terms of experience level, you can select one out of three levels: adult, expert and child. We designed the icons to help create a visual connection between the visitor and these three options.
Icons were designed to fit the iOS design standards and redesigned for the Android App.
Whenever you plan your visit to the museum, but also during, you have the ability to create custom collections and add items to them. This helps finding objectives easier once you get to the Palace of Culture. We displayed collections in a 2 column grid format and kept the flow simple and intuitive. Visual queues and notifications signal actions being completed (like “item added to collection”).
A visual queue signals when a new personal collection has been added
The same layout as the one on the main screen is used for items inside a personal collection.
Success notifications appear on top when an item has been added to a collection.
Personal collections are laid out in a grid format.
Searching is done by keywords, unique ID or QR code scanning.
Transparent overlay that blurs the current screen in the background.
Reviews show experience level of the author.
After the iOS version of the app, we designed the Android one, focusing on implementing material design guidelines while retaining much of the same flow and experience we designed for iOS. Although we designed the app in Illustrator we used Sketch to design the icons and for final deliverables due to its amazingly helpful export features.
The app icon we designed stands out on the home screen. We also designed the on-boarding screens to focus on the important features of the product.