LOKET

LOKET

Effortless Occassions — Enhancing the Way You Organize Event

Effortless Occassions — Enhancing the Way You Organize Event

[case.study]

[ui—ux.design]

[web.app]

[event.dashboard]

[desktop]

[2023]

LOKET

Effortless Occassions — Enhancing the Way You Organize Event

[case.study]

[ui—ux.design]

[web.app]

[event.dashboard]

[desktop]

[2023]

[approach]

  • Secondary Research

  • Comparative Research

  • Usability Testing

[role]

  • UX Researcher

  • UI/UX Designer

[timeframe]

2 Weeks

[tools]

[approach]

  • Secondary Research

  • Comparative Research

  • Usability Testing

[role]

  • UX Researcher

  • UI/UX Designer

[timeframe]

2 Weeks

[tools]

[overview]

[overview]

With various concerts making a comeback post-COVID, many organizers opt to use event management softwares nowadays to manage their events. Evidently, it has become increasingly popular in recent years, as it enhances efficiency, communication, and the overall experience of planning and participating in events.

Unfortunately, the current process of managing an event is manual and lacks real time data insights, which could lead to missed opportunities and lost revenue if let alone. Hence, it is crucial to use and utilize the best event management software. 






LOKET was designed to address these challenges by providing an intuitive, data-driven, and visually engaging dashboard that empowers organizers to manage events more effectively and confidently.

With various concerts making a comeback post-COVID, many organizers opt to use event management softwares nowadays to manage their events. Evidently, it has become increasingly popular in recent years, as it enhances efficiency, communication, and the overall experience of planning and participating in events.

Unfortunately, the current process of managing an event is manual and lacks real time data insights, which could lead to missed opportunities and lost revenue if let alone. Hence, it is crucial to use and utilize the best event management software. 






LOKET was designed to address these challenges by providing an intuitive, data-driven, and visually engaging dashboard that empowers organizers to manage events more effectively and confidently.

DESIGN PROCESS

DESIGN PROCESS

01.

01.

Understanding Design Brief and Scope

Understanding Design Brief and Scope

[design.requirements]

  • Dashboard

  • Audience Management

  • Check-in Management

  • Booth Sales Management

  • Real-time Update

  • User Management

[design.consideration]

  • User Experience

  • Data Visualization

  • Real-time updates

  • Security

  • Scability

[target.user]

  • Event Managers

  • Staff Events

[design.requirements]

  • Dashboard

  • Audience Management

  • Check-in Management

  • Booth Sales Management

  • Real-time Update

  • User Management

[design.consideration]

  • User Experience

  • Data Visualization

  • Real-time updates

  • Security

  • Scability

[target.user]

  • Event Managers

  • Staff Events

[design.requirements]

  • Dashboard

  • Audience Management

  • Check-in Management

  • Booth Sales Management

  • Real-time Update

  • User Management

[design.consideration]

  • User Experience

  • Data Visualization

  • Real-time updates

  • Security

  • Scability

[target.user]

  • Event Managers

  • Staff Events

02.

02.

Secondary Research and Comparative Analysis

Secondary Research and Comparative Analysis

[my.research]

[my.research]

I'm exploring platforms similar to LOKET on YouTube to find content references and structural hierarchies that could be incorporated into the LOKET dashboard. I've also registered accounts on these platforms to gain a more in-depth understanding of their structure and information organization.

I'm exploring platforms similar to LOKET on YouTube to find content references and structural hierarchies that could be incorporated into the LOKET dashboard. I've also registered accounts on these platforms to gain a more in-depth understanding of their structure and information organization.

COMPARATIVE ANALYSIS

COMPARATIVE ANALYSIS

[conclusion]

[conclusion]

Base on secondary research, and comparative research findings, LOKET will be design and create a system that is easy to use, visually engaging, and provides real-time data insights to help event managers make informed decisions.

Base on secondary research, and comparative research findings, LOKET will be design and create a system that is easy to use, visually engaging, and provides real-time data insights to help event managers make informed decisions.

03.

03.

Ideation, Creating Design, and Prototyping

Ideation, Creating Design, and Prototyping

[design.style]

[design.style]

Design style in UI/UX refers to the visual presentation and aesthetic decisions made in the interface of a digital product. These choices, which can include flat design, material design, minimalism, and various others, have a significant influence on the user experience and the product's brand identity.

Design style in UI/UX refers to the visual presentation and aesthetic decisions made in the interface of a digital product. These choices, which can include flat design, material design, minimalism, and various others, have a significant influence on the user experience and the product's brand identity.

STYLE GUIDE

STYLE GUIDE

Color Pallete

Primary

#102041

#152955

#14366D

#1B62C5

#1E78F0

Accent

#F9C7E5

#B6D3F1

