PLUSONE TOOL
PLUSONE TOOL
PLUSONE TOOL
PLUSONE TOOL
PLUSONE TOOL
Designing interface for a digital product that enable event promoters to easily create dedicated web pages for their events
Designing interface for a digital product that enable event promoters to easily create dedicated web pages for their events
Designing interface for a digital product that enable event promoters to easily create dedicated web pages for their events
Designing interface for a digital product that enable event promoters to easily create dedicated web pages for their events
Designing interface for a digital product that enable event promoters to easily create dedicated web pages for their events
Role
User Interface Designer
Year
2021
project type
UX/UI
Deliverable
SaaS
Role
User Interface Designer
Year
2021
project type
UX/UI
Deliverable
SaaS
Role
User Interface Designer
Year
2021
project type
UX/UI
Deliverable
SaaS
Role
User Interface Designer
Year
2021
project type
UX/UI
Deliverable
SaaS
Role
User Interface Designer
Year
2021
project type
UX/UI
Deliverable
SaaS
Overview
The PLUSONE tool is a digital product developed by KBPM for VICE Media, enabling event promoters to effortlessly create dedicated web pages for their events. This comprehensive platform empowers event organizers to handle event setup, page building, guestlist management, email campaigns, contact management, and various interactive elements.
Challenge
Designing an intuitive and user-friendly interface for the PLUSONE tool was a complex undertaking due to several factors:
Multitude of Features: The tool encompasses a wide range of features and functionalities, including event setup, page building, guestlist management, email campaigns, contact management, and interactive elements. Ensuring seamless navigation and functionality across these diverse features was a significant challenge.
Varied User Expertise: The target audience, event promoters, encompassed a spectrum of technical expertise, ranging from novice to experienced users. Balancing the needs and expectations of both groups was crucial to create a design that was accessible and easy to use for all.
Adherence to Brand Identity: The PLUSONE tool needed to align seamlessly with VICE Media's established brand identity, incorporating their signature color palette, typography, and visual style. Maintaining consistency with the brand's guidelines was essential for maintaining brand recognition and professionalism.
Accessibility Considerations: The tool was intended for use by a broad audience, including those with disabilities. Ensuring accessibility by incorporating features like screen reader compatibility and keyboard navigation was paramount to inclusivity and user satisfaction.
Approach
To address the complexity and user experience challenges, we adopted a user-centered design (UCD) approach. This involved:
Extensive User Research: We conducted user interviews, surveys, and usability testing to understand the needs, preferences, and pain points of event promoters. This research provided valuable insights into how the tool should be designed to meet the needs of its users.
Prototyping: We created low-fidelity and high-fidelity prototypes to visualize the tool's layout and functionality. These prototypes allowed us to test different design options and gather feedback from users before committing to a final design.
Iterative Design: We refined the UI through an iterative design process. This involved making changes based on feedback from users and testing each iteration to ensure that the tool was meeting the needs of its target audience.
Role
As a UI Designer, I played a crucial role in shaping the PLUSONE tool's user interface. My responsibilities included:
Wireframing and Prototyping: I created wireframes and prototypes to visualize the tool's layout and functionality, ensuring a seamless user experience.
User Interface Design: I crafted the actual UI elements, including buttons, icons, typography, and color palettes, ensuring they aligned with the tool's brand identity and user needs.
Usability Testing: I conducted user testing sessions to gather feedback and identify areas for improvement, refining the UI based on user insights.
Overview
The PLUSONE tool is a digital product developed by KBPM for VICE Media, enabling event promoters to effortlessly create dedicated web pages for their events. This comprehensive platform empowers event organizers to handle event setup, page building, guestlist management, email campaigns, contact management, and various interactive elements.
Challenge
Designing an intuitive and user-friendly interface for the PLUSONE tool was a complex undertaking due to several factors:
Multitude of Features: The tool encompasses a wide range of features and functionalities, including event setup, page building, guestlist management, email campaigns, contact management, and interactive elements. Ensuring seamless navigation and functionality across these diverse features was a significant challenge.
Varied User Expertise: The target audience, event promoters, encompassed a spectrum of technical expertise, ranging from novice to experienced users. Balancing the needs and expectations of both groups was crucial to create a design that was accessible and easy to use for all.
Adherence to Brand Identity: The PLUSONE tool needed to align seamlessly with VICE Media's established brand identity, incorporating their signature color palette, typography, and visual style. Maintaining consistency with the brand's guidelines was essential for maintaining brand recognition and professionalism.
Accessibility Considerations: The tool was intended for use by a broad audience, including those with disabilities. Ensuring accessibility by incorporating features like screen reader compatibility and keyboard navigation was paramount to inclusivity and user satisfaction.
Approach
To address the complexity and user experience challenges, we adopted a user-centered design (UCD) approach. This involved:
Extensive User Research: We conducted user interviews, surveys, and usability testing to understand the needs, preferences, and pain points of event promoters. This research provided valuable insights into how the tool should be designed to meet the needs of its users.
Prototyping: We created low-fidelity and high-fidelity prototypes to visualize the tool's layout and functionality. These prototypes allowed us to test different design options and gather feedback from users before committing to a final design.
Iterative Design: We refined the UI through an iterative design process. This involved making changes based on feedback from users and testing each iteration to ensure that the tool was meeting the needs of its target audience.
Role
As a UI Designer, I played a crucial role in shaping the PLUSONE tool's user interface. My responsibilities included:
Wireframing and Prototyping: I created wireframes and prototypes to visualize the tool's layout and functionality, ensuring a seamless user experience.
User Interface Design: I crafted the actual UI elements, including buttons, icons, typography, and color palettes, ensuring they aligned with the tool's brand identity and user needs.
Usability Testing: I conducted user testing sessions to gather feedback and identify areas for improvement, refining the UI based on user insights.
Overview
The PLUSONE tool is a digital product developed by KBPM for VICE Media, enabling event promoters to effortlessly create dedicated web pages for their events. This comprehensive platform empowers event organizers to handle event setup, page building, guestlist management, email campaigns, contact management, and various interactive elements.
Challenge
Designing an intuitive and user-friendly interface for the PLUSONE tool was a complex undertaking due to several factors:
Multitude of Features: The tool encompasses a wide range of features and functionalities, including event setup, page building, guestlist management, email campaigns, contact management, and interactive elements. Ensuring seamless navigation and functionality across these diverse features was a significant challenge.
Varied User Expertise: The target audience, event promoters, encompassed a spectrum of technical expertise, ranging from novice to experienced users. Balancing the needs and expectations of both groups was crucial to create a design that was accessible and easy to use for all.
Adherence to Brand Identity: The PLUSONE tool needed to align seamlessly with VICE Media's established brand identity, incorporating their signature color palette, typography, and visual style. Maintaining consistency with the brand's guidelines was essential for maintaining brand recognition and professionalism.
Accessibility Considerations: The tool was intended for use by a broad audience, including those with disabilities. Ensuring accessibility by incorporating features like screen reader compatibility and keyboard navigation was paramount to inclusivity and user satisfaction.
Approach
To address the complexity and user experience challenges, we adopted a user-centered design (UCD) approach. This involved:
Extensive User Research: We conducted user interviews, surveys, and usability testing to understand the needs, preferences, and pain points of event promoters. This research provided valuable insights into how the tool should be designed to meet the needs of its users.
Prototyping: We created low-fidelity and high-fidelity prototypes to visualize the tool's layout and functionality. These prototypes allowed us to test different design options and gather feedback from users before committing to a final design.
Iterative Design: We refined the UI through an iterative design process. This involved making changes based on feedback from users and testing each iteration to ensure that the tool was meeting the needs of its target audience.
Role
As a UI Designer, I played a crucial role in shaping the PLUSONE tool's user interface. My responsibilities included:
Wireframing and Prototyping: I created wireframes and prototypes to visualize the tool's layout and functionality, ensuring a seamless user experience.
User Interface Design: I crafted the actual UI elements, including buttons, icons, typography, and color palettes, ensuring they aligned with the tool's brand identity and user needs.
Usability Testing: I conducted user testing sessions to gather feedback and identify areas for improvement, refining the UI based on user insights.
Figure 1: Design system preview
Figure 1: Design system preview
Figure 1: Design system preview
Figure 2: Primary logo
Figure 2: Primary logo
Figure 2: Primary logo
Figure 3: Secondary logo
Figure 3: Secondary logo
Figure 3: Secondary logo
Design tool
We primarily used Figma as our design tool for wireframing, prototyping, and UI development. Figma's collaborative features and real-time editing capabilities enabled seamless collaboration between team members.
Key design decision
Key Design Decisions:
Intuitive Navigation: We designed a clear and structured navigation system that allowed users to easily find the features they needed. We used a consistent menu structure and clear labels to prevent users from getting lost in the tool.
Visual Hierarchy: We used visual hierarchy to guide users' attention to important information. We did this by using larger typography for headings, bolding important text, and using color to differentiate between different types of content.
User-Friendly Interactions: We designed user-friendly interactions that were easy to learn and use. We used clear and concise language, intuitive iconography, and ample whitespace to make the tool as accessible as possible.
Accessibility: We prioritized accessibility by ensuring that the tool was compatible with screen readers and keyboard navigation. We also made sure that the color contrast was sufficient for users with visual impairments.
Design System: We developed a small design system and components to ensure consistency and maintainability throughout the tool's development. This involved creating reusable components for elements such as buttons, icons, and input fields.
Design tool
We primarily used Figma as our design tool for wireframing, prototyping, and UI development. Figma's collaborative features and real-time editing capabilities enabled seamless collaboration between team members.
Key design decision
Key Design Decisions:
Intuitive Navigation: We designed a clear and structured navigation system that allowed users to easily find the features they needed. We used a consistent menu structure and clear labels to prevent users from getting lost in the tool.
Visual Hierarchy: We used visual hierarchy to guide users' attention to important information. We did this by using larger typography for headings, bolding important text, and using color to differentiate between different types of content.
User-Friendly Interactions: We designed user-friendly interactions that were easy to learn and use. We used clear and concise language, intuitive iconography, and ample whitespace to make the tool as accessible as possible.
Accessibility: We prioritized accessibility by ensuring that the tool was compatible with screen readers and keyboard navigation. We also made sure that the color contrast was sufficient for users with visual impairments.
Design System: We developed a small design system and components to ensure consistency and maintainability throughout the tool's development. This involved creating reusable components for elements such as buttons, icons, and input fields.
Design tool
We primarily used Figma as our design tool for wireframing, prototyping, and UI development. Figma's collaborative features and real-time editing capabilities enabled seamless collaboration between team members.
Key design decision
Key Design Decisions:
Intuitive Navigation: We designed a clear and structured navigation system that allowed users to easily find the features they needed. We used a consistent menu structure and clear labels to prevent users from getting lost in the tool.
Visual Hierarchy: We used visual hierarchy to guide users' attention to important information. We did this by using larger typography for headings, bolding important text, and using color to differentiate between different types of content.
User-Friendly Interactions: We designed user-friendly interactions that were easy to learn and use. We used clear and concise language, intuitive iconography, and ample whitespace to make the tool as accessible as possible.
Accessibility: We prioritized accessibility by ensuring that the tool was compatible with screen readers and keyboard navigation. We also made sure that the color contrast was sufficient for users with visual impairments.
Design System: We developed a small design system and components to ensure consistency and maintainability throughout the tool's development. This involved creating reusable components for elements such as buttons, icons, and input fields.
Figure 4: Web editor preview
Figure 4: Web editor preview
Figure 4: Web editor preview
Figure 5: Right editor panel
Figure 5: Right editor panel
Figure 5: Right editor panel
Figure 6: Right editor panel
Figure 6: Right editor panel
Figure 6: Right editor panel
Result
Despite the project's postponement due to funding issues on the client side, the PLUSONE tool UI design project was a valuable learning experience that reinforced the importance of user-centered design and the power of effective UI to enhance user experience. The work we accomplished demonstrates the effectiveness of our design process and the positive impact we can have on user experience. We were able to gather valuable insights from user research, create clear and consistent prototypes, and iterate on our designs based on feedback.
Key learning
The PLUSONE tool UI design project highlights the importance of the following key learnings:
User-centered design: The value of adopting a user-centered design approach to understand user needs and design accordingly.
Consistency and usability: The significance of maintaining consistency throughout the UI to create a cohesive and intuitive experience.
Accessibility: The need to consider accessibility from the outset to ensure inclusivity for all users.
Iteration and feedback: The value of iterative design and user testing to refine the UI based on feedback.
Result
Despite the project's postponement due to funding issues on the client side, the PLUSONE tool UI design project was a valuable learning experience that reinforced the importance of user-centered design and the power of effective UI to enhance user experience. The work we accomplished demonstrates the effectiveness of our design process and the positive impact we can have on user experience. We were able to gather valuable insights from user research, create clear and consistent prototypes, and iterate on our designs based on feedback.
Key learning
The PLUSONE tool UI design project highlights the importance of the following key learnings:
User-centered design: The value of adopting a user-centered design approach to understand user needs and design accordingly.
Consistency and usability: The significance of maintaining consistency throughout the UI to create a cohesive and intuitive experience.
Accessibility: The need to consider accessibility from the outset to ensure inclusivity for all users.
Iteration and feedback: The value of iterative design and user testing to refine the UI based on feedback.
Result
Despite the project's postponement due to funding issues on the client side, the PLUSONE tool UI design project was a valuable learning experience that reinforced the importance of user-centered design and the power of effective UI to enhance user experience. The work we accomplished demonstrates the effectiveness of our design process and the positive impact we can have on user experience. We were able to gather valuable insights from user research, create clear and consistent prototypes, and iterate on our designs based on feedback.
Key learning
The PLUSONE tool UI design project highlights the importance of the following key learnings:
User-centered design: The value of adopting a user-centered design approach to understand user needs and design accordingly.
Consistency and usability: The significance of maintaining consistency throughout the UI to create a cohesive and intuitive experience.
Accessibility: The need to consider accessibility from the outset to ensure inclusivity for all users.
Iteration and feedback: The value of iterative design and user testing to refine the UI based on feedback.
Credits
Assignment achieved via Kbell+Postman
Alex Post - Lead Developer
Karissa Bell - Lead Designer
Jeanne Laval - Project Manager
Nina Schroeder - UX Designer
Daniel Vidal - Front-end Developer
In collaboration with VICE MEDIA
Credits
Assignment achieved via Kbell+Postman
Alex Post - Lead Developer
Karissa Bell - Lead Designer
Jeanne Laval - Project Manager
Nina Schroeder - UX Designer
Daniel Vidal - Front-end Developer
In collaboration with VICE MEDIA
Credits
Assignment achieved via Kbell+Postman
Alex Post - Lead Developer
Karissa Bell - Lead Designer
Jeanne Laval - Project Manager
Nina Schroeder - UX Designer
Daniel Vidal - Front-end Developer
In collaboration with VICE MEDIA
Figure 7: Event editor
Figure 7: Event editor
Figure 7: Event editor
AVAILABLE FOR WORK
LET'S TALK SO SAY HELLO
LET'S TALK SO SAY HELLO
LET'S TALK SO SAY HELLO
LET'S TALK SO SAY HELLO
LET'S TALK SO SAY HELLO
LET'S TALK SO SAY HELLO
LET'S TALK SO SAY HELLO
LET'S TALK SO SAY HELLO
LET'S TALK SO SAY HELLO
AVAILABLE FOR WORK
LET'S TALK SO SAY HELLO
LET'S TALK SO SAY HELLO
LET'S TALK SO SAY HELLO
LET'S TALK SO SAY HELLO
LET'S TALK SO SAY HELLO
LET'S TALK SO SAY HELLO
LET'S TALK SO SAY HELLO
LET'S TALK SO SAY HELLO
LET'S TALK SO SAY HELLO
AVAILABLE FOR WORK
LET'S TALK SO SAY HELLO
LET'S TALK SO SAY HELLO
LET'S TALK SO SAY HELLO
LET'S TALK SO SAY HELLO
LET'S TALK SO SAY HELLO
LET'S TALK SO SAY HELLO
LET'S TALK SO SAY HELLO
LET'S TALK SO SAY HELLO
LET'S TALK SO SAY HELLO