Park Seo Yeong
- 도전하고 발전하는 웹 퍼블리셔,
- 박서영입니다.
Contacts
psy970407@gmail.com
+82 1026765607
portfolio
2024
본 포트폴리오는 Chrome 브라우저 및 1920 x 1080 (100%)
해상도에 최적화되어 있습니다.
Who am I?
i am
박서영
1997.04.07
+82 10-2676-5706
educations
| 2023.10 ~ 2024.03 |
이젠아카데미평생교육원 UIUX 웹디자인 with 피그마(Figma) |
| 2016.03 ~ 2021.02 | 홍익대학교 경영학과 졸업 |
experience
| 2022.03 ~ 2022.04 |
임팩트커리어
신입사원 업무 역량 향상 프로그램 |
| 2020.10 ~ 2020.11 |
마포청년나루
['아트워크'디자인부터 굿즈 제작까지 3차] |
| 2020.09 ~ 2020.11 | 이디야 강선마을점 아르바이트 |
| 2017.06 ~ 2018.07 | 이디야 탄현점 아르바이트 |
skills
photoshop
85%
HTML
90%
illustrator
80%
CSS
90%
figma
85%
jQuery
85%
lisence
| 2018.08.00 | JLPT N3 |
| 2018.05.28 | 운전면허 2종 보통 |
Publishing
이전 사이트 바로가기
RAMADA Dongdaemun
clear
ramada
서울 동대문
personal project 100%
UIUX Design | Publishing | 15일 | 고정형 | 전체 페이지tool
HTML5 CSS3 jQuery JavascriptAbout Design
personal project 100%
RAMADA Dongdaemun
website redesign&publishing
overview
라마다 바이 윈덤 서울 동대문
RAMADA seoul dongdaemun
라마다 바이 윈덤 서울 동대문은 세계적인 호텔 그룹인 Wyndham Group의 인프라와 노하우를 이어가는 Ramada International 브랜드로서 전통과 현대가 공존하는 문화와 패션의 중심지, 동대문에 위치한 비즈니스호텔입니다.
project goal
As-is
- 1. 눈에 띄지 않는 예약 서비스
- 2. 직관적이지 않은 서브 메뉴
- 3. 깔끔하지 않은 그리드 디자인
To-be
- 1. 예약 페이지를 상단에 배치하여 이용 편의성 증대
- 2. 레이아웃 개편을 통한 서브 메뉴 이동 편리화
- 3. 심플한 디자인을 통해 라마다 바이 윈덤만의 모던함을 표현
color
#bc3051
#d1d1d1
#393939
font
jost
noto sans KR
main page
- 메뉴 하단에 바로 예약 섹션을 배치하여 사용자의 편의성을 높였습니다.
- 예약 섹션 클릭시 달력, 인원수 추가, 어린이 연령 정보를 확인할 수 있습니다.
- TOP 버튼으로 상단 이동이 가능합니다.
sub page - about
- 화면 좌측에 서브 메뉴를 배치하여 메뉴간 이동의 편의성을 증진시켰습니다.
- 콘텐츠 상단에서 현재 페이지 위치 정보를 확인할 수 있습니다.
sub page - accomodation
- 카드 형식으로 서브 메뉴를 배치하였습니다.
- 카드를 호버하면 객실 설명이 나타납니다.
- 서브 비주얼이 슬라이드되며 방의 전경을 확인할 수 있습니다.
sub page - banquet
- 여러 장의 객실 사진을 슬라이드로 확인할 수 있습니다.
sub page - dining
- 대표 사진을 전체 화면으로 확인할 수 있습니다.
- 화면 좌측에서 위치, 좌석수, 운영시간을 확인할 수 있습니다.
- 하단의 원 버튼으로 서브 메뉴 간 이동이 가능합니다.
sub page - guest service
- FAQ 게시판의 경우 아코디언 게시판을 배치하여 한눈에 확인하기 쉽도록 하였습니다.
Publishing
이전 사이트 바로가기
korean natural
korean national history museum
01.
02.
03.
01.
02.
03.
clear
korean natural
history museum
한국자연사박물관
personal project 100%
UIUX Design | Publishing | 7일 | 반응형 | 메인 페이지tool
HTML5 CSS3 jQuery JavascriptAbout Design
personal project 100%
korean national history museum
website redesign&publishing
overview
한국자연사박물관
Korean National Hostory Museum
한국자연사박물관은 국내 최대 규모와 최다 소장품을 자랑하는 교육과 체험의 명소입니다. 실물 공룡 화석이 복원된 공룡 홀, 자연과 인간관, 미라보존관 등 역동적인 전시는 유치원 및 청소년들에게 호기심과 탐구심을 불러일으킵니다.
project goal
As-is
- 1. 톤 다운된 차분한 분위기
- 2. 메뉴 메타포 아이콘 미사용
- 3. 통일된 타이포 디자인
To-be
- 1. 주 이용객의 분위기에 맞춘 컬러 팔레트
- 2. 메뉴 메타포 아이콘 삽입으로 직관적인 이해 가능
- 3. 자연사 박물관에 어울리는 폰트 사용
color
#98E05F
#FD5392
#209CFF
font
제주돌담체
Pretendard
PC ver.
01.
주 이용객 친화적인
다양한 색상
- 한국자연사박물관의 주 이용객인 어린이, 청소년의 분위기에 맞게 다양한 색상을 사용하여 활기찬 느낌을 부각하였습니다.
- 배경색상과 폰트 색상은 차분한 색상을 이용해 가독성을 해치지 않도록 하였습니다.
02.
메타포 아이콘 사용
- 각 버튼마다 대표 아이콘을 추가하여 직관성을 높였습니다.
- 메타포 아이콘에 공룡을 추가하여 한국자연사박물관만의 특징을 살렸습니다.
03.
패밀리 사이트 자동 슬라이드
- 기존 사이트의 자동 슬라이드를 구현하되 로고 사이드의 보더를 생략하여 깔끔함을 더했습니다.
- Slick을 이용하여 반응형을 구현하였습니다.
Tablet ver.
01.
햄버거 메뉴 사용
- 타블렛 화면에 맞게끔 메뉴란을 햄버거 메뉴를 사용하여 토글 메뉴로 바꾸었습니다.
02.
전체적인 사이즈 조정
- 메뉴 버튼, 갤러리 이미지 등의 사이즈를 알맞게 조정하였습니다.
03.
푸터 내용 간략화
- PC ver. 푸터의 퀵 링크 등을 생략하였습니다.
Mobile ver.
세로 배열로 재배치
- 모바일 화면에 맞춰 가로 배열의 요소들을 세로 배열로 재배치하였습니다.
- 가운데 정렬로 재배치하였습니다.
Publishing
이전 사이트 바로가기
Coffine Gurunaru
01.
02.
clear
coffine gurunaru
커핀 그루나루
personal project 100%
UIUX Design | Publishing | 7일 | 고정형 | 메인 페이지tool
HTML5 CSS3 jQueryAbout Design
personal project 100%
Coffine Gurunaru
website redesign&publishing
overview
커핀 그루나루
Coffine Gurunaru
높은 품질의 커피와 건강에 좋은 와인 한 잔으로 서비스하는 커핀 그루나루는 소비자에게 '쉼터'를 제공하고자 합니다. 이러한 편안함을 홈페이지에서도 느낄 수 있도록 사용자 편의성을 고려하여 웹페이지를 리디자인 및 퍼블리싱하였습니다.
project goal
As-is
- 1. 좁은 여백과 레이아웃
- 2. 메인 비주얼에 겹치는 GNB
- 3. 커핀그루나루의 분위기를 느낄 수 없는 디자인
To-be
- 1. 전체적인 여백을 넓히고 섹션별 강조 내용을 선별
- 2. GNB와 메인 비주얼의 분리
- 3. 커핀그루나루만의 특징을 디자인에 반영
color
#bc3051
#d1d1d1
#393939
font
Smooch
Pretendard
Nanum Pen Script
Noto Serif KR
main page
01.
깔끔한 레이아웃과
여유로운 여백
- 전체적인 여백을 늘리고 레이아웃을 재정비하여 깔끔한 분위기를 연출하였습니다.
- 각 섹션마다 하나의 주제를 배치하여 가독성을 높였습니다.
- 상세 설명의 경우 토글 버튼을 이용하였습니다.
02.
'커핀그루나루'스러움
- 각 섹션마다 '커핀그루나루'의 상징물을 추가하여 개성을 드러내 보았습니다.
- 나루터의 물결을 css 애니메이션으로 구현하였습니다.
Publishing
이전 사이트 바로가기
Wedgwood
깔끔한 레이아웃과
clear
wedgwood
웨지우드
personal project 100%
UIUX Design | Publishing | 3일 | 고정형 | 메인 페이지tool
HTML5 CSS3About Design
personal project 100%
Wedgwood
website redesign&publishing
overview
웨지우드
Wedgwood
웨지우드(Wedgwood & Corporation Limited)는 영국의 대표적인 도자기 브랜드입니다.
영국의 세계적인 도자기 공예가인 조지아 웨지우드가 1759년에 설립하였고 로얄덜튼사와 어깨를 나란히 하는 세계적인 도자기 브랜드의 하나로 자기매김하였습니다.
주로 고급식기, 티웨어를 제조, 판매하고 있고 액세서리나 타월, 홍차 등을 취급하고 있는만큼 고급스러운 느낌으로 웹페이지를 리디자인 및 퍼블리싱하였습니다.
color
#79abd2
#285579
#555555
font
Literata
noto sans KR
main page
깔끔한 레이아웃과
여유로운 여백
- 각 섹션마다 하나의 주제를 넣어 깔끔하게 디자인하였습니다.
- 웨지우드만의 차분한 색상을 사용하여 최소한의 색상으로 가독성을 높였습니다.
- 넓은 여백으로 명확성과 집중성을 놓였습니다.
-
LG 모바일 UIUX 리디자인
about design
메인 페이지 -
Vaunce UIUX 리디자인
about design
메인 페이지 -
아고다 UIUX 리디자인
about design
메인 페이지 -
마켓컬리 UIUX 리디자인
about design
메인 페이지 -
이천도자기 UIUX 리디자인
about design
메인 페이지 -
서울우유 요하임 이벤트 페이지
about design
리디자인 -
커핀그루나루 UIUX 리디자인
about design
메인+서브 페이지 -
한국자연사박물관 UIUX 리디자인
about design
메인+서브 페이지 -
다이아미 UIUX 리디자인
about design
반응형 메인 페이지 -
다이닝코드 UIUX 리디자인
about design
전체 페이지
- clear
- keyboard_arrow_left
- keyboard_arrow_right
- 1 / 10
-
다이어리 디자인
-
고래와 소녀 일러스트
-
LG전자 고객사랑감사제
이벤트 페이지&배너 -
동구밭 배너
-
SNS 이벤트 팝업창
-
할인 팝업창
-
구인공고 팝업창
-
카드 배너
-
쿠폰 배너
-
다이아미 메타포 아이콘
-
이니셜 로고
-
구세군 마스코트
- clear
- keyboard_arrow_left
- keyboard_arrow_right
- 1 / 12
Web Planning
Ramada | Coffine Gurunaru | Dining Code | Diami
Ramada | Coffine Gurunaru | Dining Code | Diami
