Ryo's Works

Back

TEDxUniversitasBrawijaya

Category

Creative Website

Collaborators

Farrel Reginaldo (UI Designer), Regita (UI Designer), Maria (Content Manager)

Date

June 20, 2023 - December 10, 2023

My Role

Lead UI/UX Designer

Project Overview

TEDxUniversitasBrawijaya is an independently organized TEDx event initiated by the Universitas Brawijaya community. The website for TEDxUniversitasBrawijaya has been crafted to creatively showcase the event, leveraging various elements such as illustrations, animations, and micro-interactions.

Objectives

Develop a creatively designed website with abundant use of illustrations, animations, and micro-interactions.
Promote the TEDxUniversitasBrawijaya event.
Provide comprehensive information about TEDxUniversitasBrawijaya.
Facilitate ticket sales for the event.
Serve as a marketplace for event-related merchandise.

Roles & Responsibilities

As the lead UI/UX designer, my primary responsibility is to design a user interface aligned with the organizer's vision, prioritizing user experience and usability. Tasks include communication and collaboration with organizers, content managers, and developers. Additionally, I oversee task management, including task delegation and setting timelines for other UI/UX team members.

Design Process

In our quest to address the challenges posed by improper waste management, we adopt a Design Thinking approach. This methodology guides our design process, ensuring a human-centered and innovative solution.

Gathering Needs & Requirements:

Engaged stakeholders, including organizers and co-organizers, and the content manager in a needs assessment.

Stakeholders outlined the website's purpose as a promotional and informational platform for TEDxUniversitasBrawijaya events, with features for ticket and merchandise sales.
Stakeholders provided preferences for the website's timeline and theme.
Conducted benchmarking against similar-functionality websites.

Information Architecture

To provide a solid foundation, we developed an information architecture that clarified the main functions and page structures on the website. This archive served as a guide during user interface design and became a discussion tool with relevant stakeholders and developers.

User-flow Diagram

As the next step, we detailed each planned function on the website through the creation of user-flow diagrams. This assisted in providing an overall picture and evaluating user scenario flows, especially for key functions such as ticket purchase, merchandise sales, the page about TEDxUniversitasBrawijaya, and event information.

User Interface Design

Before designing the user interface, the initial step was to establish style guidelines regarding font usage and color palettes. Considering the agreed-upon information architecture and user-flow diagrams, we proceeded to design a captivating user interface. Every element in this design considered creativity and user experience, creating a harmonious and inviting online experience.

Mobile Responsive Design

We also designed the high-fidelity mockup for mobile. It's because the layout is complex and the designers need to rearrange the layout for mobile without reducing aesthetics and functionality.

Prototyping

The final stage we performed was creating a prototype that connects the functions and pages to each other. In this stage, not only navigation connections were made between them, but there was also the implementation of animations and micro-interactions that made this stage more challenging.

You can access the prototype here: https://bit.ly/tedxuniversitasbrawijaya-prototype

Impact

Led a dynamic team comprised of engineers and designers in the successful development of an innovative website that effectively managed a substantial traffic volume of 30,000 visitors.
Sold over 300+ tickets to the audience through the TEDxUniversitasBrawijaya events which is Pre-event, Propaganda, and Main Event.
Sold over 20+ items TEDxUniversitas Brawijaya Merchandise.

ryo.shandy74@gmail.com

Ryo Shandy