top of page

Entropy Website

Collaborative effort aimed to create an online platform showcasing the diverse and innovative projects of the graduating students at Parsons School of Design under the theme 'Entropy.'

Timeline:

March 2023 - May 2023

Team Member:

Simran(UX Designer)

Rebecca + Juliana(UX Designer)

Responsibilities

UX Design, UI Design, Prototyping for People & Publication Pages

Overview
The Entropy website is a cornerstone project developed to celebrate and showcase the work of the graduating Design and Technology Class of 2023 at Parsons School of Design, The New School. Our project's ambit included crafting a multifaceted website comprising crucial components: Landing Page, Event Page, People Page, Projects Page, Reader Page, and Acknowledgment Page.
My role involved guiding the ideation, design, delivery, and testing debugging phases, with a keen focus on ensuring a user-friendly and engaging experience, particularly on the Landing, Home and People Pages.
Research & Ideation
Initiating the project, we conducted an exhaustive survey among BFA and MFA students to gather their thesis keywords and understand their expectations for the website. This insightful research guided our design decisions, ensuring that the website's structure and content organization resonated deeply with our audience's needs and preferences.
Wireframing
During the wireframing phase, we developed preliminary designs for each page, including a several iterations of the People Page. This phase enabled us to meticulously test different layouts and information architecture, laying a foundation for testing various options for student portraits before transitioning to low-fidelity designs.
Student Portraits
The "People's Page" features portraits of each member of the 2023 cohort. Our task was to brainstorm, organize, and design these portraits to ensure they adhered to a consistent visual style while embodying the "Entropy" theme, distinct from previous years. We engaged the students directly through surveys, presenting them with three concept options for their portraits: 
1. AR Filter 
2. Pixel coded 
3. Professional headshots
against a black background.
 

Although the AR filter concept initially garnered the most votes, we ultimately chose the professional headshots. This decision was driven by the need for uniformity in photo quality and settings, ensuring each portrait maintained a consistent look and feel. This approach not only satisfied our design criteria but also received considerable acclaim during our in-person presentations.

Low Fidelity Phase
During the low-fidelity prototyping phase, we developed preliminary designs for each page. In addressing the People Page, our initial design attempted to reflect the "Entropy" theme innovatively. This allowed us to test and refine the website's usability and information architecture. However, feedback from over 80% of test participants highlighted significant concerns regarding usability and clarity. This feedback was crucial in pivoting our design approach to better meet our users' needs.
High Fidelity
In the high-fidelity phase, we finalized the design of the website, incorporating the branding committee's visual guidelines and assets. We ensured that every element, from the interactive "Entropy" letters to the neon green accents, was crafted to create a cohesive and engaging user experience.
Brand Design Guidelines

Our logo mark is a critical component of our brand's visual identity, serving as a distinctive symbol or design element that represents the DT community and helps to differentiate it from other events. Our logo mark is a distinctive symbol and design element that represents the Design & Technology spirit.

The concept used for this logo was the word Entropy that refers to the measure of disorder or randomness in a system, and it can be applied to the design of a logo mark by considering the balance between chaos and order in the design.

Revised Pages
During the wireframing phase, we developed preliminary designs for each page, including a several iterations of the People Page. This phase enabled us to meticulously test and refine the website's usability and information architecture, laying a robust foundation before transitioning to high-fidelity designs.
Final Screens
By the project's completion, we successfully implemented all design elements, including the optimized Landing and Home Pages, across desktop, tablet and mobile versions. The final deliverable was a user-centric website that showcased the graduates' projects and facilitated an enjoyable and intuitive user experience for visitors.