Four Typologies Art Website by Qihang Fan |
Home > |
 |
|
||||
| DESIGN DETAILS | |||||
| DESIGN NAME: Four Typologies PRIMARY FUNCTION: Art Website INSPIRATION: Four Typologies is a responsive interactive media website that introduces new decentralized and localized Garden Fashion Factory Typologies evoking humanity and resisting industrial mechanization trends. The architecture design envisions decentralized factory typologies driven by fashion designers' nonlinear creation pattern, while the local factors - the market, the city, the nature, and the farm - render another irreplaceable layer of indigenous culture and lifestyle to impact fashion designs. UNIQUE PROPERTIES / PROJECT DESCRIPTION: Four Typologies results from the overlapping fields of architecture, digital media, user experience, and immersive web design. The design allows users to explore from a macro perspective, appreciating the intricate miniatures, to a micro level where they can engage with nuanced interactions and dynamic textures. It immerses users into a nonlinear upcycling handicraft workflow tailored to each miniature, which makes architecture and fashion concepts more tangible, interactive, and accessible. OPERATION / FLOW / INTERACTION: Users can navigate the website within the virtual architectural environment at micro and macro observation levels interactively and responsively across platforms. PROJECT DURATION AND LOCATION: The project started in January 2022 and mostly finished in September 2022 in Los Angeles, CA, US, and the website will keep updating. |
PRODUCTION / REALIZATION TECHNOLOGY: Rhino, Cinema 4D, and Redshift for architecture and digital media production; Adobe PS and AE for media post-production; Figma for responsive web and user experience design; HTML, CSS, and JavaScript with Webstorm for front-end development; Visual Studio Code to achieve local host for the mobile-end development; Github Page for open-source public host. SPECIFICATIONS / TECHNICAL PROPERTIES: In Four Typologies, the concept of observation scale presented technical challenges, particularly in integrating micro-scale details within a macro-scale scene. To address this, script-based instance distribution was employed, effectively reducing production time and system load. Additionally, technical solutions like Volume Builder, Liquid Simulation, and Field Map were utilized to create specific visual effects. On the web development front, the site was engineered using HTML, CSS, and JavaScript, which were instrumental in implementing interactive features and ensuring responsive design across various devices. TAGS: Interactive Media, Digital Art, Responsiveness, Website, User Experience, User Interface, Animation, 3D, Architecture RESEARCH ABSTRACT: Research on contemporary garden fashion factories and upcycling workflows shaped Four Typologies primarily. The upcycling design process includes seven phases - deadstock dive, deconstruct, categorize, ideate, combine, reconstruct, and audit. Fashion designers would go through multiple rounds of iteration and leap back and forth to compose the most satisfying pieces. This upcycling production workflow challenges the traditional linear mechanical assembly line and raises the awareness of humanity. CHALLENGE: Traditional 2D diagrams and renderings often fall short in capturing the richness of architecture and fashion concepts. To remedy this, Four Typologies allows users to deeply engage through the web-based 3D interactive experiences and write their own journeys. Beyond this, it introduces a cost-effective interactive video solution. This approach is significantly less expensive and less technically demanding compared to web 3D development and VR technologies, thereby democratizing social access to architecture and fashion appreciation. ADDED DATE: 2023-06-19 02:43:19 TEAM MEMBERS (1) : IMAGE CREDITS: Qihang Fan, 2023. PATENTS/COPYRIGHTS: Copyrights belong to Qihang Fan, 2022. |
||||
| Visit the following page to learn more: https://github.com/QihangFan/QihangFan.g |
|||||
| CLIENT/STUDIO/BRAND DETAILS | |
 |
NAME: Qihang Fan PROFILE: Qihang Fan excels as an award-winning multidisciplinary designer, an independent developer, and a product owner who creates for inclusiveness, enjoyment, and innovation. He is dedicated to blending cutting-edge technologies into daily life entertainingly for the next million users. Originally trained in architecture design, Qihang Fan fostered a comprehensive understanding of user experience and spatial interaction. His persistent interest in technology practices equipped him with not only a software toolkit ranging from graphic to 3d production but also programming skills in JavaScript, C, and Python. He is exploring the implementation of augmented reality in surgical assistance currently. |
| AWARD DETAILS | |
 |
Four Typologies Art Website by Qihang Fan is Runner-up for A' Design Award in Website and Web Design Category, 2023 - 2024.· Press Members: Login or Register to request an exclusive interview with Qihang Fan. · Click here to register inorder to view the profile and other works by Qihang Fan. |
| SOCIAL |
| + Add to Likes / Favorites | Send to My Email | Comment | Testimonials |
  |
 |
