The first visual element visitors see. It's designed to grab attention and convey the website's purpose.
Example elements:

• Large, bold headline (e.g., "Transform Your Brand Today")

• Subheading or tagline

• High-quality background image/video or gradient

• Call-to-Action (CTA) button (e.g., "Get Started," "Learn More")

• Animated scroll-down indicator

The top menu provides easy site navigation.
Example elements:

• Logo placement

• Menu links (e.g., Home, About, Services, Contact)

• Hamburger menu (for mobile)

• CTA button (e.g., "Book a Consultation")

Introduces the brand, team, or individual.
Example elements:

• Profile photo or team collage

• Short bio or mission statement

• Personal values or brand ethos

• Social proof (e.g., "Trusted by 10k+ Customers")

• Social media links/icons

Highlights key offerings.
Example elements:

• Icons or illustrations representing services

• Bullet points or short descriptions

• Grid layout with cards (e.g., "Web Design," "SEO Optimization")

• Hover effects for interactivity

Showcases previous projects.
Example elements:

• Image gallery grid or carousel

• Project titles and brief descriptions

• Filters/categories (e.g., "All," "Branding," "UI/UX")

• Client logos or testimonials

Builds credibility with user feedback.
Example elements:

• Customer quotes with names/photos

• Star ratings

• Company logos of clients

• Video testimonials

Encourages conversions.
Example elements:

• Bold text (e.g., "Ready to Grow?")

• Secondary CTA button (e.g., "Join Free Trial")

• Contrasting background color to stand out

Displays recent articles or updates.
Example elements:

• Featured post with thumbnail

• Title and excerpt previews

• "Read More" buttons

• Categories/tags

Introduces key members.
Example elements:

• Team photos with names/roles

• Short bios or fun facts

• Social media links (LinkedIn, Twitter)

Lists packages or plans.
Example elements:

• Tiered pricing cards (Basic, Pro, Enterprise)

• Feature comparisons

• "Most Popular" badge

• Annual vs. monthly toggle

Answers common questions.
Example elements:

• Accordion dropdowns

• Search bar for FAQs

• Categorized questions (e.g., "Billing," "Technical")

Makes it easy to reach out.
Example elements:

• Contact form (Name, Email, Message)

• Phone number, email address, and physical address

• Embedded Google Map

• Social media icons

Closes the page with key links and info.
Example elements:

• Logo and tagline

• Quick links (Privacy Policy, Terms of Service)

• Newsletter signup field

• Copyright text

Add engagement with dynamic features:

• Quiz/Poll: "Find Your Perfect Plan in 30 Seconds!"

• Live Chat Widget: The floating icon is in the corner.

• Progress Bars: For goals (e.g., fundraising, course completion).

• Timeline: Company history or project milestones.

• Calculator Tool: e.g., "Mortgage Calculator" for finance sites.

• Split-Screen Layout: Text on one side, image/video on the other.

• Full-Screen Video Background: Looping motion clips.

• Parallax Scrolling: Layered animations as users scroll.

• Gradient Overlays: Soft color transitions over images.

• Client Onboarding Steps: "How It Works" with numbered icons.

• Real-Time Stats: e.g., "5,000+ Active Users Online Now."

• Countdown Timer: For launches or sales.

• Social Media Feed Embed: Instagram grid or Twitter updates.

• E-commerce:

  • Product filters (size, color, price).

  • "Recently Viewed" carousel.

  • Size charts or product comparison tables.

• Restaurants:

  • Interactive menu with dietary filters (vegan, gluten-free).

  • Reservation booking form.

• Nonprofits:

  • Donation progress bar.

  • Volunteer signup form.

• Achievement Badges: For user profiles (e.g., "Top Contributor").

• Reward Points Display: "Earn 100 points for sharing!"

• Interactive Maps: "Unlock" hidden content by scrolling.

• Mega Menu: Expands to show categories/subcategories.

• Sticky Sidebar: The menu is always visible on the left/right.

• Scroll-Activated Navigation: Menu changes as you scroll.

• Hover Animations: Buttons that "float" or icons that spin.

• Scroll-Triggered Effects: Fade-ins, sliding text, or image zooms.

