Back

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

Organize initiatives

Collect references

Develop Mockup

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

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.

Catch users’ eye with stimulating visual design.

Build advanced vision with 3D elements and imply our features.

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.

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