기본을 지키는 디자인
Portfolio 2025
UI/UX & WEB DESIGNER 유승진
기본부터 정확하게
Simplicity isn’t silence — it’s intention. Every detail carries a reason, and every choice tells a story. I design interfaces that feel effortless, because they’re built with purpose.
디자인은 사용자가 이해하고 사용할 수 있게 만드는 과정이라고 생각합니다.
겉으로 보이는 형태보다, 사용성을 높이는 구조와 흐름이 더 중요하다고 느낍니다. 복잡한 구성보다 명확한 경험을 세워두어 디자인의 완성도를 높입니다. 화면 안의 작은 여백 하나, 스크롤의 속도 같은 작은 움직임이 집중을 도와주는, 사용자가 편하게 느낄 수 있는 디자인을 만드는 것이 제 목표입니다.
디자인은 결국 누군가의 일상 속에서 쓰이는 일이라고 생각합니다. 복잡한 기능보다 사용자가 쉽게 이해하고 편하게 사용할 수 있는 흐름을 만듭니다. 작은 한 번의 클릭, 스크롤 속도 같은 작은 움직임에도 세심하게 의미를 담으며, 사람의 손끝에 자연스럽게 닿는 디자인을 만들어가고 있습니다.
유승진
1999. 12. 28
INFJ
010-3361-6088
인덕대학교 시각디자인학과 졸업
성남그린컴퓨터아카데미 수료
기획부터 디자인, 개발까지 직접 만들어보는 과정에서 도구와 언어에 대한 이해도를 높였습니다.
실습 중심으로 학습하여 Figma, HTML·CSS, JavaScript 사용이 익숙해졌습니다.
Photoshop을 통해 이미지를 보정하고 합성하여 시각적인 완성도를 높일 수 있습니다. 배너, 썸네일, 웹 시안을 자유롭게 제작할 수 있습니다. 사진과 그래픽을 조합해 감각적인 디자인을 완성할 수 있습니다.
Illustrator를 통해 로고, 아이콘, 인포그래픽 등 다양한 벡터 디자인을 제작할 수 있습니다. 정확한 도형과 선을 활용해 깔끔한 그래픽 작업이 가능합니다. 브랜드 아이덴티티를 시각적으로 표현할 수 있습니다.
Figma를 통해 웹과 모바일 인터페이스를 시각적으로 설계할 수 있습니다. 컴포넌트와 프로토타입 기능을 활용해 사용자 흐름을 쉽게 확인할 수 있습니다. 디자이너와 개발자 간의 협업을 효율적으로 진행할 수 있습니다.
기본적인 컷 편집과 자막 삽입 같은 간단한 영상 작업을 할 수 있습니다. 필요한 장면을 깔끔하게 정리하고, 화면 흐름을 자연스럽게 다듬는 정도의 편집까지 가능합니다.
HTML을 통해 웹페이지의 기본 구조를 만들 수 있습니다. 콘텐츠를 논리적으로 구분하고 의미를 부여해 접근성 높은 페이지를 설계할 수 있습니다. 디자인 시안을 실제 웹 화면으로 구현하는 기초가 됩니다.
CSS를 통해 웹페이지의 시각적 스타일을 자유롭게 표현할 수 있습니다. 색상, 폰트, 레이아웃을 조정해 디자인 의도를 정확히 전달할 수 있습니다. 다양한 디바이스에 맞춘 반응형 웹 디자인을 구현할 수 있습니다.
JavaScript를 통해 웹페이지에 생동감 있는 인터랙션을 추가할 수 있습니다. 버튼 클릭, 스크롤, 애니메이션 등 사용자와 상호작용하는 기능을 구현할 수 있습니다. 이를 통해 사용자의 경험을 더욱 풍부하게 만들 수 있습니다.
Git과 GitHub를 통해 디자인 및 코드의 버전을 체계적으로 관리할 수 있습니다. 작업 이력을 기록하고 복원하여 효율적인 협업이 가능합니다. 팀 프로젝트에서 함께 작업하며 유지보수를 원활히 진행할 수 있습니다.
디자인을 벤치마킹한 후 무드에 어울리도록
테마에 맞춰서 500x500px의 팝업디자인을 제작했습니다
버거킹의 신제품 할라피뇨 버거를 강조하기 위해 재료의 질감과 볼륨감을 크게 보여주는 구도로 제작했습니다. 그린 컬러를 포인트로 활용해 할라피뇨의 상징성을 전달하고, 브랜드의 캐주얼하고 유쾌한 분위기를 자연스럽게 표현했습니다
딥블랙 톤과 메탈릭 텍스처를 활용해 프리미엄한 무드를 강조한 블랙프라이데이 프로모션입니다. 과감한 대비와 단순한 구성으로 세일 메시지를 강하게 전달하여 브랜드의 고급스러운 이미지와 어울리도록 디자인했습니다
맑은 하늘 톤과 화이트 컬러를 중심으로 나이키의 시원하고 경쾌한 무드를 표현한 시즌 프로모션 팝업입니다. 제품의 핵심 실루엣이 돋보이도록 여백과 타이포그래피를 정리하였고, 50% 할인 정보를 직관적으로 전달할 수 있도록 레이아웃을 구성했습니다.
진한 레드 컬러를 중심으로 크리스마스의 감성적인 무드를 담아낸 시즌 이벤트 팝업입니다. 심플한 구성 속에 캐릭터와 메시지를 강조해 시선 집중도를 높이고, 행사 정보를 명확하게 전달할 수 있도록 디자인했습니다.
캐릭터를 활용해 밝고 경쾌한 분위기를 만든 블랙프라이데이 프로모션 팝업입니다. 옐로우 기반의 색감으로 시선을 끌고, 다양한 세일 요소를 리듬감 있게 배치해 행사 분위기를 강조했습니다.
버거킹의 신제품 할라피뇨 버거를 강조하기 위해 재료의 질감과 볼륨감을 크게 보여주는 구도로 제작했습니다. 그린 컬러를 포인트로 활용해 할라피뇨의 상징성을 전달하고, 브랜드의 캐주얼하고 유쾌한 분위기를 자연스럽게 표현했습니다
딥블랙 톤과 메탈릭 텍스처를 활용해 프리미엄한 무드를 강조한 블랙프라이데이 프로모션입니다. 과감한 대비와 단순한 구성으로 세일 메시지를 강하게 전달하여 브랜드의 고급스러운 이미지와 어울리도록 디자인했습니다
맑은 하늘 톤과 화이트 컬러를 중심으로 나이키의 시원하고 경쾌한 무드를 표현한 시즌 프로모션 팝업입니다. 제품의 핵심 실루엣이 돋보이도록 여백과 타이포그래피를 정리하였고, 50% 할인 정보를 직관적으로 전달할 수 있도록 레이아웃을 구성했습니다.
진한 레드 컬러를 중심으로 크리스마스의 감성적인 무드를 담아낸 시즌 이벤트 팝업입니다. 심플한 구성 속에 캐릭터와 메시지를 강조해 시선 집중도를 높이고, 행사 정보를 명확하게 전달할 수 있도록 디자인했습니다.
캐릭터를 활용해 밝고 경쾌한 분위기를 만든 블랙프라이데이 프로모션 팝업입니다. 옐로우 기반의 색감으로 시선을 끌고, 다양한 세일 요소를 리듬감 있게 배치해 행사 분위기를 강조했습니다.
버거킹의 신제품 할라피뇨 버거를 강조하기 위해 재료의 질감과 볼륨감을 크게 보여주는 구도로 제작했습니다. 그린 컬러를 포인트로 활용해 할라피뇨의 상징성을 전달하고, 브랜드의 캐주얼하고 유쾌한 분위기를 자연스럽게 표현했습니다
딥블랙 톤과 메탈릭 텍스처를 활용해 프리미엄한 무드를 강조한 블랙프라이데이 프로모션입니다. 과감한 대비와 단순한 구성으로 세일 메시지를 강하게 전달하여 브랜드의 고급스러운 이미지와 어울리도록 디자인했습니다
맑은 하늘 톤과 화이트 컬러를 중심으로 나이키의 시원하고 경쾌한 무드를 표현한 시즌 프로모션 팝업입니다. 제품의 핵심 실루엣이 돋보이도록 여백과 타이포그래피를 정리하였고, 50% 할인 정보를 직관적으로 전달할 수 있도록 레이아웃을 구성했습니다.
진한 레드 컬러를 중심으로 크리스마스의 감성적인 무드를 담아낸 시즌 이벤트 팝업입니다. 심플한 구성 속에 캐릭터와 메시지를 강조해 시선 집중도를 높이고, 행사 정보를 명확하게 전달할 수 있도록 디자인했습니다.
캐릭터를 활용해 밝고 경쾌한 분위기를 만든 블랙프라이데이 프로모션 팝업입니다. 옐로우 기반의 색감으로 시선을 끌고, 다양한 세일 요소를 리듬감 있게 배치해 행사 분위기를 강조했습니다.
디자인을 벤치마킹한 후 무드에 어울리도록
테마에 맞춰서 600x750px의 포스터 디자인을 제작했습니다
어두운 대비가 돋보이는 디자인 및 보그의 비주얼 비례를 부각시킨 구성입니다. 따뜻한 톤의 감성을 강조하며 브랜드의 포지션을 명확히 전달하는 디자인입니다. 웹 프로젝트에서 전체적인 분위기와 연출이 쉽게 일관된 연출이 가능합니다.
디자인을 벤치마킹한 후 무드에 어울리도록 테마에 맞춰서 상세페이지 디자인을 제작했습니다
편안함과 실사용 경험을 강조하기 위해 밝고 자연스러운 공간 연출을 사용했습니다. 기능별 디테일 컷을 구분된 섹션으로 배치해 이해도를 높이고, 실제 환경 이미지로 신뢰감을 강화했습니다.
자연스러운 분위기와 제품의 순한 이미지를 강조하기 위해 따뜻한 톤과 넉넉한 여백을 중심으로 화면을 구성했습니다. 성분과 효능 정보를 섹션별로 구분해 읽는 흐름을 안정적으로 설계했습니다.
제품의 고급스러운 분위기를 전달하기 위해 차분한 브라운 톤과 제품 중심의 심플한 레이아웃으로 집중도를 높였습니다. 기능 소개–착용 장면–제품 구성 순으로 자연스럽게 이어지는 흐름을 설계했습니다.
기획부터 와이어프레임, 시안 디자인, 프로토타입까지 전 과정을 직접 수행하였습니다.
반응형 웹 디자인을 적용하여 다양한 디바이스에서의 접근성을 높이고 직관적인 UI를 통해 브랜드의 정체성을 효과적으로 만들려고 노력했습니다.
기획과 디자인을 중심으로 진행한 프로젝트로, 화면 구조를 직접 만들며 UX 흐름을 더 잘 이해할 수 있었습니다.
반려동물 중심의 커뮤니티 앱 디자인으로, 일상 공유와 정보 탐색이 편안하게 이루어지도록 화면 구조를 설계했습니다. 사용자 분석을 바탕으로 따뜻하고 부드러운 톤의 브랜드 무드를 구현했습니다.
지역 기반 할인 정보를 쉽게 찾을 수 있도록 만든 모바일 앱 디자인입니다. 사용자가 필요한 정보를 빠르게 탐색할 수 있도록 UI 구조를 단순화하고, 색상과 그래프를 활용해 직관적인 흐름을 만드는데 집중했습니다.
일상 속에서 실천하는 제로웨이스트 컨셉의 앱 디자인입니다. 친환경 브랜드 분위기를 강조하기 위해 컬러 시스템과 이미지 톤을 정교하게 맞췄고, 구매·기록·커뮤니티 흐름을 한 화면에서 자연스럽게 이어지도록 구성했습니다.
기본을 지키고 성실함으로 신뢰받는 디자이너가 되겠습니다
UI/UX & Web Designer 유승진
