플레이모빅 - NFT 마켓플레이스
플레이모빅(Playmobick)은 디지털 아트를 사고팔 수 있는 NFT 마켓플레이스로 사용자들이 쉽고 직관적으로 NFT를 탐색하고 거래할 수 있도록 설계된 플랫폼입니다. 이 프로젝트에서 저는 UI/UX 디자인과 퍼블리싱 전반을 맡아 사이트의 초기 구상부터 최종 구현까지 책임졌습니다. 웹사이트의 개발은 HTML, CSS, 그리고 Javascript를 사용하여 개발하였으며 사용자 경험(UX)과 인터페이스(UI)의 조화로운 구성을 통해 NFT를 구매하는 과정에서의 복잡함을 최소화하고자 했습니다.
플레이모빅 프로젝트의 가장 큰 목적은 사용자가 디지털 아트를 쉽게 탐색하고 거래할 수 있는 유저 친화적인 NFT 플랫폼을 만드는 것이었습니다. 이를 위해 직관적이고 반응형 웹 디자인을 적용하여 다양한 기기에서 문제없이 사용할 수 있도록 구현했습니다. 또한 NFT 시장의 특성상 작품의 시각적 표현이 중요하므로 각 아트워크의 이미지와 정보가 돋보일 수 있는 레이아웃과 디자인을 적용했습니다.
UI/UX 디자인
디자인
사용자의 시각적 몰입을 높이기 위해 다채로운 색감과 명확한 타이포그래피를 적용하여 NFT 작품들이 돋보이도록 했습니다.
사용자 흐름
NFT 구매 및 경매 과정이 복잡하지 않도록 간단하고 명확한 사용자 흐름을 설계하여 사용자가 쉽게 작품을 검색하고 구매할 수 있게 했습니다.
반응형 디자인
다양한 기기 환경에 맞추어 유연하게 레이아웃이 조정되는 반응형 웹 디자인을 구현하였습니다.
마크업
HTML
각 섹션의 구조를 논리적으로 구성하고 적절한 HTML5 요소를 사용해 시맨틱한 마크업을 적용했습니다.
CSS
전반적인 사이트 스타일링과 반응형 디자인을 구현했으며 SCSS를 사용해 코드의 유지보수성과 모듈화를 향상시켰습니다. 특히 메인 페이지의 다양한 콘텐츠가 동적으로 배치될 수 있도록 유연한 그리드 시스템을 적용했습니다.
주요 기능
NFT 탐색
다양한 카테고리(경매 진행 중, 시리즈 작품, 갤러리 작품)로 분류된 작품들을 탐색할 수 있습니다. 각 작품 카드에는 이미지와 함께 작가 정보, 현재 가격, 남은 경매 시간이 표시되어 사용자들이 빠르게 정보를 파악할 수 있도록 했습니다.
경매 기능
Playmobick에서는 경매를 통해 NFT를 구매할 수 있으며 실시간으로 입찰 상황이 반영됩니다. 사용자는 작품 상세 페이지에서 경매에 참여하거나 즉시 구매할 수 있습니다.
지갑 연결
사용자는 다양한 암호화폐 지갑(Binance, MetaMask, Coinbase 등)을 사이트에 연결하여 손쉽게 NFT를 거래할 수 있습니다. 이는 사이트의 보안성과 신뢰성을 강화하는 데 중요한 역할을 합니다.
반응형 디자인
모바일, 태블릿, 데스크탑 등 모든 기기에서 완벽하게 작동하는 반응형 인터페이스를 디자인, 개발하였습니다.
Category:
디자인, 개발
Software:
HTML, CSS, JavaScript
Date: