E-Commerce Website

Portfolio Website

사진 스튜디오의 포트폴리오 웹사이트로, 화려한 그래픽보다는 사진 작업이 잘 보이도록 하기 위해 정보의 간결한 정리와 부드러운 움직임을 중요시하며 웹사이트를 제작했습니다.

As a portfolio website for a photography studio, I built the website with an emphasis on concise organisation of information and smooth movement to showcase the photography work rather than flashy graphics.

Webflow, HTML/CSS, Javascript

Website ^{(Desktop/Mobile)}

https://studiorelease.kr

시대기물연구소 파도

The Institute of Object PADO

웹, 기획

web, planning

https://pado.sansuhwa.com

Exhibition Archive Website

〈시대기물연구소 파도〉는 차 문화공간 산수화에서 운영하는 도자 작가들의 모임입니다. 2024년 10월 첫 전시1와 함께 관객들과 만남을 가졌으며, 장기적으로 시대기물연구소 파도가 추구하는 생각의 확장을 위해 모든 작품과 이에 대한 담론 등을 웹사이트에 기록합니다.

The Institute of Object PADO is a collective of ceramic artists managed by the tea culture space Sansuhwa. We met with the audience for our first exhibition1 in October 2024, and in the long term, we record all the works and the discourse about them on our website to expand the ideas that are pursued by PADO.

HTML/CSS, Javascript, Jquery, Mixitup js

Website ^{(Desktop/Mobile)}

[1] 시대기물연구소 파도 첫 전시: 1-1. 새로운 차의 맛, pado.sansuhwa.com/information [1] The Institute of Object PADO first exhibition: 1-1. New flavors of tea, pado.sansuhwa.com/information

카달로그

Cadalogue

웹

web

E-Commerce Website

패션 브랜드 카달로그의 이커머스 쇼핑몰 웹사이트를 만들었습니다. 디자인을 할 때 강한 그래픽과 색상 요소를 사용하기 보다는, 브랜드의 무드와 제품에 어울리는 차분한 톤을 구현하기 위해 노력했습니다.

I was commissioned to design a website for the fashion brand CADALOGUE. Rather than using strong graphic and colour elements in the design, I strived to achieve a subdued tone to match the brand's mood and products.

Imweb, CSS, Javascript, Jquery

Website ^{(Desktop/Mobile)}

https://cadalogue.kr

에브리리틀씽

everylittlething

웹, 기획, 협업

web, planning, collab

https://everylittlething.co.kr Part of the assets(Figma)

Portfolio Website

잡지, 음반, 브랜드 아이덴티티, 포스터, 음반, 책자 등 다양한 매체를 다루는 디자인 회사의 웹 포트폴리오입니다. 기존 웹사이트에 있던 키워드(SEO)를 바탕으로 메인 페이지를 구성했습니다. 디자인 및 프론트엔드 구성과 퍼블리싱 작업을 하고 백엔드 개발자와 협업했습니다.

I created a web portfolio for a design company that works with a variety of mediums, including magazines, records, brand identities, posters, records and booklets. I organised the main page based on the meta keywords(SEO) from the existing website. I worked on the design, front-end configuration and publishing, and collaborated with the back-end developer.

HTML/CSS, NextJS, Jquery, GSAP

Website ^{(Desktop/Mobile)}

스튜디오 베리띵즈

verythings

웹, 협업

web, collab

Portfolio Website

베리띵즈는 도시와 자연 속의 편안함을 공간, 브랜딩, 그래픽 디자인으로 표현하는 디자인 스튜디오입니다. 각 프로젝트의 주 색상을 이용해 페이지를 구성하고, 디자인의 유연성이 떨어지는 웹 빌더를 사용하는 대신 직접 구축을 진행했습니다.

Verythings is a design studio that expresses the comfort of the city and nature through space, branding and graphic design. I composed the pages using the identity colours of each project, and built them myself by writing the HTML instead of using a website builder, which has less design flexibility.

HTML/CSS, Javascript, Jquery, GSAP

Website ^{(Desktop/Mobile)}

https://verythings.org

노들장애인야학 30주년

nodeul school 30th anniversary

웹, 협업

web, collab

Anniversary Website