• Click Feedback: Confetti bursts or checkmarks after submitting a form.

• 3D Elements: Rotating product mockups or abstract shapes.

• Glassmorphism: Frosted-glass effects with blur.

• Dark Mode Toggle: Let users switch themes.

• Voice Search Button: For hands-free navigation.

• Coming Soon Page: Teaser for upcoming projects.

• Maintenance Mode: Fun graphics with a "We’ll be back" message.

• Password-Protected Page: For exclusive content (e.g., members-only).

• Font Size Toggle: Let users adjust text size.

• High-Contrast Mode: For visually impaired users.

• Alt-Text Popups: Describe images on hover.

• Animated Presentations: Use Canva’s "Present & Record" for interactive prototypes.

• Embed Videos: Add YouTube/Vimeo links directly into designs.

• Collaboration: Share editable links for team feedback.

• Brand Kit: Save fonts/colors for consistency across sections.

• Loading animations: Spinners or progress bars.

• Hover effects: Color changes, shadows, or scaling.

• Breadcrumbs: Navigation trail (e.g., Home > Services > Web Design).

• 404 Error Page: Fun graphics and a "Return Home" button.

Canva-Specific Tips

1. Use templates (search "website header," "pricing table," etc.).

2. Add grids to align elements neatly.

3. Use stock photos from Canva’s library.

4. Experiment with fonts and color palettes (Tools > Brand Kit).

5. Export designs as PNG/PDF for developers or use Canva Websites.

✨Canva Website Templates Collection✨

Are you looking for a way to have a sales page without creating a domain website? Canva allows you to host your new Canva website for FREE or purchase a domain. Your Canva website is fully customizable.

Canva Website Template for Courses and Coaches – 21 Sections

Unlock Canva Sales Page

Course Sales Page Template – 15 sections in a ONE-PAGE format

Unlock Canva Sales Page

An effective sales page to sell a Book or an e-book – 15 sections in a 1-page format

Unlock Canva Sales Page

MINIMALISTIC CANVA Sales Page Template

Unlock Canva Sales Page

Boost your brand's online presence

Unlock Social WebPage

LINK IN BIO Style web Page

Unlock Canva Bio Page

🎨💸 Check out my 'How to Make Money Online with Canva' series for step-by-step guides and insider tips on how you can start earning today with simple, sellable designs!"🎨💸

🚀 MY FAVOURITE BUSINESS TOOLS 🚀

1. LeadCreator (Lead Creation Tools):https://earnwithdesign.com/leadcreator

2. VidIQ (YouTube SEO):https://vidiq.com/rachelyeong

3. System.io : https://earnwithdesign.com/systeme

4. Creative Fabrica (Templates):https://earnwithdesign.com/creativefabrica

5. Hostinger (Hosting):https://earnwithdesign.com/hostinger

6. Get Response (Email Marketing):https://earnwithdesign.com/getresponse

7. Capcut (Video Editing):https://earnwithdesign.com/capcut

8. Kittl (Online Design Tools):https://www.kittl.com/invite/rachelyeong

9. Appsumo (Business Software):http://appsumo.8odi.net/GmP57B

10. Tailwind (Pinterest Scheduler):http://tailwind.sjv.io/rQA3K5

11. Pinclicks (Pinterest Analytic):https://www.pinclicks.com/?ref=rachelyeong

12. Pin Generator (Bulk Pin & Schedule Pin) :https://pingenerator.com?pgref=rachelyeong

13. SEOWrittingAI (AI Blog) : https://seowriting.ai?fp_ref=yeong-paik-looi82

14. Pin Inspector https://paykstrt.com/29582/159248

15. Post Planner: https://www.postplanner.com/?via=paik-looi

16. App Sumo (One Time Paid Software) http://appsumo.8odi.net/GmP57B

    
    

💞 CONNECT WITH ME 💞

• Official website: https://earnwithdesign.com/

• Youtube: https://www.youtube.com/@RachelYeong

• Facebook: https://www.facebook.com/earnwithdesign

• Pinterest: https://www.pinterest.com/earnwithdesign/

• X: https://x.com/BizMindStudio