Persona Lamps

The minting landing page for an NFT drop on Ethereum. Designed and built in Vue.js.

Role: Designer and developer: redesigned the landing page and built it in Vue.js.
Outcome: All 4,444 NFTs sold during the drop. The collection later passed 700 ETH in secondary sales volume.
Key decision: Rebuild the no-code landing page in Vue.js, with wallet connection and minting through ethers.js and Metamask.

Development site

The brief

Persona Lamps needed a landing page for its NFT collection drop, where people mint NFTs straight into their wallets on Ethereum. The first version was made with a no-code website builder.

The goals: a better-looking, easier page, and a smoother minting process.

Design

The team provided strong art and graphics. I built the new design on top of them, so the page matched the collection's visual identity.

Hero

Hero section with the minting actions: Check on OpenSea and Connect Wallet

Lamp gallery

About and rarity

About section Rarity section: rare, mythic and common lamps

Roadmap

Roadmap overview Roadmap details by quarter

Team

Team section

Hidden page

A password-protected page tied to the collection's story.

Hidden page with a password field

Tablet and mobile

Hero, about and roadmap on tablet Hero, menu, about and roadmap on mobile

Building it

For minting, I connected the page to the Ethereum network with ethers.js and Metamask, so people could go from their wallet to the smart contract without leaving the page.