Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Website Design Part 1 | Research
1. Name : Muhammad Raydi Koto Cham
Student ID : 1131121234
Project Title : Web Design Final Project Research
Subject : Web Design
Subject Code : MAD2053 – OCT 2014
Date of submission : 20 November 2014
Advertising Campaign Website
Promotional Websites and Microsites
2. Promotional Websites and Microsites
5 brilliant microsites and why they’re so effective
Taken from: www.creativebloq.com/web-design/5-brilliant-microsites-8135477
By: Luke Clum
A microsite has the power to highlight a product, launch a promotion, or augment a marketing campaign in a way that full websites or more traditional marketing cannot. The single or small collection of pages these sites consist of is meant to engage user interaction while conveying information in a creative way. Microsites are separate from a company’s full website and are dedicated to serving one purpose - thus eliminating the clutter and distractions that come with a full website.
When should you create one?
If you’re looking to promote a specific campaign, then a microsite is a great solution. A microsite - being separate from your brand’s website - can use different forms of branding to reach new target audiences. It can generate new leads for your business and create interest in your brand and website.
The first step in determining whether a microsite will give value to your brand is to evaluate your marketing needs. A microsite is a perfect solution for establishing an exclusive space for users to interact with your campaign or product. Instead of offering many navigational options like a full website, it drives users to one specific purpose or goal.
What makes a microsite successful?
There are certain characteristics that result in an effective microsite.
01. A focused topic
Since the many options of a full website are removed from a microsite, it has room to give in-depth information and focus on one topic or product. If users click on your microsite, they are likely to be interested in its content, so it’s important to offer them quality information on that particular subject. Staying focused makes for an effective message and prevents confusion.
02. Quality information
When designing a microsite, consider the goal you are trying to achieve. You might want to bring awareness to a particular subject and create a call to action, get users to make a purchase, or launch a marketing campaign that ultimately drives users to convert by interacting with the brand.
Once your goal is established, tailor your information to be concise and intentional in achieving that goal. Users should be able to instantly understand the purpose of your microsite, as well as gain useful information from it. Information is really what drives a good microsite, because it enables the site to accomplish its single purpose.
3. 03. Creative design and engaging user interaction
A microsite is an excellent way to branch out from the design of your main site and show off your style and skills. It might portray your brand in a new light - one that connects more closely to users and makes a creative impact on them. And beyond the aesthetic design, an easy and engaging interaction will make the experience more enjoyable and beneficial for your users.
As you can see, there are endless possibilities for your microsite’s design, style, content, and message. That’s the beauty of these websites: because they’re separate from larger more cumbersome brand sites, they remain flexible and focused. However, in order to have a successful microsite be sure to:
•
Identify your target audience for this specific product or campaign
•
Limit the site to one, very specific topic
•
Include plenty of high quality, relevant information on that topic
•
Use a creative design and craft an excellent user experience
4. Promotional Websites and Microsites
5 Advantages Of Building A Microsite
Taken from: www.hingemarketing.com/blog/story/5_advantages_of_building_a_microsite#sthash. iG69hH8d.dpuf
Recently it has become common in online marketing, especially in B2C online marketing, to build microsites for specific products. More and more companies are embracing this practice because a good argument can be made for why you should build a microsite. When you are considering building a microsite for yourself, consider these 5 advantages:
1. Search Engine Optimization Benefits
Many marketers build microsites for the SEO value. A microsite can be very targeted around a specific service or offering. This can help significantly boost rankings in search because search engines will understand exactly what your site and content is about. Another way microsites can boost URLs is through keyword rich URLs. If a website has a keyword as its URL, it will often get a rankings boost for that specific keyword.
2. Keep Visitors Focused on a Specific Topic/Area
There are some campaigns where marketers want web visitors to be focused on a specific service offering or conversion task. Think along the lines of a pay per click
(PPC) campaign or a social media promotion effort.
For those types of campaigns, marketers have very specific actions they want visitors to take – such as downloading a specific book or filling out a form to request a proposal. Sometimes a landing page (a specific page set up for the conversion action) can be enough to accomplish these goals. However, if you expect web visitors to be interested in educational content before taking the action, it makes sense to set up a focused site for them to do that.
By setting up a focused microsite, you will ensure that web visitors are focused on only the piece of content or service you think they would be interested in signing up for.
3. Creative Freedom
Microsites can give companies that have standard brands and design elements a chance to show a little more of their culture and creativity. Since your microsite isn’t a part of your actual website, you can use it to create something that will stand out and be more appealing.
4. Recruiting
For some companies, a microsite is built to help recruiting. The reasons for this are tied to the reasons above, specifically reasons 2 and 3. Recruits want to see your culture and learn what your firm is like. A microsite is an ideal channel to focus on those two things.
5. From a marketer’s perspective, it is also great to keep recruits on a site that is focused solely on them. You know that they will be reading the right information and will have no trouble finding what they are looking for.
5. Appealing to a new Audience
When a company decides to market to a new segment or group of people, it is important to make sure the new segment receives the right messaging. Building this messaging into an existing site can get quite confusing for the company’s other audiences. For this reason, companies may opt to build a microsite that will incorporate the new messaging. Visitors in the new audience will be passed to the microsite instead of the main website. This allows the message on both sites to be clear and targeted for a specific audience.
Find more information about microsites at:
www.intechnic.com/blog/top-ten-benefits-of-having-a-microsite
www.linchpinseo.com/seo-reasons-against-microsites
www.cygnismedia.com/blog/benefits-of-microsites
7. Runbetter from Newton
Running shoes website
www.runbetter.newtonrunning.com
Runbetter is a website from a shoes manufacturer Newton. The main purpose from this website is to introduce a new shoes. From their technology aspect to the customer testimonial.
1. Availability and Accessibility
Server uptime
The website fully uploaded in under 10 second with an average 20mb/s internet connection.
Broken Links
There are no broken links in this website
Mobile Responsiveness
It has a great UX mobile responsiveness and easy to navigate/understand.
2. Clarity
Simplicity
It has a great layout simple design.
Familiarity
Button and typography are kept the same same to create a repetation.
8. Consistency
Everything are design in the same format to have the consistency on the website.
Guidance
Easy to navigate throughout the website page.
Direct Feedback
There’s a “share your stories” directly link to a social media Facebook. A link to the main Newton website are also available.
Good Information Architecture
Every information are awesomely design and structured.
3. Learnability
Overall of the website is using the latest web design trend. The layout of individual webpage are easy to understand. Navigation bar are located on the right side of the page with an icon, not all customer are familiar with icons. The use of san serif font in this website made it more clear and clean to the design. All of the graphics are well choosen for the website.
4. Credibility
Due to the great user experience, usability and functionality. The runbetter website is trustworthy and might already create a bond of trust to their new customer by giving out all the information about the new shoes, from the design to the new technology that they applied to the new shoes.
5. Relevancy
All of the content of the runbetter website from Newton shoes are all relevant and convincing for their new customer.
10. Reebokwork is a website from a shoes manufacturer Reebok. The main purpose from this website is to introduce all the boots and other type of working shoes to their customer.
1. Availability and Accessibility
Server uptime
The website fully uploaded in under 10 second with an average 20mb/s internet connection.
Broken Links
There are no broken links in this website
Mobile Responsiveness
It has a great UX mobile responsiveness and easy to navigate/understand.
2. Clarity
Simplicity
It has a great parallax and a good layout design.
Familiarity
Button and typography are kept the same same to create a repetation.
Consistency
Everything are design in the same format to have the consistency on the website.
Guidance
Easy to navigate throughout the website page.
Direct Feedback
Contact button can be found easily, which lead the user to an email form page.
Good Information Architecture
Every information are awesomely design and structured.
3. Learnability
Overall of the website is using the latest web design trend. The parallax design created an information display at one scroll. The website is easy to navigate and to understand. With the shoes are organize in various category, made the user much more easier to receieve the information they needed
4. Credibility
Due to the great user experience, usability and functionality. The reebokwork website is trustworthy and might already create a bond of trust to their new customer by giving out all the information about the new shoes, from the design to the new technology that they applied to the new shoes.
11. 5. Relevancy
All of the content of the reebokwork website from reebok shoes are all relevant and convincing for their new customer.
12. Transitions from Nokia
Technology website
www.transitions1020.com/#
Transition is a website from a phone manufacturer Nokia. The main purpose from this website is to introduce the phone Nokia Lumia 1020.
1. Availability and Accessibility
Server uptime
The website fully uploaded in under 10 second with an average 20mb/s internet connection.
Broken Links
There are no broken links in this website
Mobile Responsiveness
It has a great UX mobile responsiveness and easy to navigate/understand.
2. Clarity
Simplicity
It has a great layout simple design with an awesome photographs and video.
Familiarity
Button and typography are kept the same same to create a repetation.
13. Consistency
Everything are design in the same format to have the consistency on the website.
Guidance
Easy to navigate throughout the website page.
Direct Feedback
There are share button, where it can lead to facebook and twitter.
Good Information Architecture
Every information are awesomely design and structured.
3. Learnability
Overall of the website is using the latest web design trend. The use of fullscreen video on the background created a closer feeling to the place/location of the sites. The website is easy to navigate and to understand. The user can sense and almost feel the situation of the place on the individual page due to the high quality picuture, video and copy write.
4. Credibility
Due to the great user experience, usability and functionality. The transition website from Nokia is trustworthy and might already create a bond of trust to their new customer by giving sample of photographs and videos that were taken by the phone itself.
5. Relevancy
All of the content of the transition website from nokia are all relevant and convincing for their new customer.
14. WTF! Food Porn Index Bolthouse Farms
Food website
www.foodpornindex.com/
Food Porn Index is a website from Bolthouse Farms. The main purpose from this website is to share healthy life style by counting how many #FoorPorn hastag and track the various foods in daily basis.
1. Availability and Accessibility
Server uptime
The website fully uploaded in under 10 second with an average 20mb/s internet connection.
Broken Links
There are no broken links in this website
Mobile Responsiveness
It has a great UX mobile responsiveness and easy to navigate/understand.
2. Clarity
Simplicity
It has a great layout simple design with an awesome photographs and color scheme.
15. Familiarity
Button and typography are kept the same same to create a repetation.
Consistency
Everything are design in the same format to have the consistency on the website.
Guidance
Easy to navigate throughout the website page.
Direct Feedback
There are share button, where it can lead to facebook and twitter.
Good Information Architecture
Every information are awesomely design and structured.
3. Learnability
Overall of the website is using the latest web design trend. It’s an interesting format type of index collecting website. The goal from this website to create an awareness about healthy food. To post and share that there are various type of healthy.
4. Credibility
Due to the great user experience, usability and functionality. The Food Porn Index from Bolthouse Farms is trustworthy and very informational, therefore the visitor can use the facts/number collected form the website.
5. Relevancy
All of the content of The Food Porn Index website from Bolthouse Farms are all relevant and convincing for their new customer.
16. Ben The Bodyguard from Nerd Communications
Technology website
www.benthebodyguard.com/index.php
17. Ben The Bodyguard is a website from a phone security company, Nerd Communication. The main purpose from this website is to introduce on what the phone security company can provide.
1. Availability and Accessibility
Server uptime
The website fully uploaded in under 10 second with an average 20mb/s internet connection.
Broken Links
There are no broken links in this website
Mobile Responsiveness
It has a great UX mobile responsiveness and easy to navigate/understand.
2. Clarity
Simplicity
It has a great parallax and a good layout design.
Familiarity
Button and typography are kept the same same to create a repetation.
Consistency
Everything are design in the same format to have the consistency on the website.
Guidance
Easy to navigate throughout the website page.
Direct Feedback
An email subscribe button can be found at the very bottom of the page.
Good Information Architecture
Every information are awesomely design and structured.
3. Learnability
Overall of the website is using the latest web design trend. The illustration graphic and animation made the website more interesing. The parallax design created an information display at one scroll. The website is easy to navigate and to understand. With each category explain in detail, customer know what will the get if they purchase the product. It also has a good interactivity with the user due to the animation that the website provide.
4. Credibility
Due to the great user experience, usability and functionality. The Ben The Bodyguard website is trustworthy and might already create a bond of trust to their new customer by giving out all the information about the product service.
18. 5. Relevancy
All of the content of the Ben The Bodyguard website from Nerd Communications are all relevant and convincing for their new customer.