2016년 03월 25일 홈페이지 리뉴얼 사이트 및 방향 입니다.

김석식 16-03-25 13:06 1,348 1
리뉴얼 사이트 : http://hnscom.com/v6/

타켓사이트 :  http://gtention.com

방향
-----------------------------------------------------------------------------------------------
- 사이즈 반응형으로 제작 합니다.
- GTENTION 사이트의 레이아웃을 고스란히 가지고 와서 클래스와 아이디만 변경 합니다.
- 기존 이미지는 크게 선명하게 작업하여 추가 합니다.
- 매체사와 대행사는 진입점으로 하며 팝업에서 보여주는 방식으로 합니다.


디자인요청 사항
-----------------------------------------------------------------------------------------------
1. GTENTION 상단에 나오는 큰이미지와 유사한 이미지 요청 드립니다.(3개)  1920x1282
2. HNS > 로고이미지는 흰색과 연한 회색으로만 작업주탁드립니다. 150x50
3. HNS > Core Value 이미지를 투명배경으로 하고 색상은 기존 색상과 회색 2가지로 합니다. 120x120
4. HNS > Service 이미지를 투명배경으로 하고 디테일 이미지는 제거해주세요.(8개) 640*500


* 모든 이미지는 제시된 사이즈에 꽉 차도록 작업부탁드리며 투명배경을 사용하는 png파일로 합니다.
* 하나 하나 끊어서 요청 드리도록 하겠습니다.
댓글목록
  • 변민환 () 답변

    -------------------03.25-----------------------
    * 완료
     - gtention 사이트 분석 / 참조 (http://gtention.com/)
     - HTML, CSS, Jquery 라이브러리 copy / 적용
     - 메뉴별 이미지, 텍스트 위치 변경
     - IE8 레이아웃 깨짐 수정

    ※ IE8, IE9에서 애니메이션 효과가 100% 다 표현되지 않습니다.
    ※ 레이아웃은 문제 없습니다.

    -------------------03.28-----------------------
    * 완료
     - 폴더 및 파일 분기
     - 메인 배경 이미지 변경
     - 메뉴변경 > recruit 제거, Cooperation 추가
     - News > 공지사항 리스트 적용
     - Contact > 다음맵 적용

    -------------------03.29-----------------------
    * 완료
      - 상단 메뉴바 고정
      - footer > 불필요 항목 제거
      - Contract > 이미지, 텍스트 추가
      - Cooperation > 이미지, 텍스트 추가
      - Introduce > core value > 이미지 변경
      - Service > 상품 대표 이미지 변경
      - News > 공지사항 리스트 > 모바일 화면 대응
      - News > 공지사항 뷰 팝업 적용

    * 진행중
      - Service > 디테일 뷰(팝업) > 모바일 화면 대응
      - Cooperation > 디테일 뷰(팝업) > 모바일 화면 대응

    -------------------03.30-----------------------

    - Contact > 오시는길 > 맵 위치 수정
    - Contact > 이메일, 상담 시간 변경
    - News > 뷰 팝업 > 사이즈 수정
    - Service > 디테일 뷰(팝업) > 모바일 화면 대응
    - Service > 메인 이미지 변경
    - Cooperation > 언론사, 대행사 이미지 변경
    - 메뉴 > 모바일에서 클릭시 메뉴바 숨김 처리
    - 스크롤 이동 속도 빠르게 변경