S

기술 스택

HTML, SCSS, Javascript, Jquery

기여도

퍼블리싱 100% + 개발 30%

추후 동일한 레이아웃 및 기능 사용 시, 위젯화 하여 사용할 수 있도록 되도록 간결하며 유지보수를 진행하기 쉽게 코드를 작성했습니다. 기존의 홈페이지와 비교해 보았을 때 각 상품에 대한 정보를 한눈에, 조금 더 빠르고 쉽게 알아볼 수 있도록 깔끔한 UI로 퍼블리싱 작업을 진행하는 것에 중점을 두었습니다.

기술 스택

HTML, CSS, Javascript, Jquery

기여도

퍼블리싱 100% + 개발 45%

상품 분류가 다양하나, 모든 페이지에서 쉽게 접근할 수 있도록 PC 헤더 메인 메뉴와 모바일 사이드 메뉴에 가장 많은 시간을 들여 작업했습니다. 메인 페이지에서 최대한 많은 상품을 노출하기를 원하신 바 있어 많은 개수의 상품이 로딩될 때 속도 저하 방지를 위해 사용자가 스크롤을 할 때 컨텐츠가 노출될 수 있도록 스크립트 작업을 진행했습니다.

기술 스택

HTML, SCSS, Javascript, Jquery

기여도

퍼블리싱 100% + 개발 40%

쇼핑몰이 아닌 일반 기업형 홈페이지였으나 자사 상품이 쇼핑몰의 형태로 보여지기를 원하셨습니다. 일반 게시판 리스트와 뷰 페이지를 쇼핑몰의 상품 리스트 및 상품 상세 페이지 형식으로 보여질 수 있게 커스텀 작업해 제품의 특징을 쉽게 어필할 수 있도록 했습니다.

기술 스택

HTML, CSS, Javascript, Jquery

기여도

퍼블리싱 100% + 개발 65%

고객으로부터 문의를 받아 영상을 제작하는 업체로서 고객들이 홈페이지에 접근했을 때 인트로 모달 형태로 노출되는 견적 문의를 가장 먼저 확인 및 작성할 수 있도록 퍼블리싱 작업을 진행했습니다.

기술 스택

HTML, CSS, Javascript, Jquery

기여도

퍼블리싱 100% + 개발 65%

드레스를 자체 제작하여 대여 및 판매하는 업체로서 다수의 사진 작업물이 깔끔하고 직관적인 UI로 보여질 수 있게 작업하는 데에 중점을 두었습니다. 서브의 New collection 페이지에서는 스와이퍼 2개를 연결하여 매 시즌마다 중점적으로 홍보할 상품의 이미지를 업로드 하실 수 있도록 했습니다.

기술 스택

HTML, CSS, Javascript, Jquery

기여도

퍼블리싱 100% + 개발 75%

업체에서 진행되는 다양한 공연 및 클래스의 정보를 한눈에 쉽게 파악할 수 있도록 다양한 공연 예매 사이트의 인터페이스를 참고하여 리스트 및 상세 페이지의 퍼블리싱 작업을 진행했습니다. 부드럽고 자연스러운 느낌이 날 수 있도록 작업해 호텔형 소셜 엔터테인먼트 업체의 고급스러운 이미지를 극대화 시켰습니다.

기술 스택

HTML, SCSS, Javascript, Jquery

기여도

퍼블리싱 100% + 개발 100%

디자인 시안이 완료된 시점부터 홈페이지 오픈까지 약 2주 정도의 작업 기간이 주어진 프로젝트였습니다. 하지만 별도의 인력 추가 없이도 신속한 퍼블리싱 작업으로 기존에 안내 드렸던 검수일보다 이틀 정도 이르게 선납품을 진행해 드릴 수 있었습니다.

기술 스택

HTML, SCSS, Javascript, Jquery

기여도

퍼블리싱 100% + 개발 70%

