그간 꽤 많은 개발을 진행했는데요.

게시판 목록 무한 로딩(돌아왔을때 원위치), 다국어 작업, 번역 모듈 등 그냥 해보고 싶은 개발은 다 해보고 있습니다.

 

최근에 피그마로 시안 작업한 것들 몇가지 소개합니다.

 

1. 가장 최근에 완성한 hotopay 커스텀

 

cap1.JPG

구매 페이지 뿐만 아니라 많은 부분 커스텀

기능적으로는 1. 특정 기간 동안만 회원 그룹 변경 2. 포인트 사용 기능 등이 들어갔습니다.

 

2. 미션 모듈 커스텀 (곧 개발 시작)

 

cap2-0.JPG

오리지날 미션 모듈 (리버스님 자료)

 

cap2.JPG

커스텀 시안.

일일 미션과 업적 개념은 그대로 이지만 구별해서 표시하지 않고,

미션 목록에서는 최대한 간단히 표시.

기능적으로 큰 차이는 등장조건과 반복 개념 도입

예를들어, A미션은 B미션이 달성되었을때만 등장 / 상품 구매시마다 같은 미션 반복 등장

 

cap2-1.JPG

미션의 자세한 내용은 클릭하면 보여줌

미션에 따라 확인대신 바로가기 버튼 적용가능

 

cap2-2.JPG

포인트 받기

 

 눈치채신 분들도 있겠지만 토스 앱의 요소들을 미션 모듈에 적용시켜봤습니다.

 

3. 랭킹 모듈 (2번 끝나면 개발)

 

맘에 딱 드는 랭킹 위젯이 없어서 계획해봤습니다.

랭킹은 월간이 아니라 지난 30일의 활동 내용으로 매일 0시에 결정되어 등락을 보여주는 기능이 있습니다.

랭킹 정하는 방법을 여러가지 고민해봤지만 저는 이방식이 제일 나을 것 같습니다. 매월 1일마다 리셋되면 누군가의 의욕을 꺽을 수도 있으니까요.

 

cap3.JPG

등락이 있어서 좋아요.

 

cap4.JPG

역대 월별 순위 (매달 1일 0시 기준 결정).

역대 1위가 재밌는 요소

 

cap5.JPG

왠지 귀여운 위젯

 

 

 시안만 만들어도 왠지 진짜 이미 다 만든 것 같고..시안만 만들고 있어도 다음 개발하고 싶은게 계속 떠오르고..

 개발 의뢰할 돈이 부족해서 다행입니다. 

 

  • ?
    멋집니다~! 혹시 hotopay 모듈에서 월 자동 결제 기능도 지원이 가능한가요?
  • ? profile
    순정상태에서는 안되고 커스텀하면 되지 않을까요?
  • profile
    와, 역시 멋집니다.
    아이디어와 감각의 결정체!
  • profile profile
    ㅎㅎ 그정돈 아니지만 그래도 감사합니다!
  • profile
    오.. 미션모듈 커스텀 한거 보니까 토스 앱 생각나네요
    깔끔히 잘 만드신것 같습니다
  • profile profile
    네~ 토스앱 쓰다가 아 미션 모듈을 조금 수정하면 비슷하게 만들수 있겠다 했죠. 감사합니다!
  • ?
    미션모듈 디자인만 아래 이미지 처럼 바꾸면 더 이쁠 것 같아요!
  • ? profile
    감사합니다~
  • profile
    이런 모바일웹 디자인 시안은 뭘로 만드시는 건가요?
  • profile profile
    피그마요!
  • profile profile
    아 역시! 감사합니다!