How did we develop a website for one of the top-rated specialist on Fiverr?
Tags: design, ux, ui, website
Published: 2023-12-13 14:46:05

## Long-term cooperation.
I’ll start by mentioning that we have been collaborating with the company Wnog for a considerable period and have completed over 4 projects for them, such as Wnog Media, Wnog Logistics, Wnog USA, and Wnog Resources.

## Founder of Wong Media and Top expert.
Vasily Kichigin is the founder of Wnog Media and is one of the top experts on Fiverr in the field of creating social media content. He has 9.5 thousand reviews with an average rating of 4.9.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o2w7lsd03sgkjt8iu7q0.png)

You might be wondering, “Why does Vasily’s company need a website if he is already so successful and popular on Fiverr?”

In fact, the answer is simple. Despite Fiverr’s popularity, its rules limit experts. Vasily wanted a platform-independent showcase for the company’s strong portfolio.

That’s precisely why Vasily Kichigin, the founder of Wnog, approached our agency for the development of a website.

## What is needed for the website?
The main goal was to develop a clear and user-friendly site where we comprehensively and structurally present information about the company, its founder — Vasily, show cases, and introduce users to Wnog’s services. It should include a well-crafted portfolio and a call-to-action button.

## Beginning of work
And so, we initiated the project using our established project management system. By the way, we have an article about our workflow system, and you can read it by following this link: [How to create websites and receive international awards?](https://dev.to/azagency/how-to-create-websites-and-receive-international-awards-3keg)

First, we conducted a briefing and delved into the company’s positioning and the client’s preferences. Based on this information, we conducted a competitor analysis and created a roadmap for the future website.

## Mood Boards
Using all the gathered data, we created two mood boards with references. We drew inspiration from the websites that the client liked and developed two concepts, two atmospheres for the future site based on those references.

The first concept involves vibrant and soft tones, typographic accents, design elements, rounded edges in panels, and a more friendly atmosphere.

The second concept embodies strictness, classicism, and restraint, with clear lines and the addition of one accent color.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ui5kpl8l8amho9uokmgf.png)

And Vasily chose the first concept as it best represented his business, capturing the essence of his activities.

## Prototype
Next, we developed a prototype to align all the texts and block arrangement, while we will consider composition, design, and typography in the next stage.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/664jdnlamc03h5cq4ww2.png)

## Long-awaited Design
Working on projects, the most exciting and eagerly anticipated stage is creating the design. After all, it’s the first time the client sees the design concepts, and often, it creates a wow effect.

We also provided 3 design concept options for the first screen to determine the project’s style and proceed with the work.

In the first option, we created a minimalist and uncluttered menu at the top, along with a button that doesn’t take the main focus but attracts the user’s attention.

For the second option, we suggested moving away from a structured layout on the main screen and adding panels showcasing works in a more chaotic order with smooth animations.

In the third option, objects are arranged in a more familiar way for the user.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oahpvfssuaa0407ngg9v.png)

## Finished Design Layout and Starting Tilda Development
While maintaining the style of the second design concept, we crafted an incredibly sleek, soft, and modern design. Every detail was carefully considered, resulting in an excellent outcome.

Our client, Vasily, was thrilled and really liked the final design.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bjjufdxvbivwiz0492i5.png)

Now, our task was to bring this design to life. We began implementing it on Tilda, added smooth animations, made the buttons functional, and ensured adaptation for mobile devices. We handled all the technical configurations, and our website is now ready!

You can explore the website on your own by following this link: [wnogmedia.com](https://www.wnogmedia.com/)

Thank you for reading! Subscribe to my profile for updates, I share updates about my web design agency, provide useful tips for business and design cphere, and showcase our projects!
[Instagram](https://instagram.com/anastasiiaa_zh?igshid=NGVhN2U2NjQ0Yg%3D%3D)
[LinkedIn](https://www.linkedin.com/in/anastasiia-zh/)
[AZ Agency website](https://www.azstudio.agency/)