Skip to content

lynchip/graduates

BranchesTags

Repository files navigation

Michael | Inglês Executivo - Website

Professional website for marketing English classes to Brazilian professionals.

🌟 Overview

This is a bilingual (Portuguese/English) website designed to attract Brazilian professionals who want to learn English. The site emphasizes Michael's unique background: 26 years living in Brazil, deep understanding of Brazilian business culture, and extensive international experience.

📄 Project Structure

.
├── index.html              # Main landing page
├── contact.html            # Dedicated contact page with full form
├── css/
│   └── style.css          # All styling
├── js/
│   └── main.js            # Interactive functionality
└── README.md              # This file

✅ Currently Implemented Features

Main Page (index.html)

  1. ✅ Hero Section - Powerful value proposition with call-to-action
  2. ✅ About Section - Teacher background and credentials
  3. ✅ Services Section - 4 specialized offerings:
    • Corporate English
    • English for IT & Tech
    • Advanced Conversation
    • Exam Preparation
  4. ✅ Methodology Section - 4-step teaching approach
  5. ✅ Why Choose Section - 6 unique differentiators
  6. ✅ Testimonials Section - 4 Brazilian professional reviews (placeholder)
  7. ✅ Pricing Section - Clear pricing (R$65/class + free consultation)
  8. ✅ Simplified Contact Section - Two options:
    • WhatsApp button
    • Link to contact page

Contact Page (contact.html)

  1. ✅ Contact Hero - Page introduction with breadcrumb
  2. ✅ Contact Information - WhatsApp, location, hours
  3. ✅ Full Contact Form with fields:
    • Name, Email, Phone
    • Profession, English Level
    • Area of Interest
    • Message, Availability preference
  4. ✅ Form Validation - Required fields and email validation
  5. ✅ WhatsApp Integration - Form submissions open WhatsApp with pre-filled message
  6. ✅ FAQ Section - Common questions answered

Design & Features

  • ✅ Fully responsive (mobile, tablet, desktop)
  • ✅ Professional blue/green color scheme
  • ✅ Floating WhatsApp button (always visible)
  • ✅ Smooth scroll navigation
  • ✅ Mobile hamburger menu
  • ✅ Phone number auto-formatting (Brazilian format)
  • ✅ Form data backup (localStorage)
  • ✅ Scroll animations
  • ✅ Modern, clean design

Technical Features

  • ✅ Vanilla JavaScript (no dependencies)
  • ✅ CSS Grid & Flexbox layouts
  • ✅ Font Awesome icons
  • ✅ Google Fonts (Inter)
  • ✅ SEO-friendly HTML structure
  • ✅ Accessible design (ARIA labels)

🚀 Functional Entry Points

Main Pages

  • /index.html - Landing page (home)
  • /contact.html - Contact form page

Navigation Sections (index.html)

  • #home - Hero section
  • #about - About the teacher
  • #services - Services offered
  • #why-choose - Why choose section
  • #testimonials - Student testimonials
  • #pricing - Pricing information
  • #contact - Simplified contact section (links to contact.html)

Contact Methods

  • WhatsApp: Multiple buttons linking to https://wa.me/5511996005326
  • Contact Form: /contact.html - Redirects to WhatsApp with structured message
  • Floating Button: Fixed WhatsApp button on all pages

📋 Content That Needs Updating

Before Launch - Replace Placeholder Content:

  1. Testimonials (4 placeholders in index.html):

    • Rodrigo Almeida - Commercial Manager
    • Juliana Santos - Software Developer
    • Fernando Oliveira - Financial Analyst
    • Carla Mendes - Project Manager

    Replace with real student testimonials

  2. Optional Enhancements:

    • Add professional photo (optional)
    • Customize any text to match personal style
    • Add more specific examples or case studies

🎯 Target Audience

Brazilian Professionals:

  • Corporate executives and managers
  • IT/Tech professionals (developers, engineers)
  • General professionals wanting career advancement
  • Minimum level: Intermediate (preferably)

Key Selling Points:

  • 26 years living in Brazil
  • Deep understanding of Brazilian business culture
  • Business & IT background
  • International experience (UK, US, Australia, Africa, Asia)
  • Flexible one-on-one classes
  • Affordable pricing (R$65/class)

💼 Business Information

Teacher: Michael | Inglês Executivo
Location: São Paulo, Brazil
Experience: 8+ years teaching, 26 years in Brazil
Certifications: TEFL Certificate
Languages: English (native), Portuguese (fluent)

Services:

  • One-on-one online classes
  • 50 minutes per class
  • Flexible scheduling
  • Various methodologies (conversational, business, exam-focused)

Pricing:

  • R$65 per class
  • Free consultation (first meeting)
  • No long-term contracts

Contact:

  • WhatsApp: +55 11 99600-5326
  • Via contact form on website

🛠️ Technical Details

Technologies Used

  • HTML5 - Semantic structure
  • CSS3 - Modern styling (Grid, Flexbox, animations)
  • JavaScript ES6 - Interactive functionality
  • Font Awesome 6.4.0 - Icons
  • Google Fonts - Inter font family

Browser Compatibility

  • Chrome (latest)
  • Firefox (latest)
  • Safari (latest)
  • Edge (latest)
  • Mobile browsers (iOS Safari, Chrome Mobile)

Performance Features

  • Minimal external dependencies
  • CDN-hosted libraries
  • Optimized CSS
  • Efficient JavaScript
  • Fast loading times

