Problem + Outcome
Students and faculty at SIAT face challenges with issue reporting, making it difficult for students to communicate and for faculty to address recurring problems effectively.
An issue-reporting platform optimized for web and mobile that supports community-driven problem-solving — enabling students to submit issues while giving faculty clearer insight.
Starting Out
Analysis of Single Post
Reviewing Reddit posts showed the importance of searchability, authorship, and interactive discussion. These features reduced duplicate issues and encouraged community engagement around a single topic.
Analysis of Reddit single post structure
Analysis of User Profile
Analysis of user profiles highlighted the value of identity and engagement feedback. Displaying user information alongside categorized posts, multiple viewing formats, and visible upvote metrics supports transparency while allowing users to efficiently review their activity.
Analysis of user profile patterns
Mapped User Story
To better understand the user experience, we created a mapped user story outlining how SIAT students could theoretically report issues within our platform. I helped shape the overall structure of this user journey, ensuring it clearly visualized the full process from identifying a concern to receiving feedback that reflected realistic student needs and behaviors.
Full user journey map
Interactive Information Structure
An interactive breakdown showing how reports, responses, and updates circulate within the platform, illustrating the relationship between students, faculty, and the system interface. I helped define how information flows between users and the system to ensure the reporting and response process felt transparent and intuitive.
Building a Shared Foundation
Our team created a Figma-based design system to support and streamline the design of our web and mobile experiences. I contributed to developing reusable components and visual standards, helping maintain consistency across pages.
Figma-based design system components
Webpage Designs & Iterations
This phase focused on exploring layout ideas and refining page designs for key areas of the platform. I participated in early ideation and design refinement, with an emphasis on clear visual hierarchy, accessibility, and user-friendly interactions.
Selected wireframe and design iterations
Delivered Pages
Landing Page
I designed and coded the desktop landing page, focusing on clear visual hierarchy, accessibility, and guiding users toward key actions.
FAQ Page
The FAQ page was designed to reduce repetitive questions by presenting information in a clear format. I focused on readability and intuitive grouping of content.
Profile Page
I designed and coded the profile page to provide users with an overview of their activity. I was responsible for the page layout and implementation within the system.
What I Learned
-
Bridging Design and Implementation Designing and coding key pages deepened my understanding of how interface decisions translate into functional experiences. Implementing the landing page, FAQ, and profile pages highlighted the need to consider feasibility, responsiveness, and usability during the design process — resulting in more intentional and practical design outcomes.
-
Designing for Collaboration and System Thinking This project strengthened my ability to design within a collaborative environment, emphasizing the importance of shared systems, clear communication, and early alignment. Contributing to user stories, information structures, and a shared design system helped ensure consistency across the platform while allowing individual components to work together cohesively.
This project was featured on the Spring 2025 SIAT Showcase — recognition that the platform successfully met academic and real-world design standards. Check it out here ↗