Deon

Deon

Deon

Normal View

Normal View

Normal View

Deon is a Web3 marketing agency powered by a team with over a decade of Industry expertise.

Deon is a Web3 marketing agency powered by a team with over a decade of Industry expertise.

This case study provides a detailed look at my design process for Deon’s website, highlighting how my approach aimed to enhance their digital presence and support their business objectives.

This case study provides a detailed look at my design process for Deon’s website, highlighting how my approach aimed to enhance their digital presence and support their business objectives.

Nifty Click Image

Previous UI

Previous UI

Previous UI

Tap to see

Tap to see

Tap to see

Let’s Go…

Let’s Go…

To kick off any successful project, it's crucial to gain a comprehensive understanding of your client's needs, motivations, and goals.

To kick off any successful project, it's crucial to gain a comprehensive understanding of your client's needs, motivations, and goals.

In this case, The company is a Web 3 Marketing Agency having a USP that they are more than just a marketing agency. They are “ The Ecosystem Enabler “.

In this case, The company is a Web 3 Marketing Agency having a USP that they are more than just a marketing agency. They are “ The Ecosystem Enabler “.

This involves thoroughly discussing the scope of the project and exploring various possibilities to achieve their objectives.

This involves thoroughly discussing the scope of the project and exploring various possibilities to achieve their objectives.

Redesigned UI

Redesigned UI

Redesigned UI

Tap to see

Tap to see

Tap to see

Insights from the kickoff meeting ( The Problem Statement )

Insights from the kickoff meeting ( The Problem Statement )

Insights from the kickoff meeting ( The Problem Statement )

Previously Deon had a website that they were unsatisfied with because it was limiting their growth potential and competitive edge over their competitors.

Previously Deon had a website that they were unsatisfied with because it was limiting their growth potential and competitive edge over their competitors.

They didn’t want just an aesthetic-looking website that pleased viewers and didn’t encourage any actions that would help the company grow.

They didn’t want just an aesthetic-looking website that pleased viewers and didn’t encourage any actions that would help the company grow.

They wanted a website that would act as a bridge for their business helping them.

They wanted a website that would act as a bridge for their business helping them.

  1. Get discoverability in their space by presenting them as an authority in the eyes of their target audience

  1. Get discoverability in their space by presenting them as an authority in the eyes of their target audience

  1. Telling Deon’s purpose and how their capabilities distinguish them from other traditional marketing agencies.

  1. Telling Deon’s purpose and how their capabilities distinguish them from other traditional marketing agencies.

  1. Act as an interface for lead generation.

  1. Act as an interface for lead generation.

Deon comments
Deon comments
Deon comments

Competitor’s Analysis ( Inspiration Gathering )

Competitor’s Analysis ( Inspiration Gathering )

Competitor’s Analysis ( Inspiration Gathering )

I started with analyzing competitors, Deon had a sheet filled with details about their competitors which eased my process of gathering insights and inspirations.

I started with analyzing competitors, Deon had a sheet filled with details about their competitors which eased my process of gathering insights and inspirations.

Information Architecture

Information Architecture

Information Architecture

This information architecture evolved through a series of meetings from time to time as we gradually understood how to present our information optimally.

This information architecture evolved through a series of meetings from time to time as we gradually understood how to present our information optimally.

Branding

Branding

Branding

The next step was selecting the Ideal Brand Color, Brand Font, and Typography Scale.

The next step was selecting the Ideal Brand Color, Brand Font, and Typography Scale.

  1. Typography Scale: It is a must when building a scalable system and should be built in a way that makes the structure and content understandable and legible.

  1. Typography Scale: It is a must when building a scalable system and should be built in a way that makes the structure and content understandable and legible.

  1. Brand Font: It had to be chosen wisely because the fonts of Web 3 are different from that of Web 2. The goal was to give the website a web3 techy feel… So I decided to go with Tektur( This font can be found in Google Fonts Library ).

  1. Brand Font: It had to be chosen wisely because the fonts of Web 3 are different from that of Web 2. The goal was to give the website a web3 techy feel… So I decided to go with Tektur( This font can be found in Google Fonts Library ).

  1. Brand Color: My task was to build a color palette that would give an experience of the values of the company which were: Trust, Quality, and Techno Expertise.

  1. Brand Color: My task was to build a color palette that would give an experience of the values of the company which were: Trust, Quality, and Techno Expertise.

Deon Branding
Deon Branding
Deon Branding

UI Design ( Iterating Possibilities )

UI Design ( Iterating Possibilities )

UI Design ( Iterating Possibilities )

After the branding was done it was time to do the final UI design of the website.

