UI Design
UI Design
Efficient Event Management with Kompas CMS
Efficient Event Management with Kompas CMS
Role
UI Designer
Role
UI Designer
Duration
3 weeks
Duration
3 weeks
Year
2022
Year
2022
Role
UI Designer
Duration
3 weeks
Year
2022
Overview
Harian Kompas is an Indonesian national newspaper company located in Jakarta with the development of technology, of course they present newspapers that can be accessed digitally through the kompas.id application and website.
Kompas Event CMS is a dashboard-shaped website that is used for the internal needs of the event team to manage event content that will be displayed on the kompas.id website. This need is needed to make it easier for the event team to display, manage and monitor events.
Overview
Harian Kompas is an Indonesian national newspaper company located in Jakarta with the development of technology, of course they present newspapers that can be accessed digitally through the kompas.id application and website.
Kompas Event CMS is a dashboard-shaped website that is used for the internal needs of the event team to manage event content that will be displayed on the kompas.id website. This need is needed to make it easier for the event team to display, manage and monitor events.
Brief
In this internship project, I was mentored by the project manager and senior ui/ux designer. My seniors are involved in this project to work on iteration-1, while I will be prepared for iteration-2 and iteration-3. The work was fast-paced as each iteration was only limited to one week for each iteration.
The project information provided is as follows:
User Flow and Informataion Architecture
The process is done in parallel starting from iteration-1, I have to start preparing iteration-2 and after that proceed to iteration-3. In iteration-2 I will create the events list view and the supporting parts of the events list. Iteration-3 I worked on the login and attendance list views.
Using Bulma Component Framework
The limitation from the developer side is using Bulma components to create dashboards.
Harian Kompas Design System
Apart from using components from bulma, some other components use components from the existing design system in Harian Kompas (For example: typeface, font size and color).
Brief
In this internship project, I was mentored by the project manager and senior ui/ux designer. My seniors are involved in this project to work on iteration-1, while I will be prepared for iteration-2 and iteration-3. The work was fast-paced as each iteration was only limited to one week for each iteration.
The project information provided is as follows:
User Flow and Informataion Architecture
The process is done in parallel starting from iteration-1, I have to start preparing iteration-2 and after that proceed to iteration-3. In iteration-2 I will create the events list view and the supporting parts of the events list. Iteration-3 I worked on the login and attendance list views.
Using Bulma Component Framework
The limitation from the developer side is using Bulma components to create dashboards.
Harian Kompas Design System
Apart from using components from bulma, some other components use components from the existing design system in Harian Kompas (For example: typeface, font size and color).
Hi-fi Design
Hi-fi's design process was done immediately after receiving the brief. This happened because at the stage of defining the needs, it had already been done and was very clear so it skipped the wireframe stage as well.
The use of color, typeface and font-size adjusts to the design system of Harian Kompas. The dahsboard theme is minimalistic and clear to facilitate the target users who are mostly millennials. So the design should be kept simple and easy to use.
Hi-fi Design
Hi-fi's design process was done immediately after receiving the brief. This happened because at the stage of defining the needs, it had already been done and was very clear so it skipped the wireframe stage as well.
The use of color, typeface and font-size adjusts to the design system of Harian Kompas. The dahsboard theme is minimalistic and clear to facilitate the target users who are mostly millennials. So the design should be kept simple and easy to use.
Presentation
Once the design phase was complete, the next step was to present the designs to the project manager, lead, and developers. This presentation was crucial for explaining the created designs, including the dashboard flow and data flow. It also served as an opportunity to gather feedback and ensure that all team members were aligned with the design direction and functionality.
Presentation
Once the design phase was complete, the next step was to present the designs to the project manager, lead, and developers. This presentation was crucial for explaining the created designs, including the dashboard flow and data flow. It also served as an opportunity to gather feedback and ensure that all team members were aligned with the design direction and functionality.
Documentation
The documentation is organized in the form of a flow with the provision of pointer lines between pages and also brief explanations needed to explain the parts of the dashboard. The purpose of the documentation is to make it easier to read the flow and make it easier for developers to implement the design into coding.
Documentation
The documentation is organized in the form of a flow with the provision of pointer lines between pages and also brief explanations needed to explain the parts of the dashboard. The purpose of the documentation is to make it easier to read the flow and make it easier for developers to implement the design into coding.
