Calarts
Coding 2023
Freeze Shi

PROJECT.1

Washoe: From Semantic HTML to Styled Page

This first project is designed to learn the fundamentals of coding semantic HTML and CSS using VS Code, based on a design in Figma. The project focuses on building a responsive, mobile-first webpage, incorporating basic skills like using webfonts, Flexbox, SVG images, and coding a mobile menu with JavaScript.

PROJECT.2

Collection of Apples (Apple's Narratives)

Inspired by psychologist Dan P. McAdams' Narrative Identity theory, this website visualizes the integration of life experiences into a coherent, evolving personal story. Participants shared three pivotal experiences, showcased in 50 selected samples.

PROJECT.3

Design Dialogues: Insights from Graphic Maestros

This website features an interview project with top graphic designers, including Wang Zhihong and Karel Martens. It focuses on their creative insights, impacting both emerging and established designers in the field.

PROJECT.4

D&D Alignment Test

A D&D creature or charactor's general moral and personal attitudes are represented by its alignment: lawful good, neutral good, chaotic good, lawful neutral, neutral, chaotic neutral, lawful evil, neutral evil, or chaotic evil.

PROJECT.5

Omikuji

Omikuji are random fortunes written on strips of paper at Shinto shrines and Buddhist temples in Japan.