After the branding was done it was time to do the final UI design of the website.

It demanded I jump into Canvas and design the website. Inspiration gathering helped me in this phase by making my process easier.

It demanded I jump into Canvas and design the website. Inspiration gathering helped me in this phase by making my process easier.

This step comprised of building various iterations and choosing the best possible outcome. This stage also involved a series of meetings discussing the direction and improvements.

This step comprised of building various iterations and choosing the best possible outcome. This stage also involved a series of meetings discussing the direction and improvements.

Deon Iterations
Deon Iterations
Deon Iterations

UI Design ( working on UX )

UI Design ( working on UX )

UI Design ( working on UX )

I was going in the right direction but something was missing…At this stage, I was not able to figure it out.

I was going in the right direction but something was missing…At this stage, I was not able to figure it out.

The website has to be unique while at the same time creating a positive brand image in the mind of the prospects…

The website has to be unique while at the same time creating a positive brand image in the mind of the prospects…

  1. UX Decision ( Consistency )
  1. UX Decision ( Consistency )

  1. UX Decision ( Consistency )

Gotchhaa!! Why not create a consistent visual language that will help Deon stand apart from the predictability of mass-market branding? ( Didn’t get my point? let me make it easier to understand )

Gotchhaa!! Why not create a consistent visual language that will help Deon stand apart from the predictability of mass-market branding? ( Didn’t get my point? let me make it easier to understand )

I went on creating a uniform design decision for all the pages that was a tubelight effect making the solution visible ( solution to the old redundant marketing fashion that is none other than The Ecosystem Enabler “ The DEON “).

I went on creating a uniform design decision for all the pages that was a tubelight effect making the solution visible ( solution to the old redundant marketing fashion that is none other than The Ecosystem Enabler “ The DEON “).

Deon comments
Deon comments
Deon comments
#2 UX Decision ( Transfer of Credibility )

#2 UX Decision ( Transfer of Credibility )

#2 UX Decision ( Transfer of Credibility )

An important token for the success of the company is TRUST and the best way of building trust Is showing credibility.

An important token for the success of the company is TRUST and the best way of building trust Is showing credibility.

Doen have well-known and recognized companies of Web 3 as their partners also they have folks as contributors for major brands…Why not show that to the prospects and tell them that Deon is the right choice!!

Doen have well-known and recognized companies of Web 3 as their partners also they have folks as contributors for major brands…Why not show that to the prospects and tell them that Deon is the right choice!!

So I decided to have dedicated sections for showcasing brand names. A fantastic way to increase conversions is by transferring credibility.

So I decided to have dedicated sections for showcasing brand names. A fantastic way to increase conversions is by transferring credibility.

Deon comments
Deon comments
Deon comments

Final UI Design

Final UI Design

Final UI Design

Collecting various sections resulted in the creation of the website which left the team in awe. Not just the design but also the values were aptly portrayed

Collecting various sections resulted in the creation of the website which left the team in awe. Not just the design but also the values were aptly portrayed

Developer Handoff ( Converting Design into Product )

Developer Handoff ( Converting Design into Product )

Developer Handoff ( Converting Design into Product )

Indeed design is very important but the correct transformation of the design into a real-world product holds the same value. Easing the process of development and removing the roadblocks, I created a Design System !! A library with all the components, style guide…everything that a developer needs to replicate the design into a real-world product.

Indeed design is very important but the correct transformation of the design into a real-world product holds the same value. Easing the process of development and removing the roadblocks, I created a Design System !! A library with all the components, style guide…everything that a developer needs to replicate the design into a real-world product.

Conclusion

Conclusion

Conclusion

In conclusion, working on the DEON redesign project was a self-exploration journey for me where I discovered my potential.

In conclusion, working on the DEON redesign project was a self-exploration journey for me where I discovered my potential.

I had the opportunity to collaborate with the client to understand their needs and goals, and then use my skills to craft a solution that exceeded their expectations.

I had the opportunity to collaborate with the client to understand their needs and goals, and then use my skills to craft a solution that exceeded their expectations.

While collaborating with the developer I came to know the meaning of a product development cycle and the importance of a designer in the process.

While collaborating with the developer I came to know the meaning of a product development cycle and the importance of a designer in the process.

I'm proud of what we achieved together.

I'm proud of what we achieved together.

Ready to make your product stand out ?

Ready to make your product stand out ?

Have a new project ?

Feel free to reach out to me :)

@ 2024 — Aditya Rawat

Have a new project ?

Feel free to reach out to me :)

@ 2024 — Aditya Rawat

Have a new project ?

Feel free to reach out to me :)

@ 2024 — Aditya Rawat