#F39897

#F8CEA6

#B7ADE9

#D1EBAC

#FE6313

#EE456D

#57CDA6

Greyscale

#222222

#585858

#989898

#C4C4C

#F2F2F2

Typography

[Satoshi]

Aa

32 Bold

Aa

24 Bold

Aa

24 Black

Aa

20 Bold

Aa

16 Medium

Aa

14 Regular

brown fox

jumps over

the lazy dog

Color Pallete

Primary

#102041

#152955

#14366D

#1B62C5

#1E78F0

Accent

#F9C7E5

#B6D3F1

#F39897

#F8CEA6

#B7ADE9

#D1EBAC

#FE6313

#EE456D

#57CDA6

Greyscale

#222222

#585858

#989898

#C4C4C

#F2F2F2

Typography

[Satoshi]

Aa

32 Bold

Aa

24 Bold

Aa

24 Black

Aa

20 Bold

Aa

16 Medium

Aa

14 Regular

brown fox

jumps over

the lazy dog

[wireframe.&.information.architecture]

[wireframe.&.information.architecture]

A user flow directs users through a process, encompassing their actions and choices to create an intuitive user experience. A sitemap provides a visual representation of the product's structure, assisting with content organization and navigation. It serves as the basis for creating wireframes and facilitates communication among stakeholders.

A user flow directs users through a process, encompassing their actions and choices to create an intuitive user experience. A sitemap provides a visual representation of the product's structure, assisting with content organization and navigation. It serves as the basis for creating wireframes and facilitates communication among stakeholders.

[wireframe]

[site.map]

[wireframe]

[user.flow]

[wireframe]

[user.flow]

[ui.solutions]

[ui.solutions]

To resolve the problem of limited information visibility on the current website, I have created a new website that prioritizes improved readability. Through strategic categorization and hierarchical organization of content, users can readily access and comprehend the information. Furthermore, each page features clear and fitting calls to action to ensure the best possible user engagement.

To resolve the problem of limited information visibility on the current website, I have created a new website that prioritizes improved readability. Through strategic categorization and hierarchical organization of content, users can readily access and comprehend the information. Furthermore, each page features clear and fitting calls to action to ensure the best possible user engagement.

UI DESIGN

UI DESIGN

04.

04.

Conduct Usability Testing

Conduct Usability Testing

[type]

Unmoderated

[duration]

10-15 minutes

[participant]

5 Users

[tools]

[type]

Unmoderated

[duration]

10-15 minutes

[participant]

5 Users

[tools]

[testing.remotely]

[testing.remotely]

Eight tasks have been created to assess whether users can effectively complete them, and the results will help determine the user-friendliness of the application.

Eight tasks have been created to assess whether users can effectively complete them, and the results will help determine the user-friendliness of the application.

[task]

[result]

[task]

[result]

[task]

[result]

[summary.&.conclusion]

[summary.&.conclusion]

Based on the results of the usability testing I conducted, I have successfully achieved an average success rate of 85%. These results indicate that the design I have created effectively addresses user issues. Out of the 8 tasks that were tested, four of them, namely the first, second, third, and fourth tasks, were completed perfectly by the users.

However, in the fifth, sixth, and seventh tasks, which involved finding real-time alerts or notifications, some users encountered difficulties in completing these tasks. I have identified areas that require improvement in my design to enhance the user experience when dealing with these specific tasks.

In conclusion, the results of the usability testing confirm that my design has been successful in most cases, but there is room for improvement to help users overcome challenges they may face in certain tasks. I am committed to continuously improving my design to provide the best possible user experience.

Based on the results of the usability testing I conducted, I have successfully achieved an average success rate of 85%. These results indicate that the design I have created effectively addresses user issues. Out of the 8 tasks that were tested, four of them, namely the first, second, third, and fourth tasks, were completed perfectly by the users.

However, in the fifth, sixth, and seventh tasks, which involved finding real-time alerts or notifications, some users encountered difficulties in completing these tasks. I have identified areas that require improvement in my design to enhance the user experience when dealing with these specific tasks.

In conclusion, the results of the usability testing confirm that my design has been successful in most cases, but there is room for improvement to help users overcome challenges they may face in certain tasks. I am committed to continuously improving my design to provide the best possible user experience.

THANK YOU!

and hope to hear from you soon.

THANK YOU!

and hope to hear from you soon.

need a designer?

LET’S COLLABORATE!

, feel free to ask me!

CONTACT ME

need a designer?

LET’S COLLABORATE!

, feel free to ask me!

CONTACT ME

[a]

© 2026. [ariq.tuasikal]

[a]

© 2026. [ariq.tuasikal]

[a]

© 2026. [ariq.tuasikal]

Create a free website with Framer, the website builder loved by startups, designers and agencies.