[Design] UI 레이아웃 2차안 (모니터 타입)

[YeEun]

아니... 아니면 데스크탑 폴더형식으로 배치하는것도 괜찮을듯?
js로 커서 변경 가능한가 실제 컴퓨터에서 클릭하는것처럼 [커서](https://user-> images.githubusercontent.com/60145951/157585798-7d077dc9-7589-49e4-b0f1-6908534c863c.png)효과 넣고, 각 항목들은 폴더 (도트컨셉) 로 마련

우진님이 마련해주신 페이지가 실물같다기보단 '웹 페이지' 같아서 이쪽 디자인도 고려

Originally posted by @4923 in #5 (comment)

[YeEun]

웰컴키트보다는 웰컴페이지가 어울리는 디자인

• Welcome Desktop (a.k.a welcom-kit) 도트형식으로 디자인
• Desktop type template 생성 후 페이지 재구성

[YeEun]

Flowchart	UI Design	Main page

MacOS Monterey based design (used figma kit)
point color: #FF9E1B (followed LIKELION BI guideline)
font: Apple SD Gothic Neo (not fixed)

• Figma
  • 이전 디자인: draft page로 이동
  • 아지트 페이지에 사자 (10%) 배경 추가해야하는데 스크롤에 따른 배경추가 필요해서 일단 보류
• Flowchart: desktop type (cc. @Parkjju @JungWooJin97)
• Prototype: desktop type

Idea

• 순서에 따라 열어볼 수 있도록 하는 것이 중요하므로 무작위로 배열되는 바탕화면이 아닌 다른 레이아웃 탐색: safari UI (Monterey)
• 익숙한 개념을 사용: 즐겨찾기, 자주 방문한 웹사이트
  • 즐겨찾기에 자주 사용하게 될 페이지 (github, codelion, notion) 배치 -> 페이지 링크로 이동
  • '자주 방문한 웹 사이트' 를 -> 자주 방문할 웹 사이트로 변경
    • 흐름은 #8 를 따름
    • 보통 자주 방문한 웹사이트 밑에 주소가 뜨는데 페이지명 (페이지를 잘 설명하는 제목?) 으로 변경함.
    • 배치가 복잡하지 않아서 구현에 어려움은 없을듯 함.

개발 가능여부 확인

MacOS 에서 파일 열고 닫는 (접히는 표현) 애니메이션 구현 가능하면 넣고 아니면 말고.

[YeEun]

• 전반적으로 '말을 거는' concept 유지
• 일어나 코딩해야지 를 일어나 같이 코딩해야지 로 변경: 함께하는 멋사 가치 반영
• 동료찾기 페이지는 젤다의전설 패러디 (포켓몬 버전) 에서 착안
• 빙고 페이지에서 네? / 오케이 선택지는 좋은 피자 위대한 피자 에서 착안
• 담백하게 이정도 구성으로 fix 하고 내용 구성에 공들이는 편이 나을것으로 판단.

issue closed

[YeEun]

landing page