노들장애인야학의 30주년 행사를 위한 특별 웹사이트로, 행사 전까지 꾸준한 업로드와 업데이트를 할 수 있도록 가변적인 디자인 레이아웃을 구성했습니다.
디자인 작업을 할 때 정보들이 한 눈에 보이도록 간결한 디자인 레이아웃을 구성하며, 웹 접근성을 위해 퍼블리싱 작업을 할 때 시맨틱 태그 규칙을 최대한 지켰습니다. 또한 많은 사람들이 볼 수 있도록 반응형 디자인에 유념하여 작업했습니다.

This website has been created for Nodeul School's 30th anniversary event. Its design is variable, allowing for constant uploads and updates in the run-up to the event. The design has been kept concise to ensure that information is easily visible. Semantic-tag rules have been followed as much as possible when publishing for web accessibility, and the website has been designed responsively so that it can be viewed by a large audience.

HTML/CSS, Javascript

Website ^{(Desktop/Mobile)}

https://30th.nodl.or.kr

갤러리 밪 아카이브

gallery BAAT archive

웹, 기획

web, planning

https://archive.sansuhwa.com

Exhibition & Workshop Archive Website

산수화의 갤러리 밪에서 진행한 전시와 워크샵을 아카이브하는 웹사이트입니다. 각 콘텐츠를 모두 균일하게 보여주기 위해, 뚜렷한 사진이 없거나 포스터를 제작하지 못한 전시 및 워크샵의 썸네일(포스터 기능을 하는 이미지)을 구성하는 작업을 먼저 했습니다.
그리고 같은 곳의 웹사이트(sansuhwa.com)와는 다른 성격의 웹사이트기에, 기존에 제작했던 산수화 디자인 시스템을 활용하되 색상 조합을 달리 했습니다.

This website is an archive of exhibitions and workshops held at Gallery BAAT. To ensure a consistent presentation of content, I started by creating thumbnails (images used as posters) for exhibitions and workshops that lacked have clear photographs or were unable to produce posters.
As this website differs from the website of the same venue (sansuhwa.com), I utilised the Sansuhwa design system, adapting it to incorporate different colour combinations.

HTML/CSS, Javascript, GSAP

Website ^{(Desktop/Mobile)}

나투

natoo

웹/앱, 협업

web/app, collab

Natoo Prototype - Google Drive Promotion Website Assets - Figma Side Project Assets - Figma

B2C App Service, B2B/B2C Promotion Website

성형 및 뷰티 B2B‧B2C 서비스의 MVP/런칭을 위한 디자인을 했습니다. 기존에 제작된 디자인 컴포넌트 규칙을 따르되 관리가 용이하도록 정돈되지 않은 UX 논리를 정리하고 다양한 컴포넌트를 구조화하기 위해 노력했습니다.

My role involved the design and management of a B2B and B2C service for plastic surgery and beauty information. This included the attraction of hospitals to use the service and its promotion to customers. I followed the established design component rules, but tried to clean up the disorganised UX logic and structure the various components for ease of management.

Figma, Adobe XD, Zeplin, Framer, HTML/CSS, Javascript

App ^(Mobile/Pad) Website ^{(Desktop/Mobile)}

boooooom!

웹, 기획, 협업

web, planning, collab

Online-Exhibits Website

파주타이포그라피배곳 대학원 과정의 졸업 작업과 함께 온라인 졸업 전시 웹사이트를 기획하고 제작했습니다. 더배곳 6명의 졸업 작품이 일러스트‧사운드‧영상‧글꼴‧공간‧웹이라는 모두 다른 디자인 매체로 만들어져, 누구 하나 튀지 않고 조화로운 웹사이트를 만들기 위해 이미지의 사용을 최소화하고 웹에서 보여주기 유용한 임의 배열을 활용하여 제작했습니다.

I was responsible for curating and creating an online graduation exhibition website to accompany the graduation work of the Paju Typography Institute's postgraduate course. The six graduating students' work was created in different design mediums, including illustration, sound, video, font, space and web, to create a harmonious website. The website was designed to minimise the use of images and utilise random arrangements, which are useful on the web.

HTML/CSS, Javascript

Website ^{(Desktop/Mobile)}

아늑료칸 파주

aank ryokan paju

웹, 협업

web, collab

Promotion Website

