Maryland Reentry
Industry: Non-profit
Role in Project: Brand Identity &UX/UI Design
Time Constraints: 8 weeks
THE BRIEF
Vanessa Bright is a non-profit organization that provides online webinars to help people become non-profit organizations. They are looking for a one-pager website to sell their webinars, as well as a cohesive brand identity to be used on the site and social media platforms. The website must be able to receive payments from new customers.
Target Audience: The target audience for the Vanessa Bright website is individuals or groups interested in starting a non-profit organization. The audience may include people with no prior experience in the non-profit industry, students interested in social work, or professionals looking to make a difference.
Design Style: The design style for the Vanessa Bright website should be modern, clean, and professional. The color scheme should be based on jewel tones, with a love for purple. Touches of gold and tan should be incorporated to balance the design. The website should be designed to look approachable and welcoming to the audience.
Functional Requirements:
-
The website should have a one-pager design with a clear and easy-to-use navigation menu.
-
The website should offer a pre-launch special that is highlighted on the homepage.
-
The website should include a page that lists the classes offered and their descriptions.
-
The website should have the ability for users to review, select and enroll in the classes offered.
-
The website should include a contact page with a contact form and social media links.
Technical Requirements:
-
The website should be mobile responsive and optimized for all screen sizes.
-
The website should be built using a content management system (CMS) to allow for easy updates and maintenance.
-
The website should be optimized for search engines (SEO) to increase its visibility on the internet.
-
The website should have a secure payment gateway for users to enroll in the classes offered.
Brand Identity Requirements:
-
A logo that reflects Vanessa Bright's mission, values, and target audience.
-
A color palette that aligns with the logo and represents Vanessa Bright's values and personality.
-
A typography system that complements the logo and color palette and creates a consistent visual identity.
-
Brand guidelines outline the proper usage of the logo, color palette, typography, and other brand assets.
-
Brand assets such as social media graphics, email templates, and other marketing collateral that reflect the brand identity.
THE PERSONAS
1. What information do you want to see on a website that offers online webinars to become a non-profit organization?
Answer: Users want to see clear and concise information about the courses offered, including pricing, duration, and course content. They also want to see enrollment information, such as how to enroll, what the enrollment process is like, and flexible payment options.
2. What features are important to you when enrolling in online webinars to become a non-profit organization?
Answer: Users want an easy-to-use enrollment process, responsive customer support, and clear communication channels. They also want a secure payment gateway and flexible payment options.
3. What design and color preferences do you have when visiting websites?
Answer: Users prefer modern and professional design styles with clean layouts and simple navigation. They also prefer a color scheme based on jewel tones, with a love for purple, and touches of gold and tan to balance the design.
USER FLOW
Focus: Registering Members and Non-Registered Members on Vanessa Bright's Website
The user flow for Vanessa Bright's website focuses on registering members and non-registered members for online webinars to become non-profit organizations. The user flow is designed to be user-friendly and easy to navigate, with clear steps for users to follow.
Non-Registered Members:
-
Homepage: Non-registered members land on the homepage where they can see a clear call-to-action to register for the webinars.
-
Course Page: Once they click the register button, they are taken to a course page where they can see a list of courses offered and their descriptions.
-
Sign-Up Page: After choosing a course, they will be taken to a sign-up page where they can enter their personal information, such as name and email, and create an account.
-
Payment Page: The user is then directed to a payment page where they can select the payment method and complete the payment process.
-
Confirmation Page: Once the payment is completed, they will be directed to a confirmation page where they can view their registration details.
Registered Members:
-
Homepage: Registered members will land on the homepage where they can log in to their account.
-
Dashboard: After logging in, they will be taken to a dashboard where they can see the courses they have enrolled in and their progress.
-
Course Page: They can click on a course to view more information, such as the course content and duration.
-
Payment Page: If they choose to enroll in a new course, they will be directed to the payment page to complete the payment process.
-
Confirmation Page: Once the payment is completed, they will be directed to a confirmation page where they can view their registration details.
Conclusion:
The user flow for Vanessa Bright's website focuses on making the registration process easy for both registered and non-registered members. The flow is designed to be intuitive and user-friendly, with clear steps that guide users through the process. By providing clear course information, an easy-to-use sign-up process, and responsive customer support, the website aims to provide a positive user experience for all users.
The Wireframe
My design concept is centered around providing a platform for users to learn the industry and establish themselves through engaging webinars.
The wireframe design includes a clean and modern layout that focuses on user experience and ease of navigation. The homepage features a hero section that showcases the upcoming webinars and allows users to easily register for the events. The site also includes a section for past webinars, allowing users to view recordings and catch up on missed content.
I have included a section for testimonials and success stories from previous attendees, providing social proof and building trust with potential users. Additionally, I have integrated social media links and sharing options to encourage users to share the site and spread the word about my mission.
Overall, my wireframe design for the Vanessa Bright one-pager webinar site aims to provide a user-friendly platform for individuals to learn and grow in their industry.
What they have to say
"Highly recommend Third Anchor Design for their exceptional web design services. They were impressed with Third Anchor Design's professionalism, attention to detail, and ability to create a website that perfectly reflected their brand and vision. The use of jewel tones and a user-friendly layout made it easy for their users to navigate and enroll in their courses"
The Mood...
The mood board created for the Vanessa Bright design aims to inspire the brand design with a focus on online learning and growth. The imagery of students working online conveys a sense of modernity and technological advancement.
The use of colors like purple and gold adds a touch of sophistication and elegance to the design, while also symbolizing creativity and success. The typography chosen for the design is bold and modern, further emphasizing the brand's focus on progress and growth.
Overall, the mood board presents a cohesive visual direction for the Vanessa Bright brand, which is centered around providing a platform for individuals to learn and establish themselves in their industry.
THE STYLE GUIDE
Vanessa Bright's website style guide focuses on a clean and modern design that is easy to navigate and visually appealing. The color palette is comprised of jewel tones of purple, blue, and gold. The typography is clear and readable with the use of "original" font throughout.
The layout includes a simple navigation bar, a hero banner, clear content sections, and high-quality images. Buttons are prominent and easy to click with clear and concise text. The style guide creates a professional and cohesive design that enhances the user experience.
Color Palette:
The color palette used in the design of the Vanessa Bright sales page features jewel tone colors, which are rich and vibrant hues that mimic the colors of precious gemstones.
These jewel tones are combined with complementary colors such as warm gold to create a harmonious and balanced color scheme.
The use of jewel tones in the design of the sales page can be seen as a deliberate choice to evoke a sense of elegance and importance and to capture the attention of the user. These rich and intense colors can convey a sense of depth and complexity, which can help to reinforce the idea that Vanessa Bright is a worthy cause that is worth investing in.
Typography:
The font used in the design of the sales page for Vanessa Bright is a serif font called "Original". It has a balanced and elegant appearance with moderate contrast between thick and thin strokes. The font's letterforms are slightly condensed, making it a good choice for body text, as it allows more words to fit on a page without sacrificing readability.
"Original" is a good choice because it conveys a sense of tradition and stability, which can be important for a non-profit organization seeking to establish trust with supporters. The font's legibility and balanced proportions make it easy to read and visually appealing, which can help to hold the reader's attention and convey the importance of the organization's message.
Aa
MONTSERRAT
Aa
Garamond
Disclaimer:
Disclaimer: Please note that once projects are completed, clients have the ability to adjust, modify, and refresh the original designs conducted by Third Anchor Design Studio. While we strive to provide our clients with designs that meet their expectations, we understand that changes may need to be made after the project is completed. Therefore, if you notice any differences between the original design and the live link, please refer to this disclaimer and understand that the client has made modifications to the original design. Thank you for your understanding.