Flyerfighter is a website that helps UCSD students to receive relevant information from student organizations they might be interested in. Currently, traditional ways of passing information is a poor waste of time, money, labor and large amount of paper. By using FlyerFigher, studnent organizations’ voice could be heard by the right people through an organized and efficient way. We aim to go Paperless! Website: https://flyerfighter.ucsdtriplec.org/
CATEGORY: Frontend Development, UIUX Design
ROLE: As a UIUX designer and Frontend Developer in FlyerFighter team, I worked with four software engineers and two designers. I scaffold the overall the design and user flow of the website, created the color scheme and style book. I’m also in charge of the design for main page, contact, setting pages.
Student can signup with email and to prevent security problems, our system only allows student organizations to sign up account if they officially registered on UCSD student organization website.
Disclosure: All current images and texts are placeholders. The implementation is still in progress, about 80% finished.
Quick skim posters by event cards
Hover over for detailed information
Both vertical and horizontal layout cards for staggered visual layout
Sort and filter function
Mark heart for “liked” events
Complete event detail and organizer’s information
Recommend similar event
Find the information of student organization by categories
Explore all the events hold by each student organization
View all liked events
Edit your event preference for recommendation
Design Prospects in the future
1. Adjust create event page
Currently, student organizations are required upload image of their poster when create new events. In the future, we want to help generate the poster by some algorithms embedded in our system.
2. Adjust log in page
Now student login by using email address and password. We hope to implement some creative ways of login. For example, login by selecting the answer of a question like: “what do you usually order at McDonald?” Dropdown options are: Cheese burger, Chicken Nuggets and ice cream. Another example could be enter your date of birth.
3. Adjust home page
Inspired by Handshake, we designed two more section for homepage: “Events you’ve favoriated” and “Events we recommend for you”. A simple illustration below: