YAMEI

LIAO

DESIGN

creative

Design for

impact

Entropy Website

"Parsons EOY Website Design"

UIUX Design

Web

Overview

The End-Of-Year Website is dedicated to showcase the graduating class of students' final thesis projects, with main components of Landing Page, Event Page, People Page, Projects Page, Reader Page, Acknowledgement Page. It is a project done by a team of Parsons DT students / designers who were grouped to be responsible for different sections. Therefore, it is a highly collaborative project among designers and with front-end engineer to build the final deliverable website for the entire Design and Technology Class of 2023.

Timeline

Jan, 2023 - May, 2023

Tools

Figma, Adobe Creative Suite

Roles

UX Research, UI Designer, UIUX Designer

Team Size

Large Collaboration

Overview

About Entropy

About Entropy

Entropy is the website we design for the class 2023 MFA and BFA Design and Technology students to showcase their final thesis projects of all the graduating students.

Design the Website

Research and Analysis

Website Name - Entropy

We generated over 50 name ideas and voted for the final options - Entropy

ENTROPY LOGO

Entropy is a concept from physics that refers to the measure of disorder or randomness in a system. Our logo type is the used the typo called Pipo, the concept of entropy can help to create a design that is dynamic and visually engaging. By playing with the arrangement and orientation of the letters in the Pipo typo, creating a sense of randomness or unpredictability that captures the viewer's attention and creates a sense of movement and energy. However, it is important to balance this sense of entropy with a clear and consistent structure that maintains legibility and readability. By finding the right balance between order and chaos, a logo type using the Pipo typo can be a powerful tool for building brand recognition and communicating the brand's identity and values to users.

Website Page Structure

We conducted a user survey among both BFA and MFA Design and Technology students, extracting thesis keywords from each student's project. This approach informed our website's final structure by categorizing each project accordingly.

PAGE STRUCTURE

PAGE STRUCTURE

PAGE STRUCTURE

THesis PRoject Keywowrds

THesis PRoject Keywowrds

THesis PRoject Keywowrds

Designing the look for DT 2023

Brand Design Guidelines

Logo & Icon - Visual Identity

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 BFA & MFA at Parsons School of Design.

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.

Typographys

Color & Color Implications

Component Sheet

Component Sheet

Component Sheet

We work closely with web developer, so we created a comprehensive component sheet for developing.

We work closely with web developer, so we created a comprehensive component sheet for developing.

We work closely with web developer, so we created a comprehensive component sheet for developing.

The Final EOY Website

The Final EOY Website

The Final EOY Website

It represents a collective effort from all members of our design committee. We devoted time outside of our academic commitments and thesis work to hold weekly meetings and design workshops, all working toward a shared objective.

It represents a collective effort from all members of our design committee. We devoted time outside of our academic commitments and thesis work to hold weekly meetings and design workshops, all working toward a shared objective.

It represents a collective effort from all members of our design committee. We devoted time outside of our academic commitments and thesis work to hold weekly meetings and design workshops, all working toward a shared objective.

PRE-LUNCH LANDING PAGE

LUNCHED HOME PAGE

EVENT PAGE

Can be expand and close.

PEOPLE PAGE

READER PAGE

PROJECT PAGE

ADDITIONAL PAGE

ACKNOWLEDGEMENT PAGE

Quick Video Go Through