housinginplace.com • AWKT

housinginplace.com

Website

A social project led by the Urban Ecologies Design Lab (UEDL), a unit of the Faculty of Architecture at the University of Hong Kong, in collaboration with Habitat for Humanity (Hong Kong), Housing in Place explores alternative housing solutions in response to the pressing, sky-high housing market of the city.

Approached by UEDL at HKU, I have co-designed with my friend Samuel and developed the official website for Housing in Place. The design follows a utilitarian approach: emphasising clarity and simplicity; utilising grids, sticky titles, and large typography.

Year

2022

–

Client(s)

HKU (UEDL), Habitat for Humanity (Hong Kong)

Nature(s)

Non-Profit

Duty/Duties

Web Design, Web Development

Tag(s)

PRACTICE

Web

Digital

Social

Tag(s)

View

1x / 2x / 5x (default)

<div class="floormediagallery"> <div class="wrappermediagallery"> <div class="linedivider"></div> <div class="airs"></div> <div class="flattext1fullwidth"> <div class="soehne1">Showcase</div> <div class="airm"></div> </div> <div class="collectionlistmediagallery varwidthwrapperformediagalleryitem"> <div class="collectionitemmediagallery varwidthitemformediagalleryitem"> <div class="richttextblockmediagallerysingleentry"> <div class="roommediagallery"> <div class="mediagalleryitem"> <img src="https://photos.smugmug.com/Awktxyz/Work/Housinginplacecom/Showcase/i-2RQMxNQ/0/DzSxHTw6jR5FqJ5S9HH344FKTXQGMSTmkSbWmXvxR/O/HIP%20Web%20AW1-01.jpg" loading="eager"> </div> <div class="airm"></div> </div> </div> </div><div class="collectionitemmediagallery varwidthitemformediagalleryitem"> <div class="richttextblockmediagallerysingleentry"> <div class="roommediagallery"> <div class="mediagalleryitem"> <video playsinline loop muted autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="contain"> <source src="https://player.vimeo.com/progressive_redirect/playback/954755444/rendition/1080p/file.mp4?loc=external&log_user=0&signature=bc263f8399ff9c1d1010657442329238f4a00446d3c7833630846aebc6faaef7" data-wf-ignore="true"/> </video> </div> <div class="airm"></div> </div> </div> </div><div class="collectionitemmediagallery varwidthitemformediagalleryitem"> <div class="richttextblockmediagallerysingleentry"> <div class="roommediagallery"> <div class="mediagalleryitem"> <img src="https://photos.smugmug.com/Awktxyz/Work/Housinginplacecom/Showcase/i-8MHpkZr/0/FT8q3hdjVDxChff7Vgg7Mrfm4g5hXPhLSV24HjJNb/O/HIP%20Web%20AW1-02.jpg" loading="eager"> </div> <div class="airm"></div> </div> </div> </div><div class="collectionitemmediagallery varwidthitemformediagalleryitem"> <div class="richttextblockmediagallerysingleentry"> <div class="roommediagallery"> <div class="mediagalleryitem"> <img src="https://photos.smugmug.com/Awktxyz/Work/Housinginplacecom/Showcase/i-xmKhNLb/0/S4M67LKBQS3FXkbdqqsqTTLvh6wcMzfKZc7Z8QZB/O/HIP%20Web%20AW1-03.jpg" loading="eager"> </div> <div class="airm"></div> </div> </div> </div><div class="collectionitemmediagallery varwidthitemformediagalleryitem"> <div class="richttextblockmediagallerysingleentry"> <div class="roommediagallery"> <div class="mediagalleryitem"> <video playsinline loop muted autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="contain"> <source src="https://player.vimeo.com/progressive_redirect/playback/954755578/rendition/1080p/file.mp4?loc=external&log_user=0&signature=d2cfad9eebd7add996fdde9df735f4f9940f187b195e3ba2fa2a9cbf99ce1bfe" data-wf-ignore="true"/> </video> </div> <div class="airm"></div> </div> </div> </div><div class="collectionitemmediagallery varwidthitemformediagalleryitem"> <div class="richttextblockmediagallerysingleentry"> <div class="roommediagallery"> <div class="mediagalleryitem"> <img src="https://photos.smugmug.com/Awktxyz/Work/Housinginplacecom/Showcase/i-t59SrHr/0/DfkRHqXmcDkk52mgmLSCbg6KrPB3h2dB7x22RtHP9/O/HIP%20Web%20AW1-05.jpg" loading="eager"> </div> <div class="airm"></div> </div> </div> </div><div class="collectionitemmediagallery varwidthitemformediagalleryitem"> <div class="richttextblockmediagallerysingleentry"> <div class="roommediagallery"> <div class="mediagalleryitem"> <img src="https://photos.smugmug.com/Awktxyz/Work/Housinginplacecom/Showcase/i-JMXQWB3/0/CqbjrGzK7BJKVLmgZkC4TpmKcjHvTq73NjjKqDjVV/O/HIP%20Web%20AW1-06.jpg" loading="eager"> </div> <div class="airm"></div> </div> </div> </div><div class="collectionitemmediagallery varwidthitemformediagalleryitem"> <div class="richttextblockmediagallerysingleentry"> <div class="roommediagallery"> <div class="mediagalleryitem"> <video playsinline loop muted autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="contain"> <source src="https://player.vimeo.com/progressive_redirect/playback/954755763/rendition/1080p/file.mp4?loc=external&log_user=0&signature=9c087f5f79333ba3adb739761f64bc51ac3f3c1b0784ca414aee7fd103d797a5" data-wf-ignore="true"/> </video> </div> <div class="airm"></div> </div> </div> </div><div class="collectionitemmediagallery varwidthitemformediagalleryitem"> <div class="richttextblockmediagallerysingleentry"> <div class="roommediagallery"> <div class="mediagalleryitem"> <video playsinline loop muted autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="contain"> <source src="https://player.vimeo.com/progressive_redirect/playback/954755980/rendition/1080p/file.mp4?loc=external&log_user=0&signature=d19a2adb6fa8106882f560911b185b7cb029e1df2c23c1cf30189194b47c8a68" data-wf-ignore="true"/> </video> </div> <div class="airm"></div> </div> </div> </div><div class="collectionitemmediagallery varwidthitemformediagalleryitem"> <div class="richttextblockmediagallerysingleentry"> <div class="roommediagallery"> <div class="mediagalleryitem"> <img src="https://photos.smugmug.com/Awktxyz/Work/Housinginplacecom/Showcase/i-VWn27Fs/0/Dw4MxBvnjzPVSjkHsQPqjgQ9kCGLLCcsgSTfK9Hkf/O/HIP%20Web%20AW1-07.jpg" loading="eager"> </div> <div class="airm"></div> </div> </div> </div> </div> </div> <div class="airlminorm"></div> </div>

