Problem
Social Content Plus, a new marketing growth company, needed to establish a strong online presence with a user-friendly platform that could attract and retain future clients. The primary challenge was to design an intuitive and visually appealing user interface that would showcase the platform's potential, making it easy for prospective users to understand its value. With no existing clients, the goal was to create a compelling website and user experience that could effectively communicate the benefits of the service, drive interest, and support the company's growth ambitions by helping clients grow their social media audiences.
Social Content Plus, a new marketing growth company, needed to establish a strong online presence with a user-friendly platform that could attract and retain future clients. The primary challenge was to design an intuitive and visually appealing user interface that would showcase the platform's potential, making it easy for prospective users to understand its value. With no existing clients, the goal was to create a compelling website and user experience that could effectively communicate the benefits of the service, drive interest, and support the company's growth ambitions by helping clients grow their social media audiences.
Social Content Plus, a new marketing growth company, needed to establish a strong online presence with a user-friendly platform that could attract and retain future clients. The primary challenge was to design an intuitive and visually appealing user interface that would showcase the platform's potential, making it easy for prospective users to understand its value. With no existing clients, the goal was to create a compelling website and user experience that could effectively communicate the benefits of the service, drive interest, and support the company's growth ambitions by helping clients grow their social media audiences.
Challenges
Creating a user interface that is both easy to use and visually appealing.
Creating a user interface that is both easy to use and visually appealing.
Creating a user interface that is both easy to use and visually appealing.
Setting a pricing strategy that reflects the value of your product while being attractive to customers.
Setting a pricing strategy that reflects the value of your product while being attractive to customers.
Setting a pricing strategy that reflects the value of your product while being attractive to customers.
Defining and understanding your target audience and their specific pain points.
Defining and understanding your target audience and their specific pain points.
Defining and understanding your target audience and their specific pain points.
Deciding which features to include in the initial launch and which can be added later.
Deciding which features to include in the initial launch and which can be added later.
Deciding which features to include in the initial launch and which can be added later.
Goals
Clearly communicate the benefits and unique selling points of your SaaS product.
Clearly communicate the benefits and unique selling points of your SaaS product.
Clearly communicate the benefits and unique selling points of your SaaS product.
Use compelling visuals and succinct text to quickly convey the value proposition.
Use compelling visuals and succinct text to quickly convey the value proposition.
Use compelling visuals and succinct text to quickly convey the value proposition.
Ensure the website is easy to navigate, with a clear and logical structure.
Ensure the website is easy to navigate, with a clear and logical structure.
Ensure the website is easy to navigate, with a clear and logical structure.
Design the website to be fully responsive and functional across all devices and screen sizes.
Design the website to be fully responsive and functional across all devices and screen sizes.
Design the website to be fully responsive and functional across all devices and screen sizes.
Phase 1: Research
Phase 1: Research
Competitive Analysis
Elevate Marketing
When the client was looking for websites as reference, they came across Elevategrowth. This website's main focus is to acquire clients that need a marketer to help grow their audience.
Strengths
A strength that they have is client testimonial. Which shows that they are a trusted company that works with real life clients. These testimonials also provide the problems that clients were facing, as well as, the results in which Elevategrowth was able to help.
They also have content examples where they show off Instagram and YouTube posts that are currently active with many interactions. This displays what kind of content they create and metrics to how many people interact with their posts.
Weaknesses
They do not have a pricing page. This could be problematic if the clients want to see the pricing before contacting Elevategrowth. Without including the pricing page, they are setting up extra steps when choosing a plan.
UI is somewhat boring, there are many accordion designs for many of the information on the page. There is space on the page for the information, but it is all condensed into an accordion. If users want to look at information, they would need to click to expand the information.
When the client was looking for websites as reference, they came across Elevategrowth. This website's main focus is to acquire clients that need a marketer to help grow their audience.
Strengths
A strength that they have is client testimonial. Which shows that they are a trusted company that works with real life clients. These testimonials also provide the problems that clients were facing, as well as, the results in which Elevategrowth was able to help.
They also have content examples where they show off Instagram and YouTube posts that are currently active with many interactions. This displays what kind of content they create and metrics to how many people interact with their posts.
Weaknesses
They do not have a pricing page. This could be problematic if the clients want to see the pricing before contacting Elevategrowth. Without including the pricing page, they are setting up extra steps when choosing a plan.
UI is somewhat boring, there are many accordion designs for many of the information on the page. There is space on the page for the information, but it is all condensed into an accordion. If users want to look at information, they would need to click to expand the information.
When the client was looking for websites as reference, they came across Elevategrowth. This website's main focus is to acquire clients that need a marketer to help grow their audience.
Strengths
A strength that they have is client testimonial. Which shows that they are a trusted company that works with real life clients. These testimonials also provide the problems that clients were facing, as well as, the results in which Elevategrowth was able to help.
They also have content examples where they show off Instagram and YouTube posts that are currently active with many interactions. This displays what kind of content they create and metrics to how many people interact with their posts.
Weaknesses
They do not have a pricing page. This could be problematic if the clients want to see the pricing before contacting Elevategrowth. Without including the pricing page, they are setting up extra steps when choosing a plan.
UI is somewhat boring, there are many accordion designs for many of the information on the page. There is space on the page for the information, but it is all condensed into an accordion. If users want to look at information, they would need to click to expand the information.
Social Media Inspiration
Social Media Inspiration
@THECHRISDO
@SALESGUYCHRIS
@THEFUTURISHERE
After looking at different competitors, we move onto the social media inspirations. There were three inspirations that were given to us. All three of these inspirations have a consistent brand design. Other factors that we learned through the inspirations were:
The posts are mostly kept consistent thorough similar colors related to the brand.
Many of these posts also have a easy to read thumbnail that is perfect for Instagram and quick scrolling.
Many of these posts seem to be a person teaching a course for a program they are trying to sell.
After looking at different competitors, we move onto the social media inspirations. There were three inspirations that were given to us. All three of these inspirations have a consistent brand design. Other factors that we learned through the inspirations were:
The posts are mostly kept consistent thorough similar colors related to the brand.
Many of these posts also have a easy to read thumbnail that is perfect for Instagram and quick scrolling.
Many of these posts seem to be a person teaching a course for a program they are trying to sell.
After looking at different competitors, we move onto the social media inspirations. There were three inspirations that were given to us. All three of these inspirations have a consistent brand design. Other factors that we learned through the inspirations were:
The posts are mostly kept consistent thorough similar colors related to the brand.
Many of these posts also have a easy to read thumbnail that is perfect for Instagram and quick scrolling.
Many of these posts seem to be a person teaching a course for a program they are trying to sell.
Style Guide
Phase 2: Designing the User Interface
Phase 2: Designing the User Interface
Phase 2: Designing the User Interface
Creating the Website
When deciding the layout, we wanted to first decide what the function of the website was what features we should include. Using that information, we would then decide what results we wanted to gain from this website. We decided that the website needed these functions and features:
A simple landing page where clients can get a brief introduction of Social Content Plus.
An about page where clients get a little understanding of the company themselves and their vision and mission statement.
A page on what Social Content Plus does, such as, brand monitoring, automated posts, etc.
A page on why the client should choose Social Content Plus over their competitors.
A package pricing page where users can find the pricing of packages.
A contact page where clients can send a message to the company or see its phone and email link.
When deciding the layout, we wanted to first decide what the function of the website was what features we should include. Using that information, we would then decide what results we wanted to gain from this website. We decided that the website needed these functions and features:
A simple landing page where clients can get a brief introduction of Social Content Plus.
An about page where clients get a little understanding of the company themselves and their vision and mission statement.
A page on what Social Content Plus does, such as, brand monitoring, automated posts, etc.
A page on why the client should choose Social Content Plus over their competitors.
A package pricing page where users can find the pricing of packages.
A contact page where clients can send a message to the company or see its phone and email link.
When deciding the layout, we wanted to first decide what the function of the website was what features we should include. Using that information, we would then decide what results we wanted to gain from this website. We decided that the website needed these functions and features:
A simple landing page where clients can get a brief introduction of Social Content Plus.
An about page where clients get a little understanding of the company themselves and their vision and mission statement.
A page on what Social Content Plus does, such as, brand monitoring, automated posts, etc.
A page on why the client should choose Social Content Plus over their competitors.
A package pricing page where users can find the pricing of packages.
A contact page where clients can send a message to the company or see its phone and email link.
Result: We wanted people to look at the website and understand what Social Content Plus offers and eventually be persuaded into choosing Social Content Plus over their competitors.
Result: We wanted people to look at the website and understand what Social Content Plus offers and eventually be persuaded into choosing Social Content Plus over their competitors.
Result: We wanted people to look at the website and understand what Social Content Plus offers and eventually be persuaded into choosing Social Content Plus over their competitors.
Forming the Website
Landing Page
This is one of the most important pages. It is where clients get their first impressions of the company and it is the first thing they see when landing on the page. It is important that we keep it simple, but have a trustworthy feeling. The colors convey trustworthiness as well as the smiling woman.
This is one of the most important pages. It is where clients get their first impressions of the company and it is the first thing they see when landing on the page. It is important that we keep it simple, but have a trustworthy feeling. The colors convey trustworthiness as well as the smiling woman.
This is one of the most important pages. It is where clients get their first impressions of the company and it is the first thing they see when landing on the page. It is important that we keep it simple, but have a trustworthy feeling. The colors convey trustworthiness as well as the smiling woman.
About Page
Here we give a mission and vision statement. This is to show the clients the beliefs of the company and what Social Content Plus wants it to do in terms of both short term and long term. We want to be transparent to build trust within the clients.
Here we give a mission and vision statement. This is to show the clients the beliefs of the company and what Social Content Plus wants it to do in terms of both short term and long term. We want to be transparent to build trust within the clients.
Here we give a mission and vision statement. This is to show the clients the beliefs of the company and what Social Content Plus wants it to do in terms of both short term and long term. We want to be transparent to build trust within the clients.
Features Used for Growth
Here, we have features that Social Content Plus uses to achieve a growth in audience. This section shows that the company will ensure that they are doing everything they can on their part to make sure that there is maximum engagement on postings as well as comments.
Here, we have features that Social Content Plus uses to achieve a growth in audience. This section shows that the company will ensure that they are doing everything they can on their part to make sure that there is maximum engagement on postings as well as comments.
Here, we have features that Social Content Plus uses to achieve a growth in audience. This section shows that the company will ensure that they are doing everything they can on their part to make sure that there is maximum engagement on postings as well as comments.
Social Content Plus over competitors
The next part is "Why Choose Social Content?" This section explains how seamless the process of using Social Content Plus is and they will work with the clients to ensure a smooth and affordable process. They will be there each step of the way, all the way to the top.
The next part is "Why Choose Social Content?" This section explains how seamless the process of using Social Content Plus is and they will work with the clients to ensure a smooth and affordable process. They will be there each step of the way, all the way to the top.
The next part is "Why Choose Social Content?" This section explains how seamless the process of using Social Content Plus is and they will work with the clients to ensure a smooth and affordable process. They will be there each step of the way, all the way to the top.
Pricing Page
Here we have the pricing page. The pricing plan that was chosen is a three level pricing package.
Basic Package for $400 a month
Advanced Package for $800 a month
Premium Package for $1200 a month
Each plan has different features that come with it. Features included with the plan is indicated with a green circle with a check and the ones not included in the plan are gray.
Here we have the pricing page. The pricing plan that was chosen is a three level pricing package.
Basic Package for $400 a month
Advanced Package for $800 a month
Premium Package for $1200 a month
Each plan has different features that come with it. Features included with the plan is indicated with a green circle with a check and the ones not included in the plan are gray.
Here we have the pricing page. The pricing plan that was chosen is a three level pricing package.
Basic Package for $400 a month
Advanced Package for $800 a month
Premium Package for $1200 a month
Each plan has different features that come with it. Features included with the plan is indicated with a green circle with a check and the ones not included in the plan are gray.
Phase 3: Takeaways and Reflections and Results
Phase 3: Takeaways, Reflections, and Results
Phase 3: Takeaways and Reflections and Results
Takeaways
It is inevitable that a part of a project is not going accordingly to plan. You as a designer need to take a step back and be able to recognize what the users need and wants are.
It is inevitable that a part of a project is not going accordingly to plan. You as a designer need to take a step back and be able to recognize what the users need and wants are.
It is inevitable that a part of a project is not going accordingly to plan. You as a designer need to take a step back and be able to recognize what the users need and wants are.
The pricing packages are an important feature of the website. We created many variations of the pricing package with different colors and text. This was to give to the client and receive feedback on it.
The pricing packages are an important feature of the website. We created many variations of the pricing package with different colors and text. This was to give to the client and receive feedback on it.
The pricing packages are an important feature of the website. We created many variations of the pricing package with different colors and text. This was to give to the client and receive feedback on it.
Branding is very important. It is important to stick to a brand and have everything look cohesive.
Branding is very important. It is important to stick to a brand and have everything look cohesive.
Branding is very important. It is important to stick to a brand and have everything look cohesive.
In the project, we were given a style guide. In this style guide, we were given text, color, and logo variations. We worked with generating a lot of icons and images throughout the project. One of the challenges we faced was to make sure that the images and icons were both consistent and related to the brand and the idea of trustworthiness.
In the project, we were given a style guide. In this style guide, we were given text, color, and logo variations. We worked with generating a lot of icons and images throughout the project. One of the challenges we faced was to make sure that the images and icons were both consistent and related to the brand and the idea of trustworthiness.
In the project, we were given a style guide. In this style guide, we were given text, color, and logo variations. We worked with generating a lot of icons and images throughout the project. One of the challenges we faced was to make sure that the images and icons were both consistent and related to the brand and the idea of trustworthiness.
Reflection
This project is something that is different from all my other projects. This project help me understand more of a business aspect of a website and not just the user experience. With our other projects, we focus on creating a pleasant experience for the user. But this time, we were a little more focused on the best way to increase user traffic for the business. This was a fun learning experience and is a great way to use my marketing background knowledge to help with the design of the website.
This project is something that is different from all my other projects. This project help me understand more of a business aspect of a website and not just the user experience. With our other projects, we focus on creating a pleasant experience for the user. But this time, we were a little more focused on the best way to increase user traffic for the business. This was a fun learning experience and is a great way to use my marketing background knowledge to help with the design of the website.
This project is something that is different from all my other projects. This project help me understand more of a business aspect of a website and not just the user experience. With our other projects, we focus on creating a pleasant experience for the user. But this time, we were a little more focused on the best way to increase user traffic for the business. This was a fun learning experience and is a great way to use my marketing background knowledge to help with the design of the website.
Social Content Plus Website
Social Content Plus
July 8 2024
July 8 2024
July 8 2024
Roles
User interface design
Information architecture
Brand Illustrations
Project Type
Marketing website and landing page
Marketing website and landing page
Marketing website and landing page