아늑료칸 파주점의 예약 정보 웹사이트입니다. 숙소 정보를 네이버·여기어때 등 타 플랫폼으로 검색했을 때 이곳의 특징을 잘 살려 보여주지 못한다는 점을 인지하고, 디자이너와 협력하여 자체 제작을 위해 퍼블리싱 작업을 했습니다.

This is the booking information website for Aank Ryokan Paju. I recognised that other platforms, such as Naver-Yogiyo Company, did not adequately showcase the unique features of the property. Therefore, I collaborated with a designer to create our own web publishing solution.

HTML/CSS, Javascript, Jquery

Website ^{(Desktop/Mobile)}

콩나물주택 룸서비스

kongnamul-jutaek roomservice

웹, 협업

web, collab

Accommodation Service Webpage

전주 콩나물주택의 룸서비스 프로토타입 웹페이지입니다. 숙소에서 사용자가 QR코드로 웹페이지에 접속해 상품을 담고, 1층 로비로 주문할 수 있도록 설계했습니다.

This is the prototype webpage for the room service menu at Kongnamul-Jutaek in Jeonju, South Korea. Hotel guests can access the webpage using a QR code, view the products and place their order in the lobby on the first floor.

HTML/CSS, Javascript, Google Sheet

Website ^{(Desktop/Mobile)}

공익법단체 두루 10주년

Duroo 10th anniversary

웹, 협업

web, collab

Pin the map Play the typing game

Micro Website for Anniversary Exhibition

공익법단체 두루의 10주년 전시에서 관객 참여형으로 제작한 웹페이지입니다. 〈지도 표시하기〉는 서울시의 주요 구에서 휠체어 접근성에 대한 정보를 관객이 직접 O, X로 나누어 표시하도록 했습니다. 〈타자 게임하기〉는 전시의 주요 이야깃거리를 직접 타이핑하며, 해당 주제에 맞는 정보는 엽서(영수증)와 같이 기념으로 가져갈 수 있도록 했습니다.

This webpage has been developed as a tool to encourage audience participation at the 10th anniversary exhibition of the Association for Public Interest Law 〈duroo〉. Entitled 〈Pin the map〉, this initiative invited visitors to highlight areas of Seoul with poor wheelchair accessibility. 〈Play the typing game〉 invited visitors to contribute to the main narrative of the exhibition by typing in the information that best fit the theme, which could then be taken home as a souvenir, such as a postcard (receipt).

HTML/CSS, Javascript, Jquery

Website ^{(Desktop/Mobile)}

지도 표시하기 타자 게임하기

스테이 패스포트 익스프레스 티켓

stay passport express ticket

웹, 협업

web, collab

Accommodation Interactive Webpage

스테이 패스포트 익스프레스의 1층 로비에 위치한 티켓을 받아갈 수 있게 만든 웹페이지입니다.

A website created for users to collect their tickets from the ground floor lobby of the Stay Passport Express.

HTML/CSS, Javascript

Website ^{(Desktop/Mobile),} For Chromium browser

청소년센터 TEAM2200

Teen centre TEAM2200

웹, 기획, 협업

web, planning, collab

Teen centre proposal website

움직이는청소년센터 EXIT의 프로젝트 TEAM2200 기획서를 다양한 사람들이 쉽게 볼 수 있도록 종이 문서가 아닌 웹페이지로 제안하고, 글 중심의 정보들을 웹 상에서 효과적으로 보여주기 위해 노력했습니다.

I suggested the project TEAM2200 proposal of 〈Moving Teen Centre EXIT〉 as a webpage instead of a paper document so that a wide range of people could easily view it, and I attempted to present the text-oriented information as effectively as possible on the web.

HTML/CSS, Javascript

Website ^{(Desktop/Mobile)}

Intimatepast

웹, 협업

web, collab

https://intimatepast.github.io

Online-Exhibits Website

디자이너가 실제 전시 공간을 3D(Cinema 4D)로 표현하고, 이를 웹(threejs) 상으로 구현하는 데에 도움을 주었습니다.

The designer created a 3D representation of the physical exhibition space (Cinema 4D) and I was part of the web implementation (threejs).

HTML/CSS, Javascript, Threejs

Website ^{(Desktop/Mobile)}

인티머시 코디네이터 코리아

