사용자의 눈길을 사로잡는 디자인과, 모든 디바이스에서 안정적으로 구현되는 퍼블리싱을 함께 고민하는 웹 퍼블리셔입니다.
HTML, CSS, JavaScript를 기반으로 한 구조적인 코드 작성뿐 아니라, Figma, Photoshop, Illustrator 등을 활용한 UI 디자인 작업도 병행할 수 있습니다.
프로젝트 초기 기획 단계부터 사용자 중심의 인터페이스를 설계하고, 디자인을 웹에 구현하는 전 과정에서 팀원들과의 커뮤니케이션을 중요하게 생각합니다.
웹 표준과 접근성을 고려한 마크업, 반응형/적응형 웹 구축 경험을 바탕으로, ‘기능’과 ‘감성’이 균형잡힌 결과물을 만들어내는 것이 제 강점입니다.
새로운 트렌드와 도구에 대해 늘 관심을 가지고 배우며, 완성도 높은 사용자 경험을 제공하는 데 열정을 가지고 있습니다.
HTML
CSS
JavaScript
Figma
Photoshop
Illustrator
GitHub
Brackets
Premiere Pro
레드버튼
레드버튼 보드게임 카페의 사이트를 리뉴얼한 프로젝트입니다.
사용 툴: Photoshop, Illustrator, Brackets
참여도: 100%
데이니즈
데이니즈 스토어의 사이트를 저만의 스타일로 재구성 후 스마트폰앱으로 구현한 프로젝트입니다.
사용 툴: Photoshop, Figma
참여도: 100%
나무13
나무13 작가의 소개와 가상의 전시를 반응형웹으로 구현한 프로젝트입니다.
사용 툴: Photoshop, Figma, Brackets
참여도: 100%
Nutrifit 브랜드 디자인
가상의 새로운 브랜드를 기획하고 모티브를 컨셉으로 와 핵심가치를 상징화시켜 디자인 했습니다.
사용 툴: Photoshop, Illustrator
참여도: 100%
속도를 즐기는 순간 여행은 시작된다.
여려가지의 이미지를 보정하고 합성하여 '도로와 바이크만 있다면 시간과 장소의 구애를 받지 않고, 어디든 여행을 갈 수 있다.' 라는 의미를 전달할 수 있는 이미지를 만들었습니다.
사용 툴: Photoshop, Illustrator
참여도: 100%
대한항고 기업광고
'최고의 안전과 서비스를 통한 고객만족'을 대한항공의 기업 핵심가치로 도출하여 핵심가치에 맞는 기업광고 이미지를 디자인 했습니다.
사용 툴: Photoshop, Illustrator
참여도: 100%
바나나우유
생성형AI를 활용하여 광고 이미지를 만들어 배너와 상세페이지를 디자인 했습니다.
사용 툴: Photoshop, Illustrator
참여도: 100%
windmark
생성형AI를 활용하여 새로운 브랜드를 디자인하고 기획안을 제작하였습니다.
사용 툴: Photoshop, Illustrator, Gamma
참여도: 100%
뮤직비디오
인물의 내면의 본질을 정의하고 내면을 대변하는 노래를 선정하여 뮤직비디오를 편집하였습니다.
사용 툴: Photoshop, Premiere Pro
참여도: 100%
프링글스 광고
생성형AI로 프롬포토를 작성해 광고 이미지와 영상을 생성하여 광고영상을 제작하였습니다.
사용 툴: sora, Premiere Pro
참여도: 100%