sonsurim.github.io

Peterpan Proeject3 - company

프로젝트 개요

• 제목 : 광고 상품 안내 페이지 모바일 대응

• 기간 : 2019.01.02 ~ 2019.01.17

• URL : https://www.peterpanz.com/agency_renewal

• 개발 환경 : HTML, CSS, SCSS, JavaScript, Bootstrap, Atom, Zeplin, Node.js, Git

• 프로젝트 목표와 내용

  • 목표 : 사용자와 서비스 내부의 불편함을 개선
  • 내용 : 광고 상품 안내 페이지가 모바일 대응이 되지 않아 사용자와 영업팀과의 소통에 있어 불편함을 겪고 있던 페이지입니다. 기존에 PC로 구현되어 있는 페이지를 반응형으로 리뉴얼하여 사용자와 서비스 내부의 불편함을 개선하는 프로젝트입니다.

• 느낀 점 및 배운 점 : HTML, CSS, JavaScript 등 기본이 되는 언어들을 주로 이용하여 개발을 하였는데 프로젝트를 접하고 Bootstrap를 이용하여 사이트의 레이아웃을 잡아보니 확실히 편리하다는 것을 느꼈습니다. 처음 접한 SASS는 CSS와 구조만 살짝 다를 뿐, CSS의 기본 지식이 있어 이용하는 데에 빠르게 적응할 수 있었습니다. 새로운 기술들을 사용해보았지만 제일 기본이 되는 언어들을 알고 있으니 조금의 차이점만 있을 뿐 쉽게 이해하고 프로젝트에 더욱 빠르게 적용할 수 있었습니다. 빠르게 변화하는 프론트엔드 세계에서 새로운 기술들을 습득하고 언어들의 기본기를 다짐으로써 저 또한 빠르게 변화하고 진화할 수 있도록 노력해야겠다는 점을 느꼈습니다.

프로젝트 소개

• 팀의 규모 : 플랫폼 사업부 - 서비스팀, 영업팀, 마케팅팀 (총 18명)

• 팀의 역할

  • 회사의 모토에 걸맞게 쉽고 빠르게 임대인은 ‘좋은 방’을 뺄 수 있고, 임차인은 ‘좋은 방’을 구할 수 있는 서비스를 만든다.
  • 플랫폼을 통해 부동산 거래 체결에 있어 경험할 수 있고 예상할 수 있는 어려움을 해결해주는 솔루션을 제공한다.

• 팀 안에서의 역할 : 플랫폼 사업부 - 서비스팀, 디자인 및 개발 담당 역할 수행

• 프로젝트 진행 시 문제점 : CSS가 아닌 처음 접한 SASS로 진행된 개발 환경, 반응형으로 진행된 프로젝트

• 프로젝트 문제점 해결 방법 : 업무 시간 외에 SASS 및 새로운 환경에 대해 공부하여 문제를 해결하였습니다.

• 프로젝트 성과 : 사용자와 서비스 내부 불편함 해소, 전사 메일로 해당 프로젝트 개발에 대한 칭찬을 받았습니다.

구현 이미지

기기별로 대응하여 사용자의 UX에 편리하게 사이트의 레이아웃을 개편하였습니다.

SASS와 JavaScript를 이용한 인터랙션을 만들어 동적으로 반응하며 사용자에게 정보를 한눈에 볼 수 있는 UI를 제공하였습니다.