intimacy-coordinator korea

웹

web

https://intimacycoordinatorkorea.com

Promotion Website

일본과 아프리카 등지에서 활동하는 인티머시 코디네이터의 한국 활동을 위해 기존에 제작된 해외 웹사이트1의 컨텐츠를 그대로 담으며, 한국에서 보기에 친숙한 디자인을 구성하기 위해 노력했습니다.

For the Korean activities of the Intimacy Coordinators, who are active in Japan, Africa, and elsewhere, I created a design that would be familiar to the Korean audience, while retaining the content from the existing overseas websites1.

Squarespace, Javascript

Website ^{(Desktop/Mobile)}

[1] 인티머시 코디네이터 제팬:intimacy coordinator Japan: https://intimacy-co.jp

밀라노 《사유의 두께》 티 세레모니

《Thoughts on Thickness》, at Milan, Tea Ceremony

인쇄

https://www.ohoi.xyz Under Construction Page

Documentation for the Tea Ceremony

밀라노 한국공예전 《사유의 두께》의 공존의 마당 라운지에 프로그램으로 참여한 산수화의 티 세레모니를 위한 설명서입니다.

This is the manual for Sansuhwa's tea ceremony, which was part of the programme at the 〈Yard of Coexistence〉 lounge at the Korean Craft Show 《Thoughts On Thickness》 at Milan 2024.

Indesign

Work ^{(Graphic/Volumes)}

오호이 프로젝트

ohoi project

웹

web

2022

Portfolio Website

부동산 매물을 찾는 다양한 브랜드의 고객에게 부동산 서비스를 효과적으로 홍보하기 위한 웹사이트입니다.

The website has been designed to promote real estate services to customers of different brands looking for property for sale.

Squarespace, HTML/CSS, Javascript

Website ^{(Desktop/Mobile)}

LOVEPEACEVIBE

웹

web

Promotion Website

LOVEPEACEVIBE 행사 프레젠테이션을 위한 웹페이지입니다.

This is the webpage for the presentation of the LOVEPEACEVIBE event.

HTML/CSS, Javascript

Website ^{(Desktop/Mobile)}

한옥 스테이 서유숙

stay seoyoosuk

웹, 협업

web, collab

Promotion Website

한옥 스테이 서유숙의 공간과 주변 풍경을 닮은 옅은 아이보리 계열의 색감을 사용하고, 공간의 분위기에 맞게 넉넉한 여백의 디자인을 하기 위해 노력했습니다.

The design incorporates a pale ivory colour scheme intended to reflect the space and surrounding landscape of Stay Seoyoosuk. The creation of a design with generous white space was undertaken to match the ambience of the space.

HTML/CSS, Javascript

Website ^{(Desktop/Mobile)}

https://seoyoosuk.com

0-range-1

인쇄, 기획

print, planning

Design Research

1. 이미지는 저장 장치나 웹 상에서 데이터가 있는 상태다.
2. 사진은 이미지가 출력・인화되어 물성이 있는 상태다.
3. 이미지의 이동은 순수하게 저장 장치, 웹 상에서의 전송을 이야기한다.
4. 플랫폼은 이미지를 담거나 이동시킬 수 있는 모든 저장 장치를 말한다.

우리는 시각 매체로써 사진을 다룬다. 사진은 가장 쉽게 다룰 수 있고 효과적인 매체다. 시각적 흥미를 주는 전달 요소로, 기록과 공유 등의 역할을 한다. 구체적으로 사진과 이미지는 어떻게 다를까. 인화되어 만질 수 있는 사진과 디지털 파일로 웹 상에 올릴 수 있는 이미지라고 말하는, 단순한 설명을 넘어선 차이는 무엇일까. 이런 차이에 대해서는 충분히 짐작할 수 있지만, 실제로 차이를 들여다보려는 시도는 많지 않다. 굳이 들여다볼 필요가 없는 것일까. 눈으로 본다는 건 누구에게나 자연스레 주어진 행위지만, 눈이 왜 머리에 그토록 가깝게 자리 잡고 있는지는 생각해 볼 일이다. 주변에 이미지가 만연한 순간에 사진과 이미지에 대한 차이를 보고자 한다. 모든 건 눈을 통해 본다는 것이지, 그저 보기만 해서는 의미를 온전히 이해할 수 없다.

