상세페이지 제작사례 게임 웹배너 디자인

프로젝트 설명

롤 친구 관련 상세페이지 및 소셜 프로필 또는 디자인 수정 작업 포트폴리오입니다.
빠르게 제작해야 했기 때문에 작업시간이 여유 있지는 않았지만 그래도 나름대로 만족하며 작업한 것들입니다.

각 카테고리에 첨부될 이미지들을 제작하였습니다.

 

1. 승당제 가격표

기존에 심플하게만 구성되어 있던 기존 이미지에 리디자인 작업을 했습니다. 분명하게 구분되었던 각 면들을 조금 거친 이미지의 텍스쳐로 구성하였으며, 상단 메인에 롤 로고 이미지와 더불어 롤 관련 캐릭터 누끼 이미지를 삽입하여 꾸며낸 이미지입니다. 훨씬 다채롭고 개성 있는 상세페이지 이미지를 의도하였습니다.

2. 육성 가격표

각 섹션마다 심플하게 구성되어 있던 부분들을 리디자인 하였습니다. 롤 관련 캐릭터 누끼 이미지를 삽입하였고, 그러데이션이나 각 하이라이트 부분에 타이틀 텍스트를 삽입하였습니다. 훨씬 다채롭고 각 섹션이 구분되도록 디자인 작업을 하였습니다.

각 섹션이 무엇을 의미하는지 확실하게 보일 수 있도록 구성하였습니다. 기존에는 우선순위가 잘 보이지 않던 텍스트들을 그러데이션 텍스트와 타이틀에 적절한 폰트를 설정하였습니다.

3. 전 프로 코칭 및 강의

각 섹션이 구분되도록 면을 이용하여 구분해줬습니다. 누끼 이미지가 포함되었으며, 최대한 기존의 느낌을 살리면서도 훨씬 완성도 있게 보이도록 섬세한 작업들을 했습니다. 이전보다 더 섹션이 구분되도록 하였습니다.

4. 듀오 랭크 강의

각 섹션마다 포인트를 살려야 할 부분들을 집중적으로 디자인 작업을 했습니다. 징크스 캐릭터를 삽입하여 조금 더 귀엽게 꾸며주는 부분이나 쉽게 느껴지도록 디자인 작업을 했습니다. 또한 롤 관련 캐릭터들을 적극 활용했고, 아이콘이나 디자인 요소들을 추가하였습니다.

위의 요소들과 마찬가지로 통일성 있게 디자인 작업을 하였으며, 각 섹션마다 폰트로 포인트를 줬습니다. 또한 누끼 이미지를 적극적으로 활용한 상세페이지 디자인 작업물입니다.

 

5. 계정 판매 부분

가장 공들여 제작한 부분입니다. 처음부터 끝까지 디자인 작업을 하였으며, 롤 홈페이지의 디자인 요소들을 활용하여 세련되면서도 전문성이 느껴지도록 디자인 작업을 했습니다. 클래식 계정이나 라이트 계정 등의 요소들은 롤의 UI/UX를 참고하여 디자인을 하였습니다.

전체적으로 그러데이션 톤에 따라 스크롤을 할수록 해당 부분의 진행도를 느낄 수 있게 디자인 작업을 하였습니다.

6. 환불규정 상세페이지 디자인

굳이 돋보일 필요가 없는 환불규정 상세페이지는 최대한 깔끔하게 내용을 확인할 수 있도록 디자인 작업을 하였습니다. 이런 요소들은 최대한 간결하고 심플하게 제작하는 것이 좋습니다. 이미지 파일로 작업을 하면 다양한 곳에 쉽게 활용할 수 있다는 장점이 있습니다.

7. 롤 친구 홈페이지형 블로그 디자인

이러한 디자인 들을 참고하여 롤 친구 홈페이지형 블로그 디자인을 작업하였습니다. 각 섹션이 구분되게 제작하였으며, 누끼 이미지들을 활용하여 제작하였습니다. 이외에 여러 롤 친구, 롤의 신 게임 관련 업체의 디자인 작업들을 진행했습니다.

8. 카카오톡 프로필 이미지 디자인

깔끔하면서도 귀여운 이미지로 제작하였습니다. 별 수호자 아리의 이미지와 색감을 활용하여, 산뜻하면서도 따뜻한 느낌이 들도록 제작하였습니다. 게임 관련 업체다운 느낌들을 추가하였습니다.

9. 카카오톡 프로필 배경 이미지 디자인

기존에 사용했었던 이미지 컬러톤과 레이아웃, 텍스트 설명 등을 참고하여 그대로 디자인 작업을 하였습니다. 전면 부분과 함께 깔끔하게 보일 수 있도록 작업을 하였으며, 모바일 환경에서 카카오톡 프로필 이미지가 돋보이도록 제작하였습니다.

※ 용량이 큰 관계로 업로드가 불가하여 원본 파일 삭제하였음.