＊ 아임웹 리셀러들에게 커스텀 코딩 방법을 알려주는 콘텐츠를 제작해오고 있어요. 웹퍼블리싱(HTML, CSS, Javascript)뿐만 아니라 파이썬을 통한 프로그래밍(웹크롤링 등), 타 웹빌더(Bubble.io)를 통한 홈페이지 제작도 하고 있는 만큼 코딩 작업 확실하게 해드릴게요!

＊ 인사말

안녕하세요. 어썸클래스 김도연입니다. (‿)

아임웹은 간단하게 홈페이지를 만들 수 있게 도와주는 편리하고 고마운 도구입니다.

그런 아임웹 사용의 장점을 가져가면서, 커스텀 코딩을 통해 원하는 효과도 최대한 구현해내서 홈페이지를 사용한다면 아주 좋겠지요?

저는 다양한 홈페이지 제작 경험과 많은 코딩 교육 경험이 있기 때문에 여러분들이 원하시는 바를 빠르게 캐치할 수 있습니다. ( •̀ ω •́ )y

빠르고 확실한 작업 보장해드릴게요. (불끈)!!

다른 곳에서 못하겠다고 하는 작업들은 제게 문의주세요 ^__^*

＊ 작업 가능 내용 예시

(아래 내용은 생각나는 대로 적은 것일 뿐 기재되지 않은 다른 작업들도 가능하니 문의주세요!)

- 게시판에 링크드인 SNS 공유 아이콘 기능 추가

- 상품상세설명란 또는 상품요약란에 아코디언 넣기

- 입력폼 원하는 레이아웃으로 배열하기 (2x2, 가로일렬, 등등)

- 좌측 요소 변경 및 클릭에 따른 우측 내용 변경(동기화)

- 페이지 로드 될 때 로고가 천천히 차오르며 로딩 퍼센테이지 나타내는 로딩중 화면

- 마우스 커서 관련 애니메이션(마우스를 따라다니는 이모지, 마우스 클릭 시 이모지들이 우수수 떨어짐, 마우스 클릭 시 이모지들이 원형으로 퍼져나감, 등등)

- 화면 우측에 작게 입력폼 고정해서 계속 따라다니게 하기

- (게시판 위젯) 제목과 카테고리 출력되는 위치 바꾸기

- 상품상세페이지에서 장바구니 버튼 대신 리뷰보기 버튼 만들기 (리뷰수 연동+리뷰로 바로가기 기능 포함)

- (쇼핑 위젯) 상품 가격 부분과 상품 요약설명 부분 위치 바꾸기

- 체크박스 체크 시 젤리처럼 통통 튀는 애니메이션 보이게 하기

- (게시판 위젯) 썸네일 이미지 아래 작성날짜 및 작성자 텍스트 우측 정렬하기

- (갤러리 위젯) 흐르는 방향 반대로 하기

- (모바일 버전) 햄버거 아이콘 클릭 시 뜨는 플로팅 메뉴 다양하게 커스텀하기 (배경색 지정, 배경이미지 지정, 검색창 및 검색기능 넣기 등등)

- 숫자가 0부터 시작해서 서서히 올라가는 카운팅 효과

- 그 외에 다양한 숫자 카운팅 효과(플립, 페이드인, 슬롯 머신 등)

- 글자가 타이핑되듯 쳐지는 효과(일반적인 타이핑에서부터, 써졌다가 지워진다든지, 써졌다가 지워지고나서는 또 다른 글자가 써진다든지, 다양한 버전으로 작업 가능합니다!)

- 원하는 요소(이미지, 텍스트 등)가 원하는 방식으로 움직이게 만들기(회전, 기울기, 흘러가기 등)

- 플로팅 배너(일반적인 이미지 플로팅 배너에서부터 다양한 효과를 접목한 플로팅 배너까지)

- 상단 스크롤 버튼

- 하단 고정 배너

- 텍스트가 계속 졸졸졸 옆으로 흘러가게 만들기

- 입력폼을 페이지 하단에 일렬로 고정시키기

- 입력폼을 원하는 대로 커스텀하기(버튼, 입력상자 모양과 크기, 테두리, 프레임 내부 배경색 지정 등)

- 아임웹에 없는 외부 폰트 지정하기

- 특정 페이지에 진입하면 폭죽 터지는 효과 내기

- 화면 전환 시 로딩 페이지 보이게 하기

- 패밀리 사이트 선택하면 이동하게 하기

- 연혁을 이미지나 단순한 텍스트가 아닌 코드로 구현하기

- 멋진 버튼 만들기(그라디언트, 마우스 hover시 변하는)

- 스크롤할 때마다 부드럽게 따라다니는 퀵메뉴 만들기