이미지는 개인의 컴퓨터, 웹사이트 등 수많은 플랫폼에 존재한다. 사진에서의 정보는 매체와 분리될 수 없지만, 이미지에서의 크기・해상도・수정 날짜・색상값 등 수치(digit) 정보는 매체와 분리되어 있다. 이미지의 해상도는 이미지를 구성하는 픽셀들을 담는 공간이다. 픽셀 단위의 색상값은 RGB 색 체계라는 데이터로 구성되어 있다. RGB 색 체계는 정수로만 놓고 계산했을 때 256*3=16,777,216개의 색상으로 표현된다. 이런 이미지의 정보는 여러 플랫폼을 이동하며 플랫폼의 규격에 맞게 작아지고, 흐려지고, 변환된다. 흔하게 짤방・밈 이미지라고 언급하는 디지털 풍화 현상이다.

필름 사진은 물성이 있는 상태, 사진이라는 매체 자체가 정보가 되어 있는 상태다. 그래서 사진의 풍화는 시간이 관여하며, 가만히 놔두어도 시간에 의해서 색감과 질감이 변한다. 오래되어 생기는 따뜻한 감성이 있다. 이미지에서도 시간이라는 개념이 존재할까. 이미지는 이동하지 않는 한 변하지 않는다. 이미지를 컴퓨터 폴더에 아무리 오랜 시간 놔두어도 이미지의 크기와 해상도, 데이터 값은 그대로다. 그런데 이미지 데이터는 어디부터 변하는 걸까. 논쟁 하나를 소개한다.

0. 원본 이미지의 ‘0101’과 풍화된 이미지의 ‘0101’은 같다.
1. 그것의 기준을 어디에 두냐에 따라 다르다. 수학적으로는 1이 맞으나, 오렌지 999개와 1000개를 같다고 할 수 없다. 그런 식으로 기준에 따라 달리 해석할 수밖에 없다. 차이는 존재한다.
0. 1+1은 2다.
1. 당연히 2다. 수학적으로는 맞는 말이다. 하지만 역시 개념에 따라 다르다. 찰흙1과 찰흙1을 더하면 찰흙 1개인데, 이것은 2개가 합쳐졌으니 2로 봐야 할지, 한 덩어리를 이루었으니 1로 볼지, 아니면 1이지만 거대한 1로 볼지, 2의 가치를 지닌 1로 볼지는 각기 다르다.

이미지는 하나의 장소에 머물지 않는다. 이미지는 이동하는 순간 저장 장치와 웹 상의 네트워크 상태・비용・전송 규격・압축 과정 등의 문제로 풍화된다. 분명한 건 원본 데이터를 복사・붙여 넣기 하고 원본을 지우는 게 아니다. 원본 이미지가 있다는 건 확실하고, 디지털 풍화는 눈에 보이는 현상이다. 눈에 확실히 보이는 것을 통해 보이지 않는 걸 의심하고자 한다. 이미지가 떠도는 곳은 망망대해다. 인화되어서 정성스레 사진집에 껴놓은 필름 사진보다 무방비 상태다. 이미지는 누군가에 이끌려 이리저리 복사되고, 전송되고, 압축되고, 가공되고, 풍화된다.

여러 이미지로 실험을 거듭한 결과 기존 RGB 색상을 모두 살펴볼 수 있고, 과일이 실제 상하는 모습과 이미지가 풍화되며 상하는 모습 둘 사이의 묘한 이질감을 보여줄 수 있다는 생각에서 ‘오렌지 이미지’를 선택했다. 그래서 모든 실험은 흰색 배경의 깨끗한 오렌지 이미지로 시작한다.

한쪽에 있는 이미지가 다른 쪽으로 이동하는 것에서 시간성을 발견했다. 시간성이란 일률적인 흐름이 아니라, 시간적 성격과 구조를 나타낸다. 다른 쪽으로 이동하는 순간을 기록한다면, 그 시간이 같이 흐른다면 시간성을 보여줄 수 있다는 생각에서 ‘스크린샷 캡처’ 기능을 사용했다. 이미지의 파일명은 스크린샷 캡처 당시의 시간이다. 스크린샷 캡처를 한 이미지를 또 스크린샷 캡처하고 이를 무한 반복한다. 실제 원본 이미지는 점처럼 작아지고, 해상도가 낮아진다. 날짜와 시간도 흐려진다. 그리고 플랫폼의 최적화된 스크린샷 구조에 맞게 이미지 크기가 고정된다. 이미지가 풍화되며 바뀌는 수치 정보에서 시간성이 드러난다. 그래서 이미지의 정보는 사진과는 다르게 차갑고 정제되어 있다.

