sumaart

web site / mobile & h5 / brand design
less is more, art is freedom…

设计观点

Back

鼓舞人心的网站设计案例研究

Share

Time:

2019-09-19 08:14:53

Author:

limo


网站设计的实际情况是,一旦您完成了一个项目,您就有希望直接进入下一个网站设计项目。然而,您交付的每个网站都是展示您的技能和能力的重要组合部分。与其简单地抓取一个登录页面和链接的截图,然后将其添加到您的网站设计案例组合中,还不如编写一个关于您工作的引人入胜的案例研究,这样会更有价值。案例研究不需要长篇大论;它们只需要让读者体验一下您的过程,并提供一些关于您在网站设计构建过程中遇到的挑战以及如何解决这些挑战的见解。


这是让潜在客户了解你工作方式的好方法,也可以为其他网站设计师和网站开发人员提供灵感;以下是我们最近最喜欢的五个例子。


如何为你的投资组合撰写引人入胜的案例研究


01.芝加哥科学与工业博物馆



DogStudio在这个网站上承担了大量的工作,并交付了


对于一个真正鼓舞人心的案例研究,很难击败DogStudio为芝加哥科学与工业博物馆(Museum of Science and Industry of Chicago)所做的大量工作。博物馆是一个庞大且非常受人尊敬的美国机构,你不禁得到的印象DogStudio冲远高于它的重量时赢得了委员会重新思考和重新设计网站平台,但正如本案例研究所揭示的那样,沉着冷静地完成了工作。


它充满了揭示线框图、图像和动画,令人着迷地洞察了一个庞大而富有挑战性的建筑,它必须满足超过500万的在线用户的需求,他们需要做到一切,从买票到弄清楚在哪里停车,再到寻找有关单个展品的信息。


02.国家地理:黄石公园的熊眼景观



案例研究不一定要冗长;让照片来说话


有时候,展示比讲述更好。在这张迷人的黄石国家公园照片中,四只熊戴着相机项圈和GPS,“你好周一”提供了大量的镜头、数据和专家分析。它并没有详细说明它是如何将所有东西组合在一起的,而是在案例研究中保持简洁,提供一个简短的项目大纲和可交付成果,然后再进行一篇完全可视化的文章,展示创建这个数字特性需要做多少工作。


以及画面的一个很好的帮助和截图展示网站的什么,我们真正喜欢这个研究的是周一盖章部分致力于如何喂自己的人格在这个项目,额外生命呼吸功能与动画、水彩插图和pencil-drawn肖像的熊。


03.黄飞鸿...好莱坞



如果你想出了一个创新的方法来完成一个项目,集中精力去做


昆汀·塔伦蒂诺的《好莱坞往事》目前票房收入不俗,是他写给20世纪60年代电影的一封情书,以塔伦蒂诺对细节的典型关注再现了那个时代。为了在网站上展现1969年好莱坞和电影的风貌,洛杉矶沃森广告公司(LA agency Watson)不惜重金打造了一本电子杂志,感觉就像50年前的报摊一样。


在这个案例研究中沃森团队解释不仅杂志背后的思想和它的完美的广告,而且他们如何创建一个物理杂志的印刷发放了首映,挠破放映,创建另一个社会热议的影迷张贴照片杂志证明他们在那里。如果你正在寻找如何开展强有力的社会活动的点子,这里有一些很好的材料。


04.英国红十字会



Kota在这方面做得很好,传达了这个项目的挑战以及它是如何应对这些挑战的


Kota最近与英国红十字会(British Red Cross)合作的案例研究清晰而简洁,为我们提供了宝贵的视角,让我们了解与一家有着明确品牌指导方针的机构合作开展一场运动所面临的挑战和机遇。在英国红十字会的“OneKindThing”活动中,Kota必须创建一个平台,既要在之前的活动中脱颖而出,又要遵守协会相当宏大的品牌指导方针。


Kota用几张图片和几段文字概括了它是如何做到这一点的,并涵盖了交付最终站点必须克服的一些技术障碍。正如英国红十字会(British Red Cross)在案例研究结尾处的证词所显示的那样,最终的结果非常值得付出努力。


05.石墙永远



深入了解一个重要且技术要求很高的项目


为了纪念“石墙暴动”50周年,“Stink Digital”与LGBT社区中心合作,创建了“石墙永远”,这是一种沉浸式的数字体验,以LGBTQ+历史上的关键故事和前所未闻的故事为特色。


Stink Digital的案例研究解释了如何建立活50年的骄傲,纪念碑位于克里斯托弗公园,纽约,但可以通过一个网站设计或基于“增大化现实”技术的应用,并进入一些细节的挑战创造一个WebGL纪念碑,由超过10000个人碎片与后处理效果,但仍然运行在60 fps,即使在低端设备。


然而,除了技术上的挑战,这篇文章对一个探索石墙骚乱之前、期间和之后生活的项目来说,是一篇引人入胜且富有洞察力的文章。