Nextfortune
2022
2 weeks
Promote B2B services for a decentralized sports platform.
Background
The website is designed to promote our site management services, emphasizing organized features and offerings. The services are complex. Therefore, how to boost user's first impression of our brand and clarify our service is the main goal of this project.
Sorting out the best way to promote all features effectively with teams in the first stage took times but worthy. I Utilizing web3-style elements to visualize concepts and immerse users in our promotion campaign.
Nextfortune
2022
2 weeks
Promote B2B services for a decentralized sports platform.
Background
The website is designed to promote our site management services, emphasizing organized features and offerings. The services are complex. Therefore, how to boost user's first impression of our brand and clarify our service is the main goal of this project.
Sorting out the best way to promote all features effectively with teams in the first stage took times but worthy. I Utilizing web3-style elements to visualize concepts and immerse users in our promotion campaign.
Nextfortune
2022
2 weeks
Promote B2B services for a decentralized sports platform.
Background
The website is designed to promote our site management services, emphasizing organized features and offerings. The services are complex. Therefore, how to boost user's first impression of our brand and clarify our service is the main goal of this project.
Sorting out the best way to promote all features effectively with teams in the first stage took times but worthy. I Utilizing web3-style elements to visualize concepts and immerse users in our promotion campaign.
Design Process
Design Process
Organize initiatives
Collect references
Develop Mockup
Organize Initiatives
Organize Initiatives
Initially, requirements came with rough sketches and lengthy descriptions. The essence of our service is key to truly attract target audience, so we moved backward to refine the text and rearrange the structure.
Before
Before
Original requirement doc
After
After
Refined essence & classification
Stay concise & readable
Stay concise & readable
We kept the content concise by briefing the advantages of blockchain platform at first, and put great emphasis on the product and the service with vivid images and mockup to ensure the product values have been conveyed smoothly.
Collect References
Collect References
Learn the modern Web3-style trend and establish the visual style that consists of sports and blockchain concepts, allowing users to experience the vibrancy of the product.
We decided to build a Web-3 style with :
Utilize neon Colors on dark background to shape the vibe.
Utilize neon Colors on dark background to shape the vibe.
Utilize neon Colors on dark background to shape the vibe.
Catch users’ eye with stimulating visual design.
Catch users’ eye with stimulating visual design.
Catch users’ eye with stimulating visual design.
Build advanced vision with 3D elements and imply our features.
Build advanced vision with 3D elements and imply our features.
Build advanced vision with 3D elements and imply our features.
Visual Style
Visual Style
BGC
#000000
#000000
Main
#F3BA2F
#F3BA2F
#F38D2F
#F38D2F
Text
#FFFFFF
#FFFFFF
#FFFFFF 60%
#FFFFFF 60%
Button
#EE5D30
#EE5D30
#F3BA2F
#F3BA2F
Decoration
#C02FF3 20%
#C02FF3 20%
#F3812F
#F3812F
Finally, we got to transform concepts to design.
Finally, we got to transform concepts to design.
Home page
Home page
Home page
Product Features
Product Features
Product Features
Our Service
Our Service
Our Service
Call to action
Call to action
Call to action
Catch users' eye at first sight.
Product screenshots display in 3D device to showcase real environment and create excitement for sports game.
feature elaboration boots product impression.
At this stage, I use ChatGPT as a assistance to generate possible user testing paths and identify key details.
Emphasis that “we've got all users need”.
At this stage, I use ChatGPT as a assistance to generate possible user testing paths and identify key details.
A strong CTA to encourage connection.
At this stage, I use ChatGPT as a assistance to generate possible user testing paths and identify key details.
Catch users' eye at first sight.
Product screenshots display in 3D device to showcase real environment and create excitement for sports game.
feature elaboration boots product impression.
At this stage, I use ChatGPT as a assistance to generate possible user testing paths and identify key details.
Emphasis that “we've got all users need”.
At this stage, I use ChatGPT as a assistance to generate possible user testing paths and identify key details.
A strong CTA to encourage connection.
At this stage, I use ChatGPT as a assistance to generate possible user testing paths and identify key details.
Catch users' eye at first sight.
Product screenshots display in 3D device to showcase real environment and create excitement for sports game.
feature elaboration boots product impression.
At this stage, I use ChatGPT as a assistance to generate possible user testing paths and identify key details.
Emphasis that “we've got all users need”.
At this stage, I use ChatGPT as a assistance to generate possible user testing paths and identify key details.
A strong CTA to encourage connection.
At this stage, I use ChatGPT as a assistance to generate possible user testing paths and identify key details.
Takeaway
Takeaway
Even with a narrow time limit, I really appreciated that instead of starting straight with the requirement doc, we agree to clarifying the core values of this website first. I've been trough some struggles with creating images to convey the abstract ecosystem of blockchain platform, but I believe it is worthy and the outcome did attract some investors and customers after we launched it.
Even with a narrow time limit, I really appreciated that instead of starting straight with the requirement doc, we agree to clarifying the core values of this website first. I've been trough some struggles with creating images to convey the abstract ecosystem of blockchain platform, but I believe it is worthy and the outcome did attract some investors and customers after we launched it.
© Riley Wu 2024 Copyright. All Rights Reserved.
Rileywu.design@gmail.com
© Riley Wu 2024 Copyright. All Rights Reserved.
Rileywu.design@gmail.com
© Riley Wu 2024 Copyright. All Rights Reserved.
Rileywu.design@gmail.com