퍼블리싱을 좋아하는 퍼블리셔
최슬비 입니다.

Profile.

  • 이름: 최슬비
  • 생년월일: 1995.06.02
  • 휴대폰 번호: 010-3892-3042
  • 이메일: hiitzsb@naver.com

About Me.

[끈기있는 퍼블리셔]
저에게 주어진 업무는 어떤 시행착오를 겪더라도 일정 안에 결과물을 만들어냅니다.
혼자가 아니라 함께 했을 때 더 큰 성취감이 있다는 것을 압니다. 그렇기에 원활한 커뮤니케이션을 하기위해 노력합니다.
또한 사용자들의 편의성을 위한 사이트를 만드는 것에 관심이 많습니다.

Experiences.

  • 2021.07~2021.11 웹디자인&웹퍼블리싱 국비 교육과정 수료
  • 2022.05~2023.08 마이랩스 재직

제가 작업한 프로젝트를 소개하겠습니다.

문화유산국민신탁 모바일 이미지 문화유산국민신탁 데스크탑 이미지
  • 사이트명 : 문화유산국민신탁
  • 제작기간(퍼블리싱) : 약 2주
  • 반응형 페이지

html, css, jQuery 를 사용하였으며, 회사 내부의 요청으로 부트스트랩을 사용하였습니다.
swiper 라는 라이브러리를 사용하여 슬라이드를 구현하였고, swiper 라이브러리를 사용하면서 다양한 슬라이드를 구현할 수 있게 되었습니다.
미디어쿼리를 사용하여 반응형으로 제작하였고, 사용자의 편의성을 고려하여 스크롤을 하여도 상단의 메뉴가 고정되도록 하였습니다.
현재까지 지속적으로 유지/보수를 하고 있으며 회사 사정으로 php와 코드이그나이터에 퍼블리싱을 적용하게 되었기에 이에 대한 이해도가 높아졌습니다.

보성여관 모바일 이미지 보성여관 데스크탑 이미지
  • 사이트명 : 보성여관
  • 제작기간(퍼블리싱) : 약 2주
  • 반응형 페이지

html, css, jQuery 를 사용하였으며, 회사 내부의 요청으로 부트스트랩을 사용하였습니다.
미디어쿼리를 사용하여 반응형으로 제작하였고, 사용자의 편의성을 고려하여 스크롤을 하여도 상단의 메뉴가 고정되도록 하였습니다.
예약 페이지에서 dateRangePicker 라는 라이브러리를 사용하였고, 이를 통한 달력 구현과 날짜 선택 기능을 구현하였습니다.

엑스케이사고감정 모바일 이미지 엑스케이사고감정 데스크탑 이미지
  • 사이트명 : 엑스케이사고감정
  • 제작기간(퍼블리싱) : 약 1주
  • 반응형 페이지

html, css, jQuery 를 사용하였으며, 회사 내부의 요청으로 부트스트랩을 사용하였습니다.
미디어쿼리를 사용하여 반응형으로 제작하였고, 사용자의 편의성을 고려하여 스크롤을 하여도 상단의 메뉴가 고정되도록 하였습니다.

쇼박스 모바일 이미지 쇼박스 데스크탑 이미지
  • 사이트명 : 쇼박스
  • 제작기간(퍼블리싱) : 약 1주 반
  • 반응형 페이지

퍼블리싱을 연습하기 위해 기존 쇼박스의 웹사이트를 리뉴얼하여 만들었습니다.
'SHOWBOX MOVIE' 페이지에서는 the movie database의 api를 사용하였기 때문에 자바스크립트에서 어떤 식으로 데이터를 불러와 사용할 수 있는지에 대해 배울 수 있었습니다.
리뉴얼을 하면서 디자인적으로 고려했던 점은 웹사이트의 컨셉이었습니다.
영화사인만큼 영화관을 모티브로 잡아 디자인을 하였고, 클릭하자마자 영화관의 느낌이 나게끔 풀스크린으로 비디오가 재생되게끔 만들었습니다.

오늘의알약 모바일 이미지 오늘의알약 데스크탑 이미지
  • 사이트명 : 오늘의 알약
  • 제작기간(퍼블리싱) : 약 1주
  • 반응형 페이지

바닐라 자바스크립트와 scss를 연습하기 위해 만들었던 웹사이트입니다.
이 경험을 통해 자바스크립트에서의 반복문에 대해서 좀 더 깊게 알게 되었습니다. 또한, 라이브러리를 사용하지 않고 텍스트 롤링을 구현하였습니다.
약과 관련된 웹사이트인 만큼 신임과 편안함을 줄 수 있는 색상이 필요하다고 생각되어 블루 컬러를 주컬러로 선택하여 디자인하였습니다.

디자인 관련 프로젝트입니다.

포토샵과 일러스트, 그리고 Xd를 사용하였습니다.

무지 로고 이미지
무지 소파 상세페이지

무지 브랜드의 상품들은 미니멀한 디자인들이 많았으므로 상세페이지 또한 미니멀하게 구상하였습니다. 또한 무지 로고의 컬러를 메인컬러로 사용하였고 깔끔한 고딕 폰트를 사용하였습니다.

러쉬 로고 이미지
러쉬 향수 상세페이지

깔끔한 폰트와 러쉬만의 자유로운 느낌을 가진 폰트를 혼용하였습니다. '블랙라벨'이라는 컨셉에 맞게 검정색을 메인컬러로 선택했고, 다양한 컬러를 사용하지 않았습니다. 러쉬의 철학에 맞춰 이미지를 선택하였고 깔끔한 레이아웃으로 구성하였습니다.

브랜딩 이미지
자신만의 브랜딩 로고 디자인

자신만의 브랜드를 구상해보고 로고를 디자인하였습니다. 편안함은 깔끔함과도 연관이 되어있다고 생각하여 '면'에서 '선'으로 다양한 스케치를 통해 디자인하였습니다.

사운드클라우드 로고 이미지
사운드클라우드 앱디자인

기존 사운드클라우드 앱이 아닌 특정 음악을 듣는 유저를 타켓으로 하여 리뉴얼한 사운드클라우드 앱디자인입니다. 모티브를 통해 메인컬러를 지정하였고 부드러운 느낌을 주기 위해 직선적인 디자인은 지양하였습니다.