Website – Part A (Theory & Structure)
1. Explain the difference between a brand website and a landing page in a pre-retail tech launch. (8marks)
The main differences between a brand website and a landing page are that one is meant to target all areas of the customer journey, and the other is designed for conversion. Firstly, a brand website is made to build trust and inform the consumer before the product is widely available. The goal of the site is to educate the users on the technology, its features, benefits and the brand story. This includes pages like about us, Q&As and a blog for users to explore everything they need to know about the product and brand. This helps people answer questions like whether the product is real or not, or how it works. Overall, having a brand website for a pre-retail tech launch is important for building trust to lead them to that end goal to lead to the bottom of the sales funnel. The landing page is designed for driving campaign traffic, for example, social media ads and email marketing, to encourage conversation. It focuses on one clear goal to drive the users to visit the website to learn more and pre-order the product. This page is very simple, as it doesn’t have any navigation and instead just focuses on the key information. The content of what people immediately want to know, like what it is and what it does. Overall, the goal is to encourage conversation and create an urgency to want to purchase. For a pre-retail tech launch, this matters because consumers are unfamiliar with the product and what it actually is, so first, they need to be educated through the website. When it comes to marketing campaigns like social media ads, they need a place to land to be converted into wanting to learn more and make a purchase, being the landing page.
2. Provide four (4) strategic structural differences and justify them deeply. (12 marks)
The first strategic structured difference in the navigation structure. A brand website, it features a full navigation at the top of each page. This consists of multiple pages, like about us, blog, contact and more, based on what the brand is communicating to its audience. The landing page has little or no navigation and is only one page of content for the user to scroll through. Websites are designed for the user to be able to deeply explore and discover everything to know about your brand and the product you’re selling. This helps people build trust in your brand because the more useful information you can give to the user, the more trust gained. This is especially important for new tech, as there will be a lot of uncertainty and skepticism about what is being sold. On the other hand, the landing page doesn’t have any navigation. Its job is to keep users’ attention and provide the most important information to lead them to the end of the sales funnel.
The next structural difference lies in the depth of content and overall structure. A brand website features more long from detailed content compared to a landing page that just gets the point across. They both serve different purposes for the consumer, and where they are on their journey, therefore, the length of content matters. Websites are made for educational and understanding purposes, and the users will spend more time exploring content. This is why you’re able to go more in-depth because people will likely be reading at a slower pace. With a new tech product, explaining how it works and reassuring their safety is crucial information to elaborate on for your website. As for the landing page, users already have some awareness from the ads about the product. The content is a lot simpler and only focuses on the important information that they will want to consume. Additionally, it’s important to know that users have a short attention span, whether they’re on a website or a landing page. This is why having a clear structure to follow and useful content will help with success, since we know people will be scanning.
The third structural difference is their role in the consumer’s journey. Each plays a different role in which part of the sales funnel (journey) they are sitting in. For the brand website, the consumer is at the awareness and consideration stage, where they are trying to decide if they should take action. For a pre-retail tech launch, users are unfamiliar with the product, since it’s so new in the market. They will need time to understand how the product works before actually taking the action of purchasing or pre-ordering. The website is a platform where they can answer questions and gain trust in the brand as a whole. Now, looking at the landing page, there at the decision and action stage of the funnel. Users are already somewhat familiar with the product from seeing ads on social media, and now have our attention. The landing page has a purpose to convert their interest into a full action compared to the website, which is more for gaining awareness and informing. This is important because there are different stages that the consumer is at, which require a different structure.
The last structural difference is in the call to action (CTA). On a brand website, multiple CTAs are being used throughout, like “Learn More”, “Contact Us”, “Explore Blog” and many more. The landing page will only have one CTA, usually being “Pre-Order Now” or “Buy Now”. Websites serve users who have different intentions because one may be researching and the other may be comparing products. It’s important to identify that everyone’s needs are different when it comes to a website, which is why we need different CTA cues. A landing page is designed only for one action, usually to purchase the product. Just like mentioned before, the users are already very interested in the product, and the main job of the page is to convert them into a buyer. One thing that you can do is on the landing page respect the CTA, but not too much so that it seems forced. This helps reinforce that goal and works as a reminder to the consumer to take action. It’s important for a pre-launch because the overall goal is to gain awareness and capture early adopters. This is why having strong CTAs will help lead you to more success.
Website – Part B (Execution)
a) A sitemap illustrating the various site pages.
b) A complete page for each page of the website, inclusive of the website content.
c) A homepage mockup including the main site navigation.
Tasks:
1. Provide a general overview of the website including the page titles as well as a brief overview & intent for each page. Based on your research and knowledge covered in ADV 421 (as well as included in this project), provide in- depth reasoning as to why you structured the site in this manner and why you intend to create the specific content. (10 marks)
This website was designed to introduce the WIZPR Ring as an all-new hands-free AI smart ring. The ring is currently in its pre-ratil tech launch, meaning that the goal is to educate and build trust with potential users. The site includes the following pages: Home, About Us, How It Works, Q&A, Pre-Order, Contact, and Blog.
Homepage
The homepage introduces WIZPR to users as an AI smart ring, highlighting its main benefits and features. The page uses strong visuals and simple messaging to quickly communicate what the ring is and its values. The page content is designed using the F-Pattern since we are aware of the way that users will be consuming content, by scanning. The homepage also has a strong CTA to guide users deeper into exploring the rest of the site, so they can pre-order the product now. Overall, the homepage intends to capture attention and move users across the site.
About Us Page
The next page tells people about the brand (Vtouch) and its purpose and goal. Here you can find information on how Vtouch began to build trust with users. On this page, you can also find a video from the official Vtouch YouTube channel where the founders explain the ring. Additionally, the page also features awards that WIZPR has won and the brand’s partnerships. This builds trust and credibility, which makes users feel more confident that the brand exists.
How It Works
The How It Works page explains how the product works and the key features that make it unique in the market. This page helps the product feel more real and trusted with its step-by-step guide of how the ring works and how you can integrate it into your daily routine. This allows users to easily understand what WIZPR truly is and what makes the technology so unique.
Q&A
The Q&A page is designed to help answer users’ common questions about the WIZPR Ring. This is an important page for a pre-launch tech product because it is a way for people to interact with the brand and learn more. It most importantly helps answer anyone’s speculation and any uncertainty they might have around the product before they make any decisions. Its overall goal is to build trust and support the users’ decision-making, which is where they are sitting in the sales funnel, encouraging them to take action.
Pre-order
The pre-order shop page is designed to drive conversions. The page answers more of the consumers’ questions, such as what the color options are and the sizes available, through a sizing chart. It also does a great job in giving the users a sense of urgency to pre-order, which is being done through adding scarcity in the written content. For example, “be the first to experience the new AI-powered smart ring”. Lastly, at the bottom of the page, there’s a strong CTA to give them one final push to place their pre-order.
Blog
The blog is used for educational and informational content directly related to users’ questions and concerns around the technology. This page includes content on the tech industry, updates and current cases. The world of AI is such a huge part of our daily life, so having available content related to it can also help with SEO ranking. With new technology its common for users to have a lot of uncertainty about the product, like how they could actually integrate it into their workflow.
Contact
The contact page allows users to easily find information to reach out to a WIZPR team member. It features a simple contact form to be filled out for the user to receive updates on the product’s launch. Additionally, this is the page where you can find the key contact information, like phone, email, and location, to get in touch with a representative from the WIZPR team at Vtouch. This helps build trust through transparency by showing that the brand is real and can offer support to customers.
This website structure helps users become more aware of what the WIZPR Ring can do and how they can integrate the product into their daily lives. As discussed in ADV421, the content should be organized and fully support the users’ journey wherever they may be in the sales funnel. Based on the needs and behaviours of the target audience, they are more research-driven; therefore, this structure was designed to answer any questions they may have. With it being a new tech product, we understand that there will be lots of speculation around the product’s launch, so being able to build trust was key. It is set up to guide users through their journey by starting with awareness, then leading to conversion by highlighting benefits and features early on. Additionally, the content focuses on addressing the audience’s key pain points, such as skepticism about the AI technology, safety concerns, and a desire for product efficiency. The content is designed to be highly informational through pages such as the live Q&A and How It Works that provide users with answers to any question they may have about the product. Overall, the structure of the site and the content were designed intentionally to educate and build trust with users on how they could integrate WIZPR into their daily lives.
2. Provide the content for each page. Ensure that each page includes the various content elements and structure as discussed in class. For each page, provide in-depth reasoning for your approach, goals, the content and the desired results. Make sure you address the concepts we discussed in class. (20 marks)
Homepage
H1: Private Conversations With the Mind of AI
Section 1:
What is the WIZPR Ring?
The new face of AI intelligence
Meet WIZPR ring, the next generation of hands-free AI intelligence. WIZPR ring allows you to interact with AI technology with just your natural voice, no matter where you are or what you’re doing. Simply speak into your WIZPR ring, and your personal assistant will help you stay organized throughout your busy day.
Price displayed: $139.99 USD
Section 2:
Benefits of WIZPR
Explore what makes our ring unique and how you could use it in your daily routine
Hands-free Convenience
Access your AI assistant, wherever you may be, whether you’re working or on the go.
Privacy You Can Trust
WIZPR can capture your conversation without anyone else hearing.
Seamless Compatibility
Easily connects with your phone through the WIZPR app and smart home devices.
Accuracy
Even in a noisy environment, your AI assistant will be able to work whenever you need it.
All-day Endurance
WIZPR has a long-lasting battery that ensures your assistant will be ready for you throughout the day.
Organization
You’re able to manage meetings, set reminders and take notes in real time. No need to pull out a secondary.
Section 3:
A Smarter Investment in AI
Other smart rings on the market are focused on fitness tracking, expensive, and are only compatible with certain devices. WIZPR is different because it is built with productivity in mind. Here at WIZPR, we utilize AI intelligence for everyday use that offers more hands-free convenience than any other smart ring.
CTA: Pre-Order Now
Reasoning
The Homepage is designed to introduce the product and capture users’ attention immediately. This page encourages users to learn more about the product by visiting more pages on the site. Firstly, the page starts off with a strong H1 and hero section to help grab users’ attention right from the beginning, as well as create a good first impression. The content throughout the page is informational, focusing on what the product is and its benefits to the user. Everything is laid out to match users’ scanning behaviour, following the F-pattern of reading. This was done to better highlight what information users will be looking for, such as highlighting the benefits early on to communicate WIZPR’s value. The page also has a strong CTA, “Per-Order Now,” to help increase conversions.
About Us
H1: Backed by Thousands, Award-Winning Tech, by Leading Engineers
Section 1:
What is WIZPR?
The WIZPR Ring is the new way to interact with AI created by Vtouch. Whether it’s managing your busy schedule or collecting notes for meetings, WIZPR works discreetly and effortlessly. It’s simply just speak, and it’s done! It’s your personal assistant right at your fingertips.
Section 2:
Who is Vtouch?
WIZPR Ring is created by Vtouch, a South Korean tech company founded in 2012. Specialized in AI-driven spatial interaction platforms with a vision centred on innovation, we at Vtouch are dedicated to creating new technology that can fit seamlessly into our daily lives.
Our Vision
At Vtouch, our vision is to expand beyond screen-based environments of smartphones and computers to implement a new era of technology. We are moving towards the future through AI-driven conversations without screens being utilized in our daily routines.
Built on Innovation
WIZPR is a proven product in the technology industry backed up by real results and industry recognition.
Awards & Partners
- CES Innovation Awards Honoree 2024
- CES Innovation Awards Honoree 2026
- Raised over 180,000 dollars on Indiegogo
Partners: LG Electronics, Toyota, Samsung Electronics
Section 3:
Meet the voices of WIZPR
WIZPR Ring was built by highly skilled engineers who have been professionals in AI technology for years.
Video of the ring being demonstrated by the founders of Vtouch
Reasoning
The goal of the about page is to build trust and credibility. The page introduces Vtouch as a company and what their vision and purpose is in the tech industry. It focuses on the company story rather than more details about the ring to communicate to the user that the WIZPR ring comes from a real company with a purpose. Additionally, the page features awards and partnerships for social proof and helps increase credibility. The last section on the about page is about the founders of WIZPR, which works as a way to humanize the brand and build an emotional connection with the users. You are introduced to the founders through a YouTude video that shows the ring being used in action, as well as building trust and legitimacy.
How It Works
H1: Explore How WIZPR Works
Section 1:
How WIZPR Works
WIZPR is designed to make interacting with AI easy, fast and completely hands-free. Activate by just your voice, to manage tasks and stay connected without ever needing a screen.
Section 2:
Step-by-Step on How to Use Your WIZPR Ring
- Set Up the App
Download the WIZPR app on your mobile device and customize your settings to fit your needs.
- Wear Your Ring
Place the WIZPR Ring comfortably on your finger.
- Speak Naturally
Bring the ring close to your mouth and simply whisper your command.
- Get Instant Results
Your command is processed immediately, giving you a quick and accurate response with no additional screen needed.
Section 3:
WIZPR’s Core Features
Voice Interaction
Communicate with AI naturally through simple voice commands.
Privacy Focused
WIZPR can capture your conversation without anyone else hearing it.
Smart Home Control
Receive quick responses while interacting quietly and seamlessly.
SOS Mode
With just 5 quick button presses, WIZPR quickly send alerts and your location to trusted contacts in emergencies.
All-Day Battery Life
Up to 14 hours of daily use, with an additional 70 hours from the charging case.
Reasoning
The How It Works page is designed to clearly explain to the user how the product works and its features. This works as a way to simplify technology that may feel intimidating at first by breaking down how to work it in 4 simple steps. The Step-by-step format helps the users know what to expect before piercing and overall just have a better understanding of what it is. It helps reduce confusion by breaking the process down into simple actions that anyone can follow. Additionally, the page has listed some more of the ring’s features, such as the SOS and battery life, making the product feel more practical. This answers the common question of “how does it work?” which is important to be answered for a new tech product entering the market. Overall, the goal is to help users picture how they could implant WIZPR into their daily lives by learning even more about what it is and how to work it.
Q&A
H1: Ask WIZPR Experts, Get The Leading Answers In AI Ring Technology
Section 1:
Have questions about the WIZPR Ring? You’re not alone.
Our live Q&A is designed to give you clear and honest answers from our team, while also showcasing real questions from users like you!
Section 2:
How It Works
- Users submit questions about WIZPR Ring
- Our team responds with accurate expert answers
User: John
Question: Can I WIZPR ring for ordering food?
WIZPR Team
Answer: The ring currently cannot order food, but if you would like to, you can contact us and make a suggestion.
Like cont: 24 Likes
User: Michael
Question: How do I know if the ring fits me?
WZPR Team
Answer: The ring comes in 8 different sizes. You can measure your finger with a measuring tape to see what your size is in inches or millimetres. With the measurement, you can match up with the provided size chart to find your perfect fit. The sizes are accurate, and you won’t have to worry about having the wrong size.
Reasoning
The Q&A page has a goal to address common questions about WIZPR. This is a way for users to send in a question and have a member from the WIZPR team provide them with a thoughtful answer. It helps reduce hesitation before purchase because any questions they may have can be answered. Since there will be a lot of uncertainty and skepticism around the product, this helps build trust and build relationships. This also improves users’ decision-making confidence since they know that the product is real by reading through the questions people have asked. The page has a very organized format that’s easy to navigation through the full Q&A section, making it quick for users to find answers. Additionally, the section placed above the Q&A section has 2 simple instructions on how it works, making it run even more smoothly for the users’ experience.
Pre-Order
H1: Experience AI in a New Hands-Free Way With WIZPR Ring
H2: Pre-Order Now!
Section 1:
Pre-Order The WIZPR Ring
WIZPR is currently in pre-launch. Secure your ring today and be among the first to experience the AI-powered smart ring.
Color: Silver and Black
Sizes: 6 7 8 9 10 11 12 13
Price: $139.99 USD
Free Shipping
1 Year Warranty
Easy Returns
Section 2:
- Made of Titanium and Epoxy Resin
- Water Resistant
- Lightweight & Comfortable
- Long-Lasting Battery
WIZPR. Your Perfect Fit,
Photo of ring sizing chart
Reasoning
The Pre-Order page has a goal to drive conversions and provide the user with additional product details before they place their pre-order. It is designed to be a functional e-commerce page that can be expanded over time as the product moves out of its pre-lunch phase. The content is for users now at the bottom of the funnel, with the intent in mind of placing their pre-order transaction. On this page, you can find more kry information about the product, such as the color and sizing options, to support the user’s personalization of their very own WIZPR Ring. Additionally, you can find information on the shipping and benefits, like the 1-year warranty and free shipping. Lastly, you can find more of those product features, such as the ring being water-resistant, having long-lasting battery life and details on what it is made of.
Contact
H1: Need Help? WIZPR is Here
Section 1:
Have questions about the WIZPR Ring or need support?
Our team is here to help. Reach out anytime, and we’ll make sure you get the answers you need.
Section 2:
Contact Our Customer Support
Phone: 1-800-753-8472
Email: info@wizpr.com
Location: B119, 524 Bongeunsa-ro Gangnam-gu, Republic of Korea
Contact form:
Get the Latest Updates from WIZPR
Be the first to hear about product updates, features, and pre-order availability
Fields:
First Name:
Last Name:
Email Address:
Phone:
What are you interested in?: (dropdown) options: Product updates, Pre-order, Features, General updates
Sign Up (button)
Reasoning
The contact page is designed to provide users with a place to contact with any questions and sign up to learn more. Firstly, you can find information to contact the WIZPR team at Vtouch, including phone, email, and the location of the Vtouch headquarters. This allows users to easily reach out with any questions they may have about the ring. The contact page helps increase trust by showing that the brand is reachable with a real location of operation. It also features a sign-up form for users to receive more information sent directly to them from WIZPR. By subscribing, they will receive personalized content based on their selection of interests when signing up. Overall, the page has a clean layout with the actual contact information being easy to find.
Blog
H1: Free AI Ring Knowledge From Experts And Engineers
Section 1:
Explore The World of Smart Rings
Learn about the world of smart ring technology and how you can fit it into your daily life. These guides are created around common beginner questions to help users understand the core features, benefits, and use of AI-powered technology.
Section 2:
Productivity With AI Technology
Blog post 1: 5 Ways AI Can Improve Your Daily Workflow
Blog post 2: How Hands-Free AI Technology Is Changing the Way We Work
Blog post 3: Why Business Professionals Are Switching to AI Assistants
Guides To The World Of Smart Rings
Blog post 4: What is a Smart Ring? Guide for Beginners
Blog post 5: How to Choose the Smart Ring That Works for You
Blog post 6: Are Smart Rings Worth It?
Reasoning
The blog page is where users will be able to find educational content about using and world of AI technology. These posts are informational listicles, comparisons, guides, and more surrounding the WIZPR ring. This page can help leverage the live Q&A page by answering more of the users’ common questions about the technology itself in in-depth posts. The blog page also helps improve search engine (SEO) visibility with its keyword-based content. Overall, it encourages users to spend more time on the site, learning more through engaging content.
3. Develop the content for the “landing page”. Based on the differences outlined in Part “A”, question #2, address how the content including the various web content elements will be different. Identify what you have done different and provide in-depth reasoning for your approach, goals, the content and the desired results. You wil provide the content for the landing page in the same format as the website. (10 marks)
The landing page is different from the main website because it focuses on one primary goal is to increase conversions. It removes unnecessary navigation to reduce users getting distracted by other content. The content feels more direct and persuasive to the user, leading them in the direction the make an action to pre-order. The goal of the page is to encourage users to take immediate action to pre-order since they have already passed the awareness stage from seeing the production on a social media post. It is clearly able to communicate the product’s main value and benefits without folding the page with additional information. Overall, the content is a lot shorter in length and more focused on conversion compared to the main website focused on awareness and education.
The reasoning for the landing page content and structure is to help increase conversions and support users dissection making. Firstly, the page opens up with a strong H1 “Hands-Free AI With Your Privacy In Mind” that immediately highlights the product’s main benefit. The content is structured in an organized and conversion-focused flow by starting with a hook and flowing a value proposition, key benefits and ending with a CTA. The information is more summarized compared to the website to avoid overwhelming users, helping with quick decision-making.
There is a strong use of web content elements. Firstly, including a strong H1 tag for SEO works to immediately catch the readers’ attention. Additionally, the paragraphs are short to support readers’ scanning behaviours with a strong CTA to guide users to action. The structure has clear headings and spacing between sections to overall improve the user’s experience by avoiding confusion. The desired results are to increase conversion and improve users’ understanding of WIZPR. It also reduces bounce rates because the content is engaging and well-organized, keeping the users interested for a longer period of time.
Landing Page Content:
H1: Hands-Free AI With Your Privacy In Mind
H2: The future of AI interaction starts here
CTA: Pre-Order Now
$139.99 USD
Section 1:
AI is a powerful tool that we use in our daily lives, but it’s not always seamless, as most tools still rely on screens.
WIZPR Ring can change that! A discrete hands-free AI assistant that is here to help anytime and anywhere.
Section 2:
Privacy You Can Trust
WIZPR can capture a conversation without anyone eles hearing.
Hands-Free Convenience
Access your AI assistant with no screens needed.
Organization
Manage tasks, reminders, and schedules instantly.
Section 2:
Rely on in Any Environment
- Works even in noisy surroundings
- Advanced voice recognition technology
- Delivers an accurate response in real time
Seamlessly Connected
- Connects with your smartphone through the WIZPR app
- Integrates into your smart home ecosystem
Section 3:
Awards
CES Innovation Honoree Awards 2024 & 2026
Partnerships
Trusted tech companies, including LG, Samsung and Toyota
Early Support
1,000+ global backers and early adopters
Section 4:
Ready to Experience WIZPR?
Button: Pre-Order Today!
Leave a Reply