Thought at Work
A student-run design conference
About: Thought At Work started as a small Industrial Design conference in 2002 but now caters to over 400 designers with speakers and attendees from various design fields. Organized exclusively by students at RIT, the conference strives to function as a tool for young designers to advance their careers and thrive. 
Role: Website design of schedule and register page (UI/UX)​​​​​​​
Tools: Figma / Sketch / Illustrator​​​​​​​
Challenges with previous website:
1. Grid/Alignment: The contact page had too many variations in alignment that made it difficult to interpret.
2. Accessibility: When clicking on a form item, the descriptive text disappeared that could cause a frustrating experience.
3. Affordance: On the schedule page, it was unclear that event titles were clickable and revealed more information about an event. Additionally, in the forms, the word "submit" is non-descriptive and does not specify the next steps.
4. Readability: The two column contact and register form layout are more difficult to interpret according to research due to eye movement.
5. Inconvenience: When users reached the end of the schedule page, they had to scroll back to the top and click on a button to advance to the next day.
6. Visual Style: The light style lacks personality and excitement. 
Back to Basics
For the 2018-2019 conference, our goal was to design a new brand identity that harkens back the ideas of childhood creativity. Specifically, the theme is “Back to Basics” with bold and contrasting primary colors. We decided to update the brand identity because the previous conferences did not possess a specified message.
Schedule Page Redesign
• Continuous Scroll: Users can advance to the next day of events by simply scrolling down.
• Color: A system to differentiate keynotes, lectures, workshops and general events.
• Grouping: Events that occur at the same time will be grouped. 
• Arrow: A clear indication to learn more about an event.
• Responsive grid: A system that enhances structure and consistency.
• Color-coded key system: It required users to obtain additional knowledge that distracted from the experience.
• Get Tickets button: For individuals who already purchased tickets, the get tickets button distracted from the page content and was repeated on each mobile page. 
• Red arrow:  The color of the arrow could potentially cause confusion because it does not correlate with the color-coded key system.
(Many more iterations were conducted that are not shown above.)
Register Page Redesign
• Responsive one-column layout: It improves readability due to reduced eye movement.
• Proceed to checkout button: A label that clarifies the next steps in the register process.
• Red dot: An indication for which form items are required.
• Sample form text: Text to provide users with additional guidance to know what to enter.  
• Full name:  A form field item that reduces the number required items.
• Line sections: A non-typographical element that enhances focus with form items.
• Ticket card: It was challenging to provide the same information on all screen sizes.
• Spacing: Between descriptions and box fields
• Sizing: An indication for which form items are required.
• Previous Challenges: Initially, I replicated the previous years form with the updated brand identity. I then made drastic changes to improve each aspect of experience.
(Many more iterations were conducted that are not shown above.)
I learned a tremendous amount while working with the small and passionate thought at work web design team. The web design team consists of only three students. Since we were a small team, I had greater responsibility that significantly improved my design and collaborative abilities. I will be continuing my role in the coming years. In the near future, we will be adding more events throughout the years that will connect students from many different disciplines of design.
Back to Top