이미지의 정보가 정제되어 있다는 것을 극적으로 보기 위해서 확대 기능을 사용했다. 사진을 확대해 보기 위해서는 돋보기 같은 다른 환경의 사물이 필요하지만, 이미지를 확대해 본다는 것은 자연스러운 행위이기 때문이다. 확대한다는 것은 이미지가 단순히 픽셀 단위와 비트맵으로 구성되어 있다는 설명이 아니라, 이미지 자체를 자세히 들여다본다는 행위다. 스크린샷 캡처를 수 백번 진행한 실험 제목은 ‘오렌지옥’이고, 확대를 수 천 퍼센트 단위로 진행한 실험은 ‘무작정 까기’다. 그리고 다음 실험 제목은 ‘정성스레 까기’다.

흰색이라고 말하는 색은 눈으로 절대 보이지 않는 변화를 담고 있다. 자세히 들여다보아야만 볼 수 있는 색상값의 변화는 디지털 풍화가 여러 번 이루어졌을 때서야 눈을 통해 보인다. 색상의 상태를 숫자로 본다는 것은 ‘정성스럽게’ 눈에 보이지 않는 색까지 보기 위함이다. 흰색은 여러 곳을 떠돌면서 다른 색이 묻어 더러워진다. 원본 이미지는 많은 수의 색상 데이터를 담고 있지만, 풍화가 진행되며 색상 데이터를 담을 그릇(해상도)이 작아진다.

RGB 색 체계는 거의 모든 색 데이터를 담을 수 있지만, 숫자로만 봤을 때 쉽게 색을 연상할 수 없어 HSB, HTML 체계를 사용한다. 얇고 미세한 변화는 HSB, HTML 색 체계를 통해 감지할 수 있다. HSB 색 체계는 색을 색상(Hue), 밝기(Brightness), 채도(Saturation)로 나타낸다. HTML 색 체계는 16진법의 시스템으로, 각 자릿수대로 색의 강도를 나타낸다. HTML 색 체계를 예로 들자면, ‘FFFFFF’가 진짜 흰색이다. 원본 오렌지 이미지의 주변부는 모두 이 색상값을 가지고 있다. 하지만 풍화가 일어난 오렌지 이미지의 주변부는 ‘FEFFFD’, ‘FFFFFE’, ‘FEFFFE’ 등 다양한 색상값으로 변한다. 흰색이라고 말하는 다양한 색은 눈으로 보이지 않는 변화를 담아내고 있다. 자세히 들여다 보아야만 볼 수 있는 색상값의 변화는 디지털 풍화가 여러 번 이루어졌을 때서야 눈을 통해 보인다. 색상의 상태를 숫자로 본다는 것은 눈에 보이지 않는 색까지 보기 위함이다.

이미지의 풍화 과정은 헤아릴 수 없을 정도의 양으로 일어날 것이다. 이를 예상하고 ‘끝이 없다’라고 상정하기보다는, 풍화의 끝은 무엇일까 상상해본다. 디지털 풍화의 극적인 마무리는 ‘인쇄 버튼’이라고 생각했다. 여러 곳을 떠돌던 이미지는 직전의 그 상태, 해상도, 크기 그대로 인쇄된다. 하지만 미세한 데이터, 특히 디지털 색상인 RGB 색 체계는 인쇄물에서 쓰이는 잉크의 색상인 CMYK 색 체계로 변환되며 최종 풍화가 일어난다. 망망대해를 떠돌던 이미지는 그제야 무인도에 정착한다.

보통 풍화가 진행된 이미지를 볼 때는 눈 앞에 보이는 더러움을 느낄뿐, ‘내가 보는 이 이미지가 얼마나 많은 곳에서 옮겨지다가 내 눈 앞에 도달했는가’라고 생각하지는 않는다.

