안녕하세요! 여의도개발자들 입니다. 이번에는 마케팅회사 펫라더스에서 워드프레스로 홈페이지 제작을 의뢰 받아 디자인을 진행했습니다. 회사소개 홈페이지는 구글이나 네이버에서 검색이 잘되도록 워드프레스로 개발을 진행하고 있습니다.
클라이언트는 반려동물 사업에 관련된 마케팅만 전문적으로 하는 회사에요. 웹사이트를 기획하다보니 제가 반려동물과 관련된 사업을 한다면 이 회사에 마케팅을 맡기고 싶은 생각이 들었습니다. 기존에 마케팅 관련된 실적으로 쌓아두셔서 자료를 적극 활용해서 디자인에 반영할 수 있었습니다.
왼쪽은 고객님이 디자인에 반영해달라고 PDF파일로 주신 기획서에요. 깔끔한 화이트 톤으로 디자인을 진행했어요. 귀여운 동물 이모티콘을 써서 회사 소개문구를 작성했어요. 브랜드를 찾아가는 최적의 과정 오른쪽에는 3D이미지 제작을 요청주셔서 Javascript와 에펙으로 열심히 만드는 중입니다.
왼쪽: 클라이언트 요청사항 | 오른쪽: 디자인 시안
메인페이지는 요즘 유행하는 랜딩페이지 방식으로, 스크롤을 따라 방문자를 설득할 수 있도록 작성했어요. 반려동물 마케팅 전문적인 운영~ 왼쪽에는 위의 섹션과 마찬가지로 3D이미지가 들어갈 예정이에요. 포트폴리오 부분은 클라이언트 요청에 따라서 계단 형식으로 디자인을 진행했어요.
왼쪽: 클라이언트 요청사항 | 오른쪽: 디자인 시안
아래는 피그마 디자인 진행 중 메인페이지의 소개 섹션의 노란색 색깔이 너무 밝다고 하셔서 파스텔 계열의 노란색으로 바꾸어드렸습니다. 디자인 진행상황을 실시간으로 보실 수 있고 코멘트도 바로바로 처리해드립니다.
왼쪽: 클라이언트 요청사항 | 오른쪽: 디자인 시안
다음은 회사소개 섹션으로 About 페이지입니다. Who We Are 부분은 핫한 트랜드인 Y2K감성으로 진행했고 아래 장점을 넣었습니다. 마케팅 포트폴리오 실적의 인스타 사진을 많이 소유하고 계셔서 실적 사진을 전체화면으로 넣었습니다. 우리는~ 입니다. 이 부분은 마우스를 올리지 않으면 그냥 검정색 화면으로 보였다가 배너에 마우스를 올리면 에이전시 이름이 뜨면서 커튼을 슬쩍 올리는 모션까지 추가할 예정입니다.
왼쪽: 클라이언트 요청사항 | 오른쪽: 디자인 시안
아래는 포트폴리오 리스트 페이지입니다. 마우스를 올리기 전에는 네모 모양의 사진으로 보이고 마우스를 올리면 원으로 보이는 이펙트를 요청주셨습니다.
왼쪽: 클라이언트 요청사항 | 오른쪽: 디자인 시안
다음은 포트폴리오 자세히보기 페이지입니다. 유튜브 링크나 포트폴리오 등록하는 부분은 워드프레스 PHP코딩이 필요하지만 여의도개발자에서는 가능합니다. 워드프레스 관리자페이지에서 유튜브 링크, 포트폴리오만 등록하면 자세히보기 페이지에 바로 반영이 되도록 개발을 진행할 예정입니다.
왼쪽: 클라이언트 요청사항 | 오른쪽: 디자인 시안
마지막으로 Contact페이지입니다. 귀여운 강아지 사진을 넣었는데 자세히보니 강아지가 어디서 뛰어놀았는지 입주변이 얼룩덜룩 하더라구요. 클라이언트님이 말해주셔서 변경을 진행하고 있습니다.
Contact페이지 디자인
여기까지 마케팅회사 웹사이트 제작을 위한 디자인 시안 제작과정입니다. 워드프레스 회사소개 홈페이지의 경우 가격은 150만원입니다. 디자인, 피드백 반영, 개발, 클라이언트 서버(카페24, 월 호스팅비용 : 1,500원)로 마이그레이션, 사후 문제 처리까지 원키로 책임져드립니다! 마케팅회사 홈페이지 제작을 고민하고 있다면 여의도개발자들과 함께하세요!