High Quality Desktop & Mobile Web Designs (PSD, HTML, CSS)
Budget: $1,500 – $3,000 CAD
***DESIGN QUALITY MUST MATCH THE EXAMPLES PROVIDED BELOW***
We are commissioning a web design project that will require 3 different pages to be designed. The pages are: the main home page, a raffle registration page, and a mint page. Each of these pages will have different versions to be designed. The pages must be compatible with mobile using media queries and graceful degradation. We require the PSD for the designs, as well as the HTML and CSS code for each design.
Overview of design deliverables required:
Main home page design (1st page, 4 versions):
1. The home page will have 4 variations that will be designed. We would like to use https://www.boredbunny.io/ and https://bduck.madworld.io/ as our guide/reference for the overall home page design:
- Version 1: Pre-mint with Join our Discord CTA (splash page)
- Version 2: Pre-mint with Raffle Registration CTA (splash page)
- Version 3: Live mint with Mint CTA (splash page)
- Version 4: Post-mint with View on OpenSea CTA (splash page)
Raffle Registration page design (2nd page, 3 versions):
1. The structure of this page will follow https://www.adidas.com/into_the_metaverse/mint and will have the same header and footer as the main home page design
2. Placeholder text for the title - applies to all versions below
3. Placeholder text to add relevant details about how the raffle works - applies to all versions below
4. This page will have 3 different versions to be designed:
- Version 1: Initial state which shows a “Connect Wallet” CTA
- Version 2: Success State (shows a successful raffle registration message, wallet address, mint date, mint price, and max number of mints per wallet)
- Version 3: Failure State (shows an unsuccessful message such as "your wallet does not hold the minimum amount of X.XX ETH to register")
Mint page design (3rd page, 5 versions):
1. The structure of this page will follow https://www.adidas.com/into_the_metaverse/mint and will have the same header and footer as the main home page design
2. OpenSea icon will now be displayed along with the social icons in the nav menu and footer
3. Placeholder text for the title - applies to all versions below
4. Placeholder text to add relevant details about the mint - applies to all versions below
5. This page will have 5 different versions to be designed
- Version 1: initial state - show connect wallet CTA
- Version 2: initial state - failed to connect wallet
- Version 3: initial state - after connecting wallet, shows amount to mint selector and mint button
- Version 4: success state shows: amount minted, wallet address and a View on OpenSea CTA button
- Version 5: failure state shows - please retry
You will also be required to provide aesthetically relevant Twitter, Instagram, Discord, and OpenSea icons matching the design. The menu headings relevant to each landing page section will be provided.
Please use placeholder images where a design asset is required per the examples (bunnies/ducks). Our designs assets are being developed, and the placeholder images will provide future guidance for implementation.
We are seeking a 7-day delivery timeline for this gig. We require unlimited revisions until the PSD designs are approved before receiving the HTML and CSS code.
Please only reply and bid on the project if you meet the requirements.
We are commissioning a web design project that will require 3 different pages to be designed. The pages are: the main home page, a raffle registration page, and a mint page. Each of these pages will have different versions to be designed. The pages must be compatible with mobile using media queries and graceful degradation. We require the PSD for the designs, as well as the HTML and CSS code for each design.
Overview of design deliverables required:
Main home page design (1st page, 4 versions):
1. The home page will have 4 variations that will be designed. We would like to use https://www.boredbunny.io/ and https://bduck.madworld.io/ as our guide/reference for the overall home page design:
- Version 1: Pre-mint with Join our Discord CTA (splash page)
- Version 2: Pre-mint with Raffle Registration CTA (splash page)
- Version 3: Live mint with Mint CTA (splash page)
- Version 4: Post-mint with View on OpenSea CTA (splash page)
Raffle Registration page design (2nd page, 3 versions):
1. The structure of this page will follow https://www.adidas.com/into_the_metaverse/mint and will have the same header and footer as the main home page design
2. Placeholder text for the title - applies to all versions below
3. Placeholder text to add relevant details about how the raffle works - applies to all versions below
4. This page will have 3 different versions to be designed:
- Version 1: Initial state which shows a “Connect Wallet” CTA
- Version 2: Success State (shows a successful raffle registration message, wallet address, mint date, mint price, and max number of mints per wallet)
- Version 3: Failure State (shows an unsuccessful message such as "your wallet does not hold the minimum amount of X.XX ETH to register")
Mint page design (3rd page, 5 versions):
1. The structure of this page will follow https://www.adidas.com/into_the_metaverse/mint and will have the same header and footer as the main home page design
2. OpenSea icon will now be displayed along with the social icons in the nav menu and footer
3. Placeholder text for the title - applies to all versions below
4. Placeholder text to add relevant details about the mint - applies to all versions below
5. This page will have 5 different versions to be designed
- Version 1: initial state - show connect wallet CTA
- Version 2: initial state - failed to connect wallet
- Version 3: initial state - after connecting wallet, shows amount to mint selector and mint button
- Version 4: success state shows: amount minted, wallet address and a View on OpenSea CTA button
- Version 5: failure state shows - please retry
You will also be required to provide aesthetically relevant Twitter, Instagram, Discord, and OpenSea icons matching the design. The menu headings relevant to each landing page section will be provided.
Please use placeholder images where a design asset is required per the examples (bunnies/ducks). Our designs assets are being developed, and the placeholder images will provide future guidance for implementation.
We are seeking a 7-day delivery timeline for this gig. We require unlimited revisions until the PSD designs are approved before receiving the HTML and CSS code.
Please only reply and bid on the project if you meet the requirements.