Meta Blocks website redesign

[shivekkhurana]

Background

Meta Blocks started in September 2021 as an upgradable avatars system. Our idea was simple, NFTs today don't have any utility post-mint. By upgrading NFTs, we could use them like a web3 avatar system. This web3 avatar system could replace Bitmoji and Memoji and let users "own" their avatars. Also since NFTs hold real world value, anything your avatar wore would be actually valuable. Our thought was that this value capture will lead to development of secondary markets.

Our goal was to add utility to NFTs, by making them easy to integrate in games, metaverses and apps. We realised that NFTs are the wrong level of abstraction to build apps on.

To achieve this vision we created the Meta Blocks protocol. The Meta Blocks protocol allowed for upgradation of NFTs without burning or modifying them. We published the details of the protocol in an article Clay Bricks vs Legos. The article explained how our upgradable avatar system worked. The Meta Blocks protocol also had some other features that would help the app developer integrate NFTs into their applications.

Around the same time, we realised that this protocol can be used be other NFT projects too. Many new and existing projects reached out to us, and asked if they could use the protocol to build their own avatar system.

In December 2021, we decided to split our project into two companies: Meta Blocks and 3moji.

Meta Blocks is now a developer focused project, with upgradable NFTs being the flagship offering.
3moji is a web3 avatars system built on top of the Meta Blocks protocol.

Redesign

Our website's landing page (Meta Blocks) currently reflects a mixed vision - of an avatars system and an NFT upgradation protocol. The idea is to simplify the vision and portray Meta Blocks as an NFT evolution protocol.

1. Landing

H1- Meta Blocks
H2- The NFT evolution protocol

CTA-

• Primary: Integrate Meta Blocks into your project now
• Secondary - Talk to the team
• Tertiary - Follow us on socials

Features-

• Protocol: Upgrade NFTs on chain (by sending components to an escrow)
• Offchain rendering service: Create Meta NFTs that represent the combination of components
• SDK: Kyraa SDK to integrate Meta Blocks in your own app

Other elements to showcase on landing-

• Recent Blog posts cards
• testimonies and tweets
• Open jobs
• Footer
• Our investors
• Partner projects (projects who are building on Meta Blocks)

2. Blog list page

• Similar to existing blog page https://metablocks.world/blog
• With better search and filter

3. Blog Page

• Similar to what we have https://metablocks.world/blog/mint-nft-candy-machine-v2
• Along with body, there has to be space for:
• • Related/Recent posts
• • Email capture
• • Exit intent
• • Author details
• • Sticky intent - Something to show a user who is engaged, maybe a cartoon popping from the bottom asking to join discord or something
• • Share dialogs

4. Authors Page

• Similar to what we have: https://metablocks.world/authors/shivekkhurana
• Need a hero image
• A cover image
• Social links
• About section

5. Careers list page:

• A page to list all careers and some information about the company
• https://metablocks.world/careers

6. Job page:

• https://metablocks.world/jobs/branding-and-website-designer

Note: I think the existing Carrier's page is fine and we can continue to use it.

7. Guides page

• A guide is a collection of documents
• ex: https://metablocks.world/guides/protocol
• The body (right) part of the guide uses the same component as blog post
• The guides should be easy to navigate and search
• Should show an option to edit on github
• Should show the dates of last edit
• Should show the people who contributed to the guide

8. Navigation:

• Main nav elements to focus on are:
• • pricing
• • partners
• • cta as defined above

9. Campaigns page:

• Campaigns is a way for us to collect emails based on specific events
• For example, we might host a twitter space and collect emails of all people who attended that space
• ex: https://metablocks.world/campaigns/website-waitlist <- this is an ongoing campaign to capture emails from users who want to join the waitlist

Notes

• Desktop first but responsive
• Bright color theme - like stripe- the primary audience of the site is developers and NFT projects
• Purple/pink/blue hues - we want our logo to be something like: