소개(인사말)

Never see it, Feel iT

감각적인 홈페이지를 원하신다면 당신의 방문은 성공입니다. 시각적인 요소 뿐이 아니라 '필릿'은 사용자 경험을 충분히 고려한 디자인을 지향합니다. 그러한 경험적 요소를 검증할 수 있도록 Google에서 PageSpeed 인사이트를 통해 사용자 경험지수를 백점만점에 몇점의 홈페이지인지 알려줍니다. '필릿'에서 제작한 홈페이지는 모두 95점이상을 획득하여 손쉽게 이용할 수 있다는 것을 PageSpeed로 확인할 수 있습니다.

구글 페이지스피드

  • Google PageSpeed

    구글 페이지스피드로 모바일 환경에 최적화 되었음을 확인합니다.

  • 1눈에 잘 들어오는 글꼴 크기 사용 - 페이지의 텍스트가 눈에 잘 들어옵니다.
  • 2적절한 탭 타겟 크리 지정 - 페이지의 모든 링크/버튼은 사용자가 터치스크린에서 쉽게 탭할 수 있을 만큼 커야 합니다.
  • 3콘텐츠를 가리는 앱 설치 전면 광고 방지 - 페이지에 콘텐츠를 상당량 가리는 앱 설치 전면 광고가 없는 것 같습니다.
  • 4표시 영역 지정 - 기기 크기에 맞는 표시 영역이 페이지에 지정되어 모든 기기에 맞게 렌더링됩니다. 
  • 5플러그인 사용 방지 - 페이지에서 플러그인을 사용하지 않으므로 여러 플랫폼에서 콘텐츠를 사용할 수 없게 됩니다.

구글 모바일 검색

  • Google Search

    구글 모바일에서 검색할 때, "모바일 친화적"인지 여부를 알려줍니다.

2015년 부터 구글에서 시행하고 있는 "Mobile-friendly" 여부는 검색 알고리즘에서 우선 순위를 선점하게 됩니다. 따라서 웹사이트 제작시에 모바일 최적화는 옵션이 아니라 필수의 범주로 향하고 있습니다.

구글 애널리틱스

  • Google Analytics

    구글 애널리틱스로 효과적인 디지털 마케팅을 분석합니다.

기획, 마케팅, 디자인 등 데이터를 기반으로 한 전략을 수립하는 것은 기업의 최우선 과제인 요즘 데이터 분석을 위해 사용되는 다양한 툴중에서도 가장 많이 사용되는 분석도구는 “구글 애널리틱스” 입니다.

특징

  • 1크로스 브라우징 (익스플로어, 크롬, 파이어폭스, 사파리, 비발디 등)
  • 2모바일 최적화 (Apple, Samsung, LG, Google, HTC, Xiaomi, Lenovo 등 41개의 디바이스 최적화 작업 진행)
  • 3SEO (Search Engine Optimization) - 검색엔진 최적화

개발 환경

  • 1Server : Linux
  • 2Program : PHP 5.5
  • 3Database : MySql
  • 4File Transfer : SFTP & SSH
  • 5Javascript : jQuery
  • 6CSS : Sass with Compass

개발 툴

  • 1Sublime Text 3 & Atom, Sometimes Coda
  • 2Coda / Transmit or ForkLift
  • 3Photoshop & Illustrator CC 2015
    Affinity Photo
  • 4Kaleidscop
  • 5Codekit
  • 6JPEGmini for Images on a Diet