Please enable JavaScript.
Coggle requires JavaScript to display documents.
Lingoflow - Coggle Diagram
Lingoflow
Sitemap and Content Structure
Home Page
Introduction to Lingoflow and its key features
Lessons Page
Popups for more information about lessons
Languages Page
List of available languages
Search Page
Functional list and panel search
Events Page
Information on language learning events
Reviews Page
User feedback and testimonials
Subscription Page
Subscription options and benefits
Contact Page
Formspree email form for inquiries
Mobile Design Patterns
Buttons
Form Submission
Navigation
Call to Action
Popups
Panels
List Views
Search Bar
Filters
Email Form
Text Fields
Submit Button
Card Layout
Heading
Description
Image
Color Scheme and Branding
Primary Colors
Main: #67d48b
Secondary Colors
Footer: #74dd97 Text: #2b8a51, #3d6c43
Accent / Highlight Colors
Buttons: #3da16594 Hover: #2f9d58b4
Background and Text Colors
White text on green backgrounds for contrast
Color Psychology
Growth
Learning
Clarity
Icons and Visual Elements
Icon Style
Navigation
Back
Menu
Simple and clean icons
Usage
Guide users through navigation
Illustrations and Images
All include id and alt descriptions
Stock images to represent sections such as lessons and categories
Search Engine Optimization
Alt Tags for Images
All images include descriptive alt text to improve SEO
Heading Tags
<h1> with keywords such as “tutors” and “fluency”
<h2> for subheadings
Keywords and Content Strategy
Language learning terms for visibility
Brand Story and Identity
Name Meaning
Combines lingo (language) and flow (smooth learning journey)
Tone of Voice
Educational
Supportive
Friendly
Tagline
From Language to Fluency
Content Organization
Defined HTML sections
Main
Footer
Header
Clear Call to Action to guide user actions
Clear Navigation
Website Purpose and Goals
Target Audience
Students and tutors seeking language lessons
Main Objectives
Offer lessons in grammar, vocabulary, pronunciation and conversation
Typography
Heading Font
Merriweather
Body Text Font
Heebo