푸른이미지
푸른이미지 포트폴리오 사이트는 다양한 저작물을 관리자가 원하는 방식으로 편집·배치할 수 있도록 만든 기업 포트폴리오 사이트입니다. 이를 위해 블록에디터를 커스텀 개발하여 포트폴리오 DB 작업을 진행했습니다.
Overview
무엇을, 왜 만들었나
배경
푸른이미지는 BI/CI 및 패키지 전문 디자인업체입니다. 사이트에는 Logo 디자인부터 패키지디자인, 일러스트 등 다양한 형태의 저작물이 올라가는 조건이 있었습니다.
과제
다양한 형태의 저작물이 올라가기 때문에, 관리자가 포트폴리오 게시물을 그때그때 원하는 방식으로 편집하고 배치할 수 있어야 했습니다. 향후 리뉴얼을 고려해 워드프레스 코어 편집기인 구텐베르크 기반으로 게시물 편집 구조를 잡아야 했습니다.
작업
워드프레스로 개발하되, 포트폴리오 게시물은 코어 편집기인 구텐베르크의 블록을 손봐 짰습니다. 그래서 한 게시물 안에서 로고 변형을 늘어놓고, 무드보드를 격자로 깔고, 브랜드 컬러를 팬톤 값으로 정리하는 식으로 저작물에 맞춰 구성을 바꿀 수 있습니다 — 정해진 틀에 사진만 갈아 끼우는 방식이 아닙니다. 분류는 작업 성격과 제품군 두 축으로 나눴고, 목록은 포트폴리오를 앞세운 그리드에 Hanken Grotesk, #46CDAF와 검정을 썼습니다.
Screens
화면
More work
다른 프로젝트
비슷한 결의 작업들입니다.
Let's build something lasting
이런 작업이 필요하신가요?
여러분에게 길을 안내하겠습니다.
웹사이트 구축부터 지속적인 운영 관리, 정부 지원 사업 활용까지 함께 고민하는 파트너가 되어드립니다.