A.I. Startup Web Design
For small businesses and startups to adopt Aiirify as the solution to their IT Issue Resolution costs. The Website must highlight benefits of the product and convince users to download a free demo or schedule a consultation/demonstration.
September 1, 2021 - October 15, 2021
The first thing we needed to look at was the target audience. Businesses in this field tend to structure their companies where an IT manager would be the one making the decision to use a product/service. But they wouldn’t make this decision alone, it must run through the proper chain of commands. That means accounting needs to have an idea of the cost and effect and directors and stakeholders need to know the profitability.
Our findings in both the field of IT Issue Resolution and Artificial Intelligence found that companies are overspending 7% of their entire revenue on IT issues alone, with that number higher depending on industry. Costs tied into Issue Resolution such as hiring MSPs generates a waste of 14.8 Billion dollars in the US alone.
Although some competitors are ahead of Aiirify in the space, Aiirify does particularly well in addressing pain points that their competitors do not. Such as an easy-to-use chat based function that requires no learning curve. ElectricAI uses wifi for user interaction but it does not solve issues, instead it forwards them to their own specialists thus incurring high costs. AtSpoke generalizes in a lot of different aspects of IT, but does not specialize in Issue Resolution. MoveWorks is the industry standard, but like all other competitors they market product to fortune 500 companies, effectively leaving the market wide open for Start-Ups and Small Businesses.
Chat based AI Issue Resolution software that allows users to type their problems and speak to Aiiron as if they were chatting to an IT specialist who is their friend.
NLP to improve its language and understand user needs.
No server access to install the software, making it a better option for businesses that value privacy.
Encrypted data to secure the information. Data is stored with aiirify and does not get sold.
6-month free beta version of the software.
In order to attract decision makers that have other options with more advanced features, Aiirify must appeal to prospective customers that are enticed by their low cost. It must drive home the ways in which it can save time and money for businesses all while without having previous customer test cases. It must also touch on the specific benefits that offered by them only. The Website must therefore speak the language of prospects (IT managers and decision makers). Appeal to their personal pain points that competitors can’t solve. And guide the user through the website in order to effectively generate the lead, using information hierarchy and reward methods to excite their prospective clients.
Before we start designing at Taurist, we focus first on the copy. The copy must achieve the project scope & strategy while considering exactly who the target audience is. Lead generation must be written with them in mind and needs to appeal to the pain points and benefits mentioned above. The language is also very important as it needs to speak the language of the prospective customers and appeal to the emotional and rational reasons they may have.
We knew the website would need four pages.
The goal of this page is to hook the reader, be specific to the prospective client, speak their language, make it irresistible, and offer an attractive lead magnet.
This page details the product itself and gives them some use cases in order to narrow the potential benefitst that Aiiron can offer.
Goes a little bit into the company itself, it’s like an about us page but instead it’s focuses on how Aiirify the company and the services they provide can be beneficial to users.
The purpose of this page is to highlight the roadmap that Aiirify is taking in order to improve and highlight the long term benefits of the product. This is to convince potential leads that require more information and security to make the decision.
It must also be SEO friendly and use terms such as :
When we first started working with Aiirify they did not have a logo , brand guidelines. So as we began building their website we needed to tackle their brand. From brand values to brand guidelines, having written the copy for their website we were able to find a voice for the company and therefore begin it’s branding. For more details on branding. Please visit our Branding page.
Part of the research process involved us not only understanding the user but understanding their needs. Aiirify’s current website has a significantly higher rate of Desktop users as compared to Mobile users. Mobile visitors only account for 10% of their traffic. This is expected as the they are providing a B2B service which means prospects need a lot more information and time before making a decision. Therefore, it was important for the design to be primarily desktop focused first.
Aiirify wanted to be differentiate itself from the competition. It wanted to be more fun, not as monotonous as other companies offering similar products. It also did not want to incorporate a dark theme and wanted colors that the competitors were not using. Our goal was to establish a feeling within customers and recognize Aiirify as a breath of fresh air (pun-intended). We made the copy and illustration light hearted. Drawing inspiration from both comic books with harsh lines, and traditional corporate artwork.
We made Aiiron itself into a mascot and gave a face to the bot behind the messages.
As Aiirify was incorporating a green as their primary color, it was important for us to use colors that complimented each other. A great example of this, is is the colors of Aiiron. Relevant color theory was applied to all the designs to make sure that the colors didn’t take too much away from the main colors while still giving it a colorful and vibrant feel.
When designing Aiirify’s website one of the things we really wanted to do was to make an interactive demo. We felt that having a prospect see how quick and easy Aiiron makes the process of Issue Resolution would help increase conversions.
We wanted to keep a light theme throughout most of the website, as most competitors opted for dark themes. The animations on the website were also very important to drive home the feeling of text bubbles. With the brand guidelines already set previously we just had to incorporate all those interfaces with the wireframe.
Being that our designers are also capable of developing on Webflow it made the whole process of design and development completely streamlined with very little asset transfering needed to be done. The final result is a website that stays lights and drives home the message as needed.
It gives users many repeated call-to-actions in an effort to increase conversions, as well as very easy to complete forms.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
Be ready to be taken in a journey where projects are always on time and customer satisfaction is always high. Tell us a little bit about yourself and your project.
👇
Be ready to be taken in a journey where projects are always on time and customer satisfaction is always high.
Tell us a little bit about yourself and your project.
