디마에) 18일차

 

 

 

아자짜짜

 

 

www.behance.net  

어도비운영, 디자인포트폴리오 볼 수 있음 

 

 

 

---

카카오모먼트 

 

 

●지정관심사는 10-20개 사이로 잡아줘야 좋다

너무 많아도 원하는 타겟에게 도달치 않을 확률이 ↑! 

 

●입찰가가 내가 책정한 것보다 낮게 책정되는 이유는? 

주 타겟에게 노출되고있지 않기 때문에 클릭률이 낮다는 거

타겟에서 다른 경쟁사들의 입찰가가 더 높기때문에

 

●노출을 달라지게하는 3요소) 일예산/입찰가/타겟

 

일예산) 노출의 볼륨을 담당한다

입찰가) 노출되는 사람들의 '품질'을 말해줌 (고품질/저품질인지)

타겟) 

 

 

 

 

●카카오 비즈보드광고 

광고지면이작다) 소구점이 확실/뚜렷하게 나타나야 함

배경색이 회색이다) 오브젝트(사진)의 색감도 어울리는지 중요

 

 

 

 

 

 

---

구글 옵티마이즈

 

 

 

 

●옵티마이저가 모야! 

우리 페이지로 들어오는 유저들과 페이지 사이에서, 

보초를 따악 서고 있던 녀석인거야! 

그래서 자동으로 반반으로 나눠서 A/B테스트를 진행해주는거시지! 

 

 

그럼 요런식으로 얘가 A/B는 각각 이런 성과를 냈어! 라고 알려준다 

 

 

 

●즉 광고를 통해 유입된 유저들의 이탈에 대한 개선점을 찾을 수가 있는거햐 !

웹페이지를 구성하는 요소는 엄청 많은 것들이 있잖아

가령 

CTA버튼 / 이미지 / 동영상 / 텍스트 등의 요소들이

옵티마이저를 통해 어떤 방식으로 사용되고 배치되어야 가장 효과적 전환을 발생시키는지 알 수 있으니까

 

 

 

 

***퍼널의 위치개념)

토푸/ 모푸 / 보푸  

토푸는 광고, 중간단계인 모푸는 지금 우리가 하는 랜딩페이지에 관한 것 

 

 

 

 

●고럼 이걸 실습해보기위해 필요한 건 뭐가 있겠셔! 

: 비교할만한 두 개의 다른 랜딩페이지!

 

 

 

 

●통합 광고 및 애널리틱스 라고 치고 

= https://marketingplatform.google.com/intl/ko/about/optimize/여기 들어가면

쭈욱 내리다보면 보이는 이게 바루 옵티마이저! 

만들기를 해주자 

 

이름형식은

"  날짜데이터를 먼저써주는게 기본! _ 이름 _ 5가지 환경변수 중 하날골라 쓴다 _ 차수  "

 

 

그 다음 밑에 나오는 URL은 랜딩페이지A가 될 주소를 복붙! 

 

그 다음 밑에 유형 중 리디렉션을 선택! 

이렇게하면 이제부터 저 URL은 하나인데, 저기로 들어갈 수 있는 페이지는 2개로 분할된대 

 

 

헐

 

 

그러고 넘어가면  '대안추가'가 푸른색으로 나올텐데, 

그게 곧 = B사이트를 입력해! 라는 거! 

입력해주고 나오면 

 

 

 

●즉 중요!!! 옵티마이즈가 작동하는 원리 쉽게설명하면!!

저 URL의 조건과 일치하는클릭이 발생을 하면,(=원본페이지에 접속을 하면!)

원본페이지 / 대안페이지로 각각 절반씩 보내줘 

 

 

머 어쩌구저쩌구하고 끗.,,. 

 

 

 

●트래픽할당이 무냐!

 

문제! 요 조건일때 ↑

A/B 페이지에 들어갈 유저 수는 각각 몇명일까?? 

 

 

 

답은 75/25 ! ! ! 

50명만 실험에 참가시킨단거니까, 50은 원래 페이지로 들어가고 

나머지 50은 반반갈라서 25/25씩 들어가지기 때문이다! 

 

 

 

 

---

포토샵 ! ! ! ! 

 

자르기 우클릭하고 저 맨밑의걸 눌러줘어

+그리고 화면의 사진 한번 클릭해주면 

 

저 위에 /나누기/가 활성화된다! 