- 화면에 고정된 내비게이션 만들어 페이지 내 부드럽게 이동하게 만들기

- 마우스를 원하는 요소(텍스트, 이미지, 그라디언트 모양 등)가 따라다니게 만들기

- 원하는 요소에 마우스를 올리면 원하는 애니메이션이 동작하게 만들기(위로 둥실 떠오르게 하기, 그림자가 생기게 하기, 배경색이 변하게 하기 등)

- 상품 상세페이지 내 마음대로 꾸미기 (버튼 커스텀, 이미지 커스텀, 상품요약부분에 아코디언 게시판 넣기 등)

- 입력폼 제출 완료시 성공적으로 제출되었다는 안내문구와 함께 체크 애니메이션 뜨게 하기

- 갤러리 위젯을 다양한 방식으로 꾸미기 (버튼 바꾸기, 페이징 닷 바꾸기 등등)

- 아임웹 갤러리 위젯 말고 다른 스타일의 이미지 슬라이더 사용하기

- 시작 시간이 지정된 유튜브 동영상 삽입하기

- 스크롤을 내릴 때 마다 홈페이지 배경색상이 바뀌게 하기

- 모바일 버전 홈페이지 펼침메뉴 스타일 바꾸기(배경이미지 지정, 간격 조정 등)

- 상단메뉴의 서브메뉴 글씨 옆에 이미지 넣기

- 상단 메뉴에 마우스 올렸을 때 효과 지정하기

- 동영상 위젯 커스텀 하기(동영상 밑에 원하는 쉐이프 깔기)

- 외부 라이브러리를 통한 인터랙티브한 효과 구현(Anime.js, Swiper.js, GSAP, Scrollmagic 등 다양한 라이브러리 사용 경험이 있습니다.)

- 디데이 카운터 만들기

- 버튼을 누르면 원하는 슬라이드 보이게하기

- 새로고침(페이지 전환) 없이 페이지 속 내용물 바뀌게 하기

- 어느 특정 부분에 마우스를 올리면 사진이 뜨게 만들기

- 처음에 어느 요소가 몇 초간 보이다가 정해진 시간이 지나면 자동으로 다른 페이지로 이동하게 만들기

- 가운데를 제외한 띠 부분이 회전하는 원형 플로팅 배너 만들기

- 가로가 아닌 세로로 흐르는 갤러리 만들기

- 자주 묻는 질문(아코디언 게시판) 커스텀하기

- 홈페이지에 계산기 넣기(ex. 우리집 면적을 넣으면 자동으로 필요한 매트 수량을 계산해주는 계산기, 등등)

- 모바일 버전 홈페이지에서도 잘 작동되게 하는 미디어 쿼리 작업

- 홈페이지에 설문조사(typeform) 삽입하기

- 홈페이지에 뉴스레터 신청폼(스티비) 삽입하기

- 풀페이지 홈페이지에 원하는 애니메이션 넣기

- 휴대폰 디바이스 이미지를 중앙에 넣고 내용물이 슬라이드 되게하면서 재밌는 효과 주기

- 세로선 삽입 / 형광펜 밑줄 / 두 요소 겹치게 하기 / 글자에 그라디언트 넣기

- 쇼핑 위젯에 테두리 두르기

- 쇼핑 위젯 커스텀(장바구니 버튼 바꾸기 등)

- 타이포 애니메이션

- 아임웹 홈페이지에 Lottie 애니메이션 넣기

- 햄버거 메뉴 만들고 사이드 플로팅 메뉴 꾸미기

- 모달창이 5초 이내에 저절로 꺼지게 하기

- 쇼핑 위젯 상품 이미지 구름 모양으로 만들기

- 계속 울렁울렁 움직이면서 모양이 바뀌는 이미지(SVG) 만들기

- 그 외에 다양한 작업 가능하니 원하시는 효과가 있으시면 문의주세요!

1. 먼저 크몽 문의하기를 통해서 원하시는 효과가 무엇인지 말씀해주세요! 제작 기간이나 제작 비용을 알려드릴게요. (구체적으로 설명해주셔야 바로 견적이 가능해요.)

2. 빠르게 작업을 마친 뒤, 결과물을 보여드려요.

3. 혹시 마음에 안 드시는 부분이 있다면 말씀해주세요. 고쳐드릴게요.

4. 작업이 완료 되면 작업물 발송 처리를 해요. 의뢰인분께서는 거래 확정 처리를 해주세요. (*^^*)

1. 원하는 효과를 자세히 잘 설명해주실 준비!

2. 참고할 만한 이미지, 동영상, 링크url이 있으면 아~주 좋아요! (그 중에 링크가 제일 좋아요!ㅎㅎ)