Treehouse is a social-living housing project headed by Kolon. As lead designer of the project, my task was to design a consumer-friendly brand image for the project. During it’s pre-sale phase, I completed a library of 200+ graphical assets – my designs were used for B2B & B2C presentations, social media and marketing efforts.
Commonlife Web Design
Project
- Design
- Brand, UI/UX, web design, web development
- Software
- Adobe Photoshop
- WordPress
- HTML, CSS, PHP
- Client
- Kolon Global Corporation
![](https://i0.wp.com/www.shirley.works/wp-content/uploads/2018/11/crop_desk.gif?fit=836%2C480)
![](https://i0.wp.com/www.shirley.works/wp-content/uploads/2018/11/commonlife_all_pages.jpg?fit=1920%2C1080)
Rebranding
Fresh Start
COMMON Life, a co-living housing branch of KOLON, wanted a fresh and bright website that shared their people-first personality. Transitioning from a behind-the-scenes business development team to a collection of designers and property developers, COMMON Life needed an online makeover to match.
Shifting from a text repository to a graphically pleasing layout, the final product mixed media with information. The final product utilized numerous parallax effects, set to trigger as one scrolled through the site, to provide an eye-catching experience while retaining a professional and corporate face for future business partners.
![](https://i0.wp.com/www.shirley.works/wp-content/uploads/2018/11/parallax_detail2.gif?fit=687%2C464)
Mobile & tablets
Responsive On All Sizes
Flexibility is everything.
For the fast-paced Korean market, a strong mobile presence is necessary – business is often done on the fly. Having a responsive website that is accessible and shareable over a spectrum of screen sizes is crucial for transitioning from the coffee shop to the boardroom.
![](https://i0.wp.com/www.shirley.works/wp-content/uploads/2018/11/phone_common4.gif?fit=648%2C720)
![](https://i0.wp.com/www.shirley.works/wp-content/uploads/2018/11/desktop_long.jpg?fit=1200%2C4416)
![](https://i0.wp.com/www.shirley.works/wp-content/uploads/2018/11/home_draft1.jpg?fit=800%2C1932)
UI / UX
Iterations
Working with the team.
Matching the transformations of COMMON Life, the design of the website went through multiple iterations as the breadth of the site shifted and expanded. Accommodating for the team’s goals, the website was developed hands-on with the client, growing with the inclusion of various media, social media outlets, and blogging platforms.
![](https://i0.wp.com/www.shirley.works/wp-content/uploads/2018/11/structure.jpg?fit=720%2C924)
COLORS
#005fad
#e1d038
#192a5e
#a28a4d
FONTS
Noto Sans
ㄱㄴㄷㄹㅁㅂㅅㅇㅈㅊㅋㅌㅍㅎㅏㅑㅓㅕㅗㅛㅜㅠㅡㅣ
a b c d e f g h i j k l m n o p q r s t u v w x y z
Raleway