저걸 눌러서 자르고싶은 조건을 설정해줘 

 

 

자르고난 뒤 저장은, '웹용으로저장'을 해줘야한대 ! ! ! 

 

 

 

●여러이미지를 한꺼번에 열고싶을 때? (=이미지 하나하나씩 열기 귀찮아ㅠㅠ)

파일-스크립트-스텍으로파일불러오기 

 

찾아보기 누른뒤에 쉬프트누르고 여러개 선택해서 열어주면 돼해~ 

 

 

 

 

●짤을 만드려면 선제조건

밑에 '타임라인바'가 있어야해@@!! 

창 - 타임라인을 클릭해주면 밑에 바가 떠 ! 

 

타임라인 오른쪽 저 아이콘을 누르면 뜨는 메뉴들 중 /레이어에서 프레임만들기/ 클릭 !

고럼 사진이 쫘라라 불러와질거야 

 

 

초를 설정해주고, 얘도 저장할 때 !!!!

웹용으로 해야해!!! 

**저장할 때 주의할 점

반드시 확장자를 GIF 로 해줘 !!!!!!!!!!

안그럼 움직이지 않는다 

움직이는건 쥪쥪

 

 

 

●인물보정하기 ! 

(=제품 이물질/티 제거로 응용도 가능)

이 주근깨를 없애부자! ! !

 

 

왼쪽 툴에서 / 스팟복구브러쉬도구 / 선택 

저거 누르고 고냥 점 부분에 클릭클맄클릭 해주면 댐 ,.., 

( = 보정어플에서 점 없애는 블러랑 똑같은기능)

 

 

그다음 저 밑의 /복구브러쉬도구 / 도 눌러줘보자! 

얘는 도장복사랑 비슷한데, 

alt누른채 먼저 클릭을해서 내가 '심고자 하는 색상'을 지정해주고, 

그 다음 클릭부턴 그 색상으로 찍히는 거!!!!! 

 

즉 흐리게뭉개기 / 색깔로 덮기의 차이가 있다 

 

 

 

 

●우와아 이렇게 글자를 종이질감처럼 변형해부기

 

 

꾸겨진 종이파일을 열어준다!

이때 먼저 파일을 포토샵확장자인 psd로 바꿔줘야한대 

이 확장자를 psd로 바꿔주구 저장한다!

 

 

그다음 글씨를 쓰고, 

이 '텍스트'를 이미지로 바꿔줄거야

-> 레이어래스터화 

 

 

**래스터화 뭐였드라

여기서 우클릭하면 할 수 있는거였자나 ~ ~ ! ! ! ㅡ,ㅡ 

 

 

하고, 

변위를 누른뒤 뜨는 창에 확인! 

또 창이 뜨는데 그 psd파일을 선택해주면 !! 

 

 

 

ㅋㅋㅋㅋㅋ요러케 변해

하지만 몬가 아쉽다? 

 

 

 

그럴땐 레이어 위에 있는 표준을 클릭하고, 오버레이를 클릭해줘 

오버레이- 아래있는 레이어와 밝기를 맞춰준다 

 

 

엇 너무 연해져!!!

그러면 그 사본을 한번 더 복제해서 진하기를 더해주면, 

짜자한 ~~ 훨 자연스러워졌다 ㅎㅎ 

 

 

 

●사진별 질감 맞춰주기

이런식으로 사진이 각각 너무 동떨어져있을 때! 

 

 

필터 - 필터갤러리 클릭 ! 

 

 

 

그럼 새로운 창이 뜰텐데 여기서 텍스쳐-텍스처화 클릭해주엉

저 비율/부조 조정해주구 적용시킨 뒤

 

 

오른쪽 여자레이어클릭하고

똑같은 과정 반복 ! 

느낌이 비슷해졌쥐

이제 경계를 지워주자

 

 

레이어마스크를 사용할거야!!!

레이어마스크란) 위에껄 덮어씌워주는거

배경레이어를 맨위로가게 한 뒤, 저 '레이어마스크' 버튼 클릭 !

고다음 브러쉬를 클릭해서, 

(검정인 상태여야해!!!!!!!!!!!)

 

 

얼굴이있을 것 같은 부분을 부비부비 지워준다 

고러면 짜잔 ~ 

너무 많이 지워서 배경이 보일 땐, 브러쉬색상을 흰색으로 바꾼 뒤 칠하면 다시 살아나 !!! ! !