# 非常建筑 / 全新建筑设计事务所官网 - ID: 267 - URL: https://www.stoyard.com/works/267 - English URL: https://www.stoyard.com/en/works/267 - Year: 2019 - Cover: https://static.glabcms.stoyard.com/object/20190120/xxst385l2js.jpg - Float Image: https://static.glabcms.stoyard.com/object/20190120/4imkgves9ju.png - Categories: 大型品牌官网定制, 细分行业头部, 城市设计、城市更新, 建筑与设计 - English Categories: Office Website SOLUTION, Leading companies in the industry, City Renovation, Design & Architecture - Author: STOYARD - English Author: STOYARD - Publish: 2019-07-30 - Editor: STOYARD BEIJING - External Link: http://www.fcjz.com ## 中文主体 ### 项目简介 #非常建筑#是国际著名建筑师张永和与鲁力佳自1993年起创立，并开始在国内的实践的建筑设计事务所。经营超过25年，在国际范围内具有广泛影响力。我们这次很荣幸与非常建筑一同全新创作的非常建筑2019年全新官网。呈现了包括所有非常建筑对外发表过的作品。特别鸣谢：冀雅琼 Ji Yaqiong，王冕 Wang Mian。    1.项目背景 在过去20多年中，非常建筑从一个以研究、创新为特色的个人工作室逐渐发展成国际知名的建筑设计事务所。在国内外建筑、文化艺术和设计领域产生了很大的影响力，荣获了众多国内外重要奖项，其作品在国内外被广泛介绍和发表。 非常建筑在建筑、艺术和设计领域具有前瞻的视野、丰富的经验、良好的专业素养和独特的创造力。非常建筑坚信设计的价值，强调研究，重视方法，致力于建造工艺的革新，逐渐形成了一个涵盖了多个设计领域的综合实践。  2.通过数字交互催生出更多玩儿法 “中性”“简洁”的网站设计风格确实风靡一时，成为许多网站的首选页面视觉，它删减了许多复杂的效果，以简单的操作和干净规整的画面满足用户需求。 但是这种单一的页面效果却缺乏生动趣味，我们更希望采用一些更丰富好玩的网页设计，增强网站个性化的视觉特征与创造性的互动模式，我们希望通过数字交互催生出更多玩儿法。      3.灵感来源于建筑理念 非常建筑的创始人张永和先生是一位先锋设计师，对设计怀有极大热诚并始终保持探索精神，这与STOYARD的追求不谋而合，我们同样是一个不墨守成规的团队。 官网设计灵感来源于他们的理念：“建筑不只是设计一个房子，而是想着人们如何在这个环境里展开各种活动，建筑后面应该有一个大大的世界。” 我们双方商讨的结果是做一个交互性质强并且有趣味的网站，于是我们设计了一个非常规的菜单，用“门”作为“入口”，每一个门都是非常建筑在过去真实设计作品，提炼，抽象而成。  4.入口被提炼成“门”的形象 首页是以一幅动画的形式呈现了网站的主要四部分内容：“档案”“现时”“我们”“消息”。 一排白色的房子，代表一个空间，一个小侦探，推开不同的门，配合着“咔嚓”的音效，好似真的打开了一个“具体的”、“大大的”世界。而这种通过色彩、文本和流畅的动画去传递交互的体验更具有探索性、趣味性。    5.案例的视觉盛宴 打开首页的第一道门：档案，展示公司所做的精品案例。非常建筑并非只关注建筑行业，在其他跨界行业也有十分精彩的作品。在这个类目下，作品涵盖：“建筑、规划、景观、室内、展览、产品以及出版”，其中建筑方面完成的主要项目“北京的席殊书屋、中国科学院晨兴数学楼、山语间、二分宅、柿子林会所等。 页面详细收录了项目的信息和图集，不但可以展示项目风采还可供人学习，从这个角度看，网站不仅仅是展示平台也能为各行业的用户学习交流提供参考，意义重大。   网站对1996年-2021年作品进行归纳梳理，是最全的案例库和数据中心。 非常建筑案例库中作品十分丰富，我们在案例的呈现上采用了瀑布流的方式，访客只需滚动页面就可以看到源源不断的案例加载出现，使用十分便捷，避免访客因为翻页而跳出，有利于提升浏览体验。   第三道门便是非常建筑的团队信息：关于我们。大数据统计显示，所有网站或者是移动端的数字化平台“关于我们”这一项都是极为重要的，80%的访客会查看“关于我们”，这个页面的内容很大程度上影响了品牌在访客心目中的形象。 碎片化的信息最易引起用户反感，大部分客户不喜欢看过多的文字描述，所以我们将非常建筑的团队信息以及联系方式简单明确的摆在这里，一目了然，方便用户浏览查看。   6.跨界的探索 非常建筑在行业内占据重要地位，定然有干货内容可以输出，例如设计理念、团队文化等，这些优质的内容对访客来说也是品牌加分项，不管是从商业角度还是公益角度出发，这部分输出都是十分友善且有价值的。 所以，在第四道门“消息”这一版块，非常建筑就可以展示团队动态、讲座信息、节日祝词、项目荣誉等重要消息。 作为建筑工作室，非常建筑并没有被框定在建筑设计领域裹足不前，而是不断尝试突破，涉足其它设计领域，如家具、产品和服装。 他们从未停止对空间(Space), 结构（Structure）与场景（Scenario）的探索，解析新的空间、新的结构、新的场景 ，只有这样才能创造出新的生活方式。所以，在网站的案例中，我们还能看到大量跨界作品。     第二道门，现时。对于一个建筑事务所来说，因为建筑设计的项目周期都很长，所以项目的产出速度相对较慢，而非常建筑作为业界备受瞩目的团队，他们正在进行中的项目是主流的设计媒体亦或是建筑学生最想了解的，这部分内容可以体现出非常设计在新项目上的热情和活力。 在沟通过程中，了解到客户有这方面需求，于是我们特别设计了一个“现时ING”的门，进入门内呈现的是他们团队正在进行的项目，提供给用户查阅最新的项目动态和思考过程。这个部分也很诙谐的设计了一个建筑工作的电脑作为展示项目的容器。  7.让网站为企业带来积极的影响力 整个网站以浅色、暖色、自然纹理为底色，从视觉上给人以舒适清新的感觉。 除却视觉层面的排版布局，在技术架构层面我们采用先进的前后端分离方式进行设计，实现了无刷新的流畅体验，整个网站没有明显的白屏跳转，更多的是友好的连续过度体验，我们也为移动端设计了适配的页面，方便所有用户。 最终，我们确定了中英文一体的网站设计方式。在任何界面，点击英文区域即刻切换为英文内容，这个过程不需要刷新，给很多媒体用户提供中英文对照提供方便。 让访客享受优质的浏览体验，能与网站产生有趣互动，并能延续这种互动才是沉浸式网站的初衷。从场景体验出发，我们希望用户可以享受视觉和内容带来的美好体验。  非常建筑象征着中国第一代独立建筑工作室的实践，也为中国当代的建筑实践奠定了基础。作为这样一个极具代表性地位的建筑公司，非常建筑对于互联网门户的需求不仅在于展示其实力与设计美学，同样也需要用户的转化率。 我们从设计、数据、流量等方面，为客户带来更大的商业价值。非常建筑本身就是优秀的设计团队，艺术审美水准很高，得益于大家对艺术的追求，对趣味、实验性设计理念的认同，STOYARD团队最终搭建了兼具艺术性与商业功能的网站，体现出非常建筑专注、超前、专业的品牌形象。 ## English Content ### Introduction Founded in 1993 by internationally renowned architects Zhang Yonghe and Lu Lijia.FCJZ is an architectural design firm that has started its practice in China. Operating for more than 25 years, it is one of the most influential architectural design institutions in China. We are very honored to work with FCJZ to create a very new website in 2019. The exhibition includes all published works of FCJZ.    1. Project background Over the past 20 years, Very Architecture has evolved from a solo studio characterized by research and innovation to an internationally renowned architectural design firm. He has exerted great influence in the fields of architecture, culture, art and design at home and abroad, and has won many important awards at home and abroad. His works have been widely introduced and published at home and abroad. Very Architecture has a forward-looking vision, rich experience, good professional quality and unique creativity in the field of architecture, art and design. Very firm in the value of design, emphasis on research, emphasis on methods, committed to the innovation of construction technology, gradually formed a comprehensive practice covering a number of design fields.  2. Create more fun through digital interaction "Neutral" "concise" website design style is indeed all the rage, has become the preferred page vision of many websites, it cut down many complex effects, to simple operation and clean and regular screen to meet the needs of users. But this single page effect is not lively fun, we prefer to use some rich and fun web design, enhance the visual characteristics of the site personalized and creative interaction mode, we hope to create more fun through digital interaction.      3. Inspiration comes from architectural concepts Mr. Yonghe Chang, the founder of Unusual Architecture, is a pioneer designer who has great passion for design and always maintains the spirit of exploration, which coincides with the pursuit of STOYARD. We are also a non-conformist team. The design of the website was inspired by their concept: "Architecture is not just about designing a house, but thinking about how people can carry out activities in this environment. There should be a big world behind the building." The result of our discussion was to create an interactive and interesting website, so we designed an unconventional menu, using "doors" as the "entrance", each door is a very real design work in the past, extracted and abstract.  4. The entrance is refined into the image of "door" The home page is an animation showing the main four parts of the site: "Archives", "present", "We", "news". A row of white houses, representing a space, a small detective, open different doors, with the "click" sound effect, as if really open a "concrete", "big" world. This kind of interactive experience through color, text and smooth animation is more exploratory and interesting.    5. Visual feast of cases Open the first door of the home page: archives, show the company to do fine cases. Very Architecture is not only focused on the construction industry, there are also very wonderful works in other cross-industry. Under this category, the works cover: "Architecture, planning, landscape, interior, exhibition, product and publication", among which the main architectural projects completed "Beijing Sishu Library, Chinese Academy of Sciences Morningside Mathematics Building, Shan Yujian, Two house, Persimmon Forest Club, etc. The page contains detailed information and atlas of the project, which can not only show the style of the project but also provide people with the opportunity to learn from it. From this perspective, the website is not only a display platform but also a reference for users of various industries to learn and communicate, which is of great significance.   The website summarizes and organizes works from 1996 to 2021, which is the most comprehensive case base and data center. There are a lot of works in the architectural case library, and we adopt the waterfall mode in the presentation of cases. Visitors can see a steady stream of cases loading by scrolling the page, which is very convenient to use. Visitors can avoid jumping out because of page turning, which is conducive to improving browsing experience.   The third door is a very architectural team message: about us. Big data statistics show that "About us" is extremely important on all websites or mobile digital platforms. 80% of visitors will check "about us". The content of this page greatly affects the brand image in the eyes of visitors. Fragmented information is the most likely to cause user disgust, most customers do not like to read too much text description, so we will be very building team information and contact information simple and clear here, at a glance, convenient for users to browse and view.   6. Cross-border exploration As architecture occupies an important position in the industry, there must be some dry content that can be exported, such as design concept, team culture, etc. These high-quality content are also brand bonus points for visitors. No matter from the perspective of business or public welfare, these outputs are very friendly and valuable. Therefore, in the fourth door "news" section, the building can display team dynamics, lecture information, holiday messages, project honors and other important news. As an architecture studio, Very Architecture is not confined to the field of architectural design, but is constantly trying to break out into other areas of design, such as furniture, products and clothing. They never stop exploring Space, Structure and Scenario, and analyze new space, new structure and new scene. Only in this way can they create a new way of life. So, in the case of websites, we also see a lot of crossover work.     The second gate, now. For an architectural firm, the project cycle of architectural design is very long, so the output speed of the project is relatively slow. As a high-profile team in the industry, the ongoing project of the architectural firm is the mainstream design media or architecture students most want to know, which can reflect the enthusiasm and vitality of the architectural firm in the new project. In the process of communication, we learned that the customer has such requirements, so we specially designed an "ING now" door, which shows the ongoing project of their team and provides users with the latest project dynamics and thinking process. This section also has a humorous design of a computer for architectural work as a container for displaying the project.  7. Make your website a positive influence on your business The whole site with light colors, warm colors, natural texture as the background color, from the visual gives a comfortable and fresh feeling. In addition to the layout of the visual level, in the technical structure level, we adopt the advanced separation of the front and back end of the design, so as to achieve a smooth experience without refresh. There is no obvious white screen skip throughout the website, but more friendly continuous excessive experience. We also design suitable pages for the mobile terminal, so as to facilitate all users. In the end, we decided on a website design in both Chinese and English. In any interface, click on the English area to switch to English content immediately. This process does not need to refresh, which provides convenience for many media users to check English and Chinese. Immersive websites are designed to allow visitors to enjoy a great browsing experience, to have interesting interaction with the site, and to continue that interaction. Starting from the scene experience, we hope that users can enjoy the beautiful experience brought by the vision and content.  Extraordinary architecture is a symbol of the practice of China's first generation of independent architectural studios, and also laid the foundation for contemporary Chinese architectural practice. As such a highly representative construction company, very architecture's demand for Internet portal is not only to show its strength and design aesthetics, but also the conversion rate of users. We from the design, data, traffic and other aspects, to bring greater business value for customers. Architecture itself is an excellent design team with a high artistic aesthetic level. Thanks to everyone's pursuit of art and recognition of interesting and experimental design concepts, STOYARD team finally built a website with both artistic and commercial functions, which reflects the brand image of very dedicated, advanced and professional architecture.