<div class="floorlist2"> <div class="linedivider"></div> <div class="airs"></div> <div class="flatlist2title1of5"> <div class="soehne1">Link(s)</div> </div> <div class="flatlist2items4of5"> <div class="wrapperlist2item textlinkgroupwrapper"><a href="http://www.housinginplace.com/en" target="_blank" class="textlink textlinkgroup"> <div class="roomlist2info1of4"> <div class="cubiclelist2info1of4"> <div class="soehne1">Housing in Place<span class="arrowTR1"></span></div> </div> </div> <div class="roomlist2info3of4"> <div class="cubiclelist2info3of4"> <div class="soehne1">Housing in Place explores alternative, affordable housing solutions in Hong Kong.</div> </div> </div> </a> <div class="airs"></div> <div class="linedivider"></div> <div class="airs"></div> </a></div></div> <div class="airlminors"></div> </div>

<div class="floorpassage"> <div class="linedivider"></div> <div class="airs"></div> <div class="roompassage1of5"> <div class="soehne1">Tool(s)</div> </div> <div class="roompassage4of5"> <div class="soehne1">Figma, etc.</div> </div> <div class="airl"></div> </div>

<div class="floorpoint"> <div class="linedivider"></div> <div class="airs"></div> <div class="flatheading1of5"> <div class="soehne1">Credits</div> <div class="airmmobile"></div> </div> <div class="flatpoints4of5"><div class="roompoint1of4"> <div class="cubiclepoint1of4"> <div class="soehne1"> <span class="greytext">Web Design</span><br/>Samuel Castillo, Antony Wong</div> </div> <div class="airs"></div> <div class="linedivider"></div> <div class="airm"></div> </div><div class="roompoint1of4"> <div class="cubiclepoint1of4"> <div class="soehne1"> <span class="greytext">Web Development</span><br/>Antony Wong</div> </div> <div class="airs"></div> <div class="linedivider"></div> <div class="airm"></div> </div><div class="roompoint1of4"> <div class="cubiclepoint1of4"> <div class="soehne1"> <span class="greytext">Söhne</span><br/>Klim Type Foundry</div> </div> <div class="airs"></div> <div class="linedivider"></div> <div class="airm"></div> </div><div class="roompoint1of4"> <div class="cubiclepoint1of4"> <div class="soehne1"> <span class="greytext">Noto Sans</span><br/>Adobe</div> </div> <div class="airs"></div> <div class="linedivider"></div> <div class="airm"></div> </div></div> <div class="airlminorm"></div> </div>

Related Project(s)

Forgotten (Forgiven) Memo

2023

Concert Visuals