보통 이미지 풍화 현상을 흔히 볼 수 있는 짤방 이미지를 생각할 때는 “더럽다”고 느끼지만, 앞선 세 가지 실험을 통해 살펴 본 이미지 데이터의 풍화 과정은 “차갑고 정제되어”있다. 포스터 크기로 크게 인쇄된 픽셀 이미지는 무작정 까고, 정성스레 까보았다는 증거물이다. 확대하고 색상값을 들여다 볼 때의 변화를 눈으로 감지할 수 있는가. 그럴 수 없기에 명확한 수치(digit) 정보가 풍화의 양상을 보여줄 것이다. 또한 영상 작업은 이미지 풍화 현상을 가장 효과적으로 보여줄 수 있다. 바람에 의해 암석이 깎여나간다는 의미의 풍화라는 말이 주는 효과, 실제 이미지의 풍화 과정은 아주 느리고 약하게 진행될 것이라는 상상, 이미지 풍화는 사진의 풍화와 어떤 차이가 있을까 하는 의문점들을 보여주기 위해 아주 느리게 흘러가는 풍화 영상을 이용한다. 스크린 옆에 실제 상하고 있는 오렌지가 곁들여져 있으면 딱이다. 이렇게 이미지를 여러 방향에서 보는 행위는 하나의 결과물을 지정하지 않은 산발적인 실험이다. 이는 사람들이 은연중에 받아들이는 사진의 감성, 짤방 이미지의 분위기와는 다른 점을 분명하게 보여준다.

곧은순

godeunsoon

인쇄

Condensed Hangul Font

“주변에서 흔하게 볼 수 있는 꽃이 피기 위해서는 뿌리와 줄기가 제 역할을 해야 합니다. 달콤한 기대는 그 결과만을 따르게 합니다. 그보다는 꽃이 피기까지의 과정을 중요하게 여깁니다.”

완성형 한글 2350자 중 1000자의 글자 조합을 만들고, 그 과정을 담은 결과물로 글꼴보기집을 만들었습니다.

“The roots and stem must fulfil their function if the flowers we see around us are to bloom. While it is important to have clear expectations, it is the process that leads up to the result that is truly valuable.”

I created font combinations for 1000 of the 2350 complete Korean characters and created a font book to document the process.

Glyphs, Indesign

Work ^{(Graphic/Volumes)}

민원 서식 개선

public office complaints redesign

인쇄, 기획, 협업

print, planning, collab

2018

Editorial, Experience Design

매년 공공기관에서 발행하는 민원 서식은 수천종에 달합니다. 단순히 서식 종이 한 장을 예쁘게 디자인 하는 것이 아니라 사용자의 작성과 제출, 관리자의 접수와 처리 업무에 대한 입장을 고민하며 작업했습니다.

Every year, public organisations issue thousands of complaints about public services. In designing this form, I considered not only the user experience of filling it out and submitting it, but also that of the administrator receiving and processing it.

Hangul Word Processor, Indesign

print ^{(Graphic/Volumes)}

View PDF

2025 산수화 달력

sansuhwa calendar 2025

인쇄, 기획

print, planning

Brand Promotion Calendar

산수화의 2025년 달력을 제작했습니다. 계절감과 분위기를 보여줄 수 있도록 각 달마다의 사진을 선정하고, 그에 맞게 날짜의 배열을 다르게 했습니다. 표 형식의 딱딱한 달력보다는 실내 공간의 어느 곳에 두어도 편안히 볼 수 있도록 제작했습니다.
상단 타공(6⌀)을 하여 벽이나 냉장고 등에 걸어둘 수 있고, 두꺼운 실로 단단하게 묶었습니다. 그리고 달이 지날 때마다 한 장씩 깔끔하게 뜯어 다른 곳에 활용할 수 있게 했습니다.

I created the 2025 calendar for Sansuhwa, carefully curating a selection of images to capture the essence of the seasons and moods for each month. The dates have been meticulously arranged to enhance the visual appeal of the calendar, rather than merely being functional for easy date counting. Rather than a conventional tabular design, I designed it to be comfortable to look at anywhere in the room.

Photoshop, Indesign

print ^{(Graphic/Volumes)}

View Item

2021 일상의 역사 달력

a history of practice calendar 2021

인쇄