📱 Mobile Optimization

The website is fully responsive with specific optimizations for:

  • Mobile phones (< 480px)
  • Tablets (481px - 768px)
  • Laptops (769px - 992px)
  • Desktops (> 992px)

Features:

  • Hamburger menu on mobile
  • Touch-friendly buttons
  • Readable text sizes
  • Stacked layouts on small screens
  • Floating WhatsApp button always accessible

🔄 Recommended Next Steps

Phase 1 - Launch Preparation

  1. ✅ Replace placeholder testimonials with real ones
  2. ✅ Review all content for accuracy
  3. ✅ Test all links and forms
  4. ✅ Test on multiple devices
  5. ✅ Deploy to production

Phase 2 - Marketing Enhancement

  1. 📸 Add professional photo/video introduction
  2. 📊 Add Google Analytics tracking
  3. 🎥 Create short video testimonials
  4. 📝 Add blog section for SEO
  5. 💬 Integrate live chat widget (optional)

Phase 3 - Advanced Features

  1. 🗓️ Online booking system integration
  2. 💳 Payment gateway integration
  3. 📧 Email marketing integration
  4. 🎓 Student portal/dashboard
  5. 📱 Progressive Web App (PWA) features

Phase 4 - Marketing Channels

  1. LinkedIn profile optimization
  2. Google My Business listing
  3. Facebook/Instagram business pages
  4. Online teaching platform profiles
  5. Professional networking groups
  6. Email signature with website link

🎨 Design Philosophy

Visual Identity:

  • Primary Color: Blue (#1e56a0) - Trust, professionalism
  • Secondary Color: Green (#28a745) - Growth, success
  • Accent Color: Orange (#f39c12) - Energy, attention
  • Typography: Inter - Modern, professional, readable

User Experience:

  • Clear call-to-actions throughout
  • Multiple contact options
  • Low-friction conversion (free consultation)
  • Trust signals (years of experience, testimonials)
  • Mobile-first approach

Conversion Strategy:

  • Social proof (testimonials)
  • Authority (credentials, experience)
  • Scarcity (implied limited availability)
  • Reciprocity (free consultation)
  • Clear pricing (transparency)

📞 Contact Integration

WhatsApp Features:

  1. Floating Button - Always visible on all pages
  2. Hero Section - Primary CTA
  3. Contact Section - Direct link
  4. Contact Page - Multiple touchpoints
  5. Form Submission - Opens WhatsApp with structured message

Form Data Flow:

  1. User fills contact form
  2. Client-side validation
  3. Data saved to localStorage (backup)
  4. Success message displayed
  5. WhatsApp opens with pre-formatted message
  6. Form resets after submission

Message Format:

*Nova Solicitação de Consulta*

*Nome:* [Name]
*Email:* [Email]
*Telefone:* [Phone]
*Profissão:* [Profession]
*Nível de Inglês:* [Level]
*Interesse:* [Interest]
*Preferência de Horário:* [Availability]

*Mensagem:*
[Message]

_Enviado em: [Timestamp]_

🔐 Data Privacy

  • No data is sent to external servers
  • Form submissions saved locally (localStorage)
  • WhatsApp integration uses user's own app
  • No cookies or tracking (unless analytics added)
  • HTTPS recommended for production

📈 SEO Optimization

Implemented:

  • Semantic HTML structure
  • Meta descriptions
  • Descriptive page titles
  • Alt text ready (for images)
  • Mobile-friendly design
  • Fast loading times
  • Clean URLs

To Add:

  • Structured data (Schema.org)
  • Sitemap.xml
  • Robots.txt
  • Open Graph tags
  • Twitter Card tags

🐛 Known Limitations

  1. No Backend - Static site, no server-side processing
  2. No Database - Form data stored in localStorage only
  3. No Email - All contact via WhatsApp
  4. No Calendar - No booking system integrated
  5. Placeholder Images - No actual photos used

📝 Change Log

Version 1.0 (Initial Release)

  • ✅ Complete website structure
  • ✅ Separated contact form into dedicated page
  • ✅ Responsive design
  • ✅ WhatsApp integration
  • ✅ Form validation
  • ✅ Professional design

🎓 Usage Instructions

For Michael:

  1. Review Content - Check all text for accuracy
  2. Update Testimonials - Replace with real student feedback
  3. Test Forms - Submit test form to verify WhatsApp integration
  4. Mobile Test - Check on your phone
  5. Deploy - Use Publish tab when ready

For Students/Visitors:

  1. Browse services and pricing
  2. Read testimonials
  3. Click "Contato" or contact buttons
  4. Fill out form OR click WhatsApp button
  5. Connect directly via WhatsApp

🚀 Deployment

To make this website live:

  1. Go to the Publish tab in the development environment
  2. Click Deploy/Publish
  3. Get your live URL
  4. Share the link on:
    • LinkedIn profile
    • WhatsApp status
    • Email signature
    • Professional networks
    • Social media

📞 Support

For questions or modifications, contact through the development platform.

Website Owner: Michael | Inglês Executivo
WhatsApp: +55 11 99600-5326
Location: São Paulo, Brazil

📄 License

© 2026 Michael | Inglês Executivo. All rights reserved.

Last Updated: February 2026
Status: ✅ Production Ready
Version: 1.0

About

Classes

Resources

Readme
Activity

Stars

0 stars

Watchers

1 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

No packages published

Languages