Hello, everyone 👋 and welcome back here to my new article. I appreciate you taking the time to read this, and I wish you all the best on this special day 😊
We recently rebranded Chanmax's entire brand identity from the previous one, changing the logo, color, and website but remaining with the same name and quality of services.
Why are we changing now, despite receiving a lot of positive feedback and appreciation for our previous brand identity?
Of course, we've got so much positive feedback on our previous identity, particularly for the website, but we wanted to change for some reasons.
When we started Chanmax, I chose Green to represent our brand. Actually, I chose it because of my personal interest since I'm more of a nature lover, but I did not focus on psychology or any other related stats 😢
Over time, I realized that I wasn't getting enough engagement or attention on Chanmax 😢, so I began to do some research and discovered that there was a mistake in our color selection. Even though people like it, it is not grabbing people's first attention 🤔
So I thought of changing our brand color, but it is a big risk for a startup like us. We've been with the green for a year, so if we suddenly change our color, people may get confused about our brand 😖 At the same time, if we pick the wrong color again, it will ruin the current attention too.
So I made the decision that whatever color I choose, it should be tested somewhere before I go to apply it to our brand 💡 So after I did some research, I came up with the color yellow, since it has good stats.
However, before applying the color to our brand, I decided to test it on my personal LinkedIn profile to see if it worked. So I started changing all the elements I post on LinkedIn to yellow, and got amazing results in just 2 months 😲
My profile views increased by 260% 🚀 (approximately), impressions increased by 200% 🚀 (approximately), and my company page (Chanmax) visitors increased by 80% 🚀 (approximately).
I was like, wow 😲 these are the results I was expecting for a long time, and I decided to go with Chanmax in yellow after I discussed it with my team.
We decided to change not just the colour but also everything, including the logo and website, but this time we planned well and we had an exact goal of how our logo and website should come out 😎
Goals for the logo:
Should have an abstract shape
Be minimal
Have a clear cut font
Be combined with yellow.
Goals for the website:
Loading time should be less than one second on a typical fast internet connection
Minimal design
Removing unnecessary elements from our previous site
Able to manage content easily (the previous site was built with nextJS only, so each time we wanted to go to code to make updates)
Should be able to do some automation easily in the future according to the needs
Should complete the entire project in 15 days (from the design to deployment).
Okay, great, we've made the decision, but before we start, we should plan how we are going to make it happen, right. I was completely responsible for the logo design because I am the lead designer at Chanmax. However, for the website, I needed the assistance of another person, so I went to discuss it with Raghu, the technical lead at Chanmax. Following our discussion, we made some decisions to use the following technologies and tools:
NextJS
Airtable
Sanity
Vercel
Cloudflare
NextJS
We've used NextJS to build the front end of the website. NextJS is one of the leading static site generators in the world and helps us build super fast websites on top of ReactJS. Since we are focusing on speed, choosing NextJS is the key to this development.
Airtable
We've used Airtable for storing form data that we get from the websites. Airtable is one of the best low-code platforms for quickly building collaborative apps, and it also helps create automations. Since we are focusing on building some business automations in the future, this would be a great pick.
Sanity
We used Sanity to manage content for our websites, such as blogs and case studies. Sanity is the platform for structured content. It comes with an open-source editing environment called Sanity Studio that you can customize with JavaScript and a real-time hosted data store.
Vercel
We decided to host our website on Vercel. Vercel is a platform for frontend frameworks and static sites, built to integrate with your headless content, commerce, or database.
Cloudflare
We chose Claudflare CDN to protect our website from security vulnerabilities and make the website even faster. Cloudflare is a global network designed to make everything you connect to the Internet secure, private, fast, and reliable.
🙍♀️🙍🙍Three people, Raghu, Thanu, and me, jumped into this project 😁 after we selected the technologies. Raghu was in charge of development, Thanu was in charge of testing and project management, and I was in charge of UX design. With the help of all the tools and technologies, we were able to build the website on time as we planned, from the XD to Visual Studio Code. And the site is loading even faster than we expected 🚀
I hope you remember I talked about Jamstack methods in the previous article, and I would like to let you know that this is how Jamstack works. We haven't built any servers, but we are still able to manage and collect data on the website. With this process, we can even build more complex sites like e-commerce, etc.
I hope this article will help anyhow by giving some knowledge. If yes, please give me your feedback in the comments and if you have any suggestions to improve my writing methods, feel free to let me know. I'm always open for suggestions. Once again, thank you.