많은 양의 자료를 정해진 양식대로 확인할 수 있게 각 게시판마다 별도의 커스텀을 진행하였으며, 신뢰를 주는 이미지가 담긴 홈페이지를 구축하는 데에 중점을 두었습니다.

기술 스택

HTML, SCSS, Javascript, Jquery

기여도

퍼블리싱 100% + 개발 65%

다수의 예약 시스템 연동이 필요하여 각 예약 페이지로 접근하기 쉽게 소개 페이지 및 예약 페이지를 세분화하여 작업을 진행했습니다. 서브의 입주기관 페이지의 경우, 일반 게시판을 커스텀 하여 각 층계에 입주한 업체의 정보에 대해서 한눈에 확인할 수 있게 작업했습니다.

기술 스택

HTML, SCSS, Javascript, Jquery

기여도

퍼블리싱 100% + 개발 100%

각 상품의 이미지와 설명이 돋보일 수 있게 되도록 깔끔하고 심플한 UI로 작업을 진행하는 데에 중점을 두었습니다. 메인 페이지 페이드 인/아웃 애니메이션 및 버튼 애니메이션으로 홈페이지가 심심해 보이지 않게 포인트를 주었습니다.

기술 스택

HTML, SCSS, Javascript, Jquery

기여도

퍼블리싱 100% + 개발 100%

메인 페이지의 전체적인 레이아웃을 모두 직접 관리하고 싶다고 하셨습니다. 각 상품 이미지, 배너, 버튼 텍스트 및 링크 등을 유지보수 신청 없이 관리자가 직접 관리할 수 있도록 위젯화를 진행했습니다. 별도의 가이드 없이도 관리자가 쉽게 수정 및 관리할 수 있도록 최대한 간결한 구조로 퍼블리싱 작업을 진행했습니다.

기술 스택

HTML, CSS, Javascript, Jquery

기여도

퍼블리싱 100% + 개발 100%

국민의 안전과 관련된 정보를 업로드 하는 홈페이지이므로 최대한 군더더기 없는 UI로 작업하는 데에 중점을 두었습니다. 홈페이지에서 가장 중요한 긴급대응 정보 및 모니터링 컨텐츠는 메인 페이지에서 바로 확인 및 접근할 수 있도록 구성했습니다.

기술 스택

HTML, SCSS, Javascript, Jquery

기여도

퍼블리싱 100% + 개발 80%

메인 페이지의 PRODUCT 섹션에 자연스러운 호버 애니메이션 효과를 적용하여 소비자가 각 상품 분류의 이미지를 쉽게 인식할 수 있게 작업했습니다. 서브 페이지에서는 전체 메뉴를 열지 않아도 각 페이지로 접근하기 쉽도록 1차, 2차 메뉴를 탭 메뉴로 확인할 수 있게 퍼블리싱 작업을 진행했습니다.

기술 스택

HTML, SCSS, Javascript, Jquery

기여도

퍼블리싱 100% + 개발 100%

이차전지 및 자체 개발한 신기술에 대한 홍보가 목적인 홈페이지였으므로 각 기술에 대한 방대한 정보를 모두 확인할 수 있어야 했습니다. 스크롤이 길어질수록 지루한 느낌을 줄 수 있으므로 각 정보를 모달창으로 확인할 수 있게 작업을 진행했습니다. 각 서브 페이지의 탑 배너, 타이틀, 하위 컨텐츠를 관리자가 직접 관리할 수 있게 위젯화 하여 퍼블리싱 작업을 진행했습니다.

기술 스택

HTML, CSS, Javascript, Jquery

기여도

퍼블리싱 100% + 개발 65%

고급스럽고 깔끔한 치약 브랜드 이미지에 맞게 심플하고 간결한 UI를 구축하는 데에 중점을 두고 작업했습니다. 상품 구매뿐만 아니라 정기 구독 시스템을 도입하여 매번 주문하지 않아도 매월 상품을 배송받아 볼 수 있도록 하는 기능에 대한 작업을 진행했습니다.