Tribo
CMS design & mobile App UI refresh
Tribo is a mobile plattform that connect companies, event organizer and communities with their digital audiences. Through specific events, users can have access to key information, updates, locations, photos and videos, all in one place.
Project focused on two fronts: designing a CMS web to manage event content, the other front: the mobile app’s visual design to improve its presentation.
My role
UI Designer
Project type
Web CMS Design, Mobile UI App Refresh
Year
2020
Tools & skills:
Sketch, UI Design, Wireframing, Prototyping, Visual Design
Context
For companies and event organizers could manage event information in the app, it was necessary design a content manager system (CMS) accesible, clear and easy to use. At the same the app interface needed a visual refresh on the UI that aligns its design with good usability practices, a modern style and having consistency with the current branding elements.
Challenge
Design a CMS that allows companies and event organizers to manage event content easily, and propose a visual refresh for the mobile app, focused on simplify the information structure and improving the UI design.
CMS Design
My rol was mainly focus on the user interface and information architecture, visuals and interactions.
Navigation Structure
While the CMS flow and its size wasn’t large, visualizing and building the sitemap helped to structure content and define the navigation, working side by side with development team.
Layout definition
Wireframes helped to shape the experience without loosing focus on visual details. First validations, feedback and iterations were done at this stage to clarify key decisions early on.
High Fidelity UI
Other sections include, Login section, service category section, and media upload section.
Mobile App UI Refresh
Improving the visual design, base layout of key screens
Challenge
Tribo app needed short-term improvements in the design. The task was to design key screens that define the look & feel but keeping consistency while improving layout clarity, and overall usability.
Outcomes
Refreshed key screen
More consistent layout
Improved readability and hierarchy, unlike the previous version that was perceive as flat
