Dr. Shawn Seit

drshawnseit.ca·Personal authority site · Blog migration · pre-rendered pages for SEO/LLM crawlability
  1. SEOBuild

    Switched to pre-rendered pages for SEO + LLM crawlability

    • Reorganized into a shared app shell with separate client/server entry points
    • Centralized site routes with priority + per-page metadata
    • prerender: static HTML for every route, injects unique page title / meta / OG, generates sitemap.xml + robots.txt
    • SEO diagnostics flags extract H1–H4, paragraphs, internal links, word counts
    • All content (headings, copy, links, structured data) now readable without scripts — required for AI/LLM crawlers
    • New build pipeline: build:client → build:server → build:prerender
  2. MediaContent

    Editorial layout pass on event posts

    • LG Aesthetics (IMLG): 6 images distributed in pairs via gallery markers
    • IMCAS World Congress 2025: 4 images + 3 videos interleaved between sections
    • CBAM Congress — Toronto: new cbam-conference.webp thumbnail + Instagram reel embed (DJnAH3_uT0A)
  3. MediaDesign

    Editorial inline-media layout system

    • Built {{gallery:...}} and {{videos:...}} markers parsed via pattern parser in BlogPost renderer
    • 2-col grid for images (fixed aspect ratio) + videos (fixed aspect ratio, autoplay/muted/loop)
    • Removed standalone images/videos list for posts using markers — no more duplicate top/bottom rendering
    • Applied to XERF Launch (4 videos interleaved)
  1. MediaContent

    XERF Launch: 4 photos + 4 videos

    • Saved xerf-launch-1.jpg through xerf-launch-4.jpg (corrected misassignment from Bridle Path post)
    • Added 4 videos to xerf-canada-1.mp4 through xerf-canada-4.mp4
    • Set the XERF backdrop photo as the thumbnail
  2. FixDesign

    Blog detail UX polish

    • Single-image posts now render full-width 16:9 instead of cramped grid cell
    • Videos display 9:16 portrait in 3-col grid (no more landscape crop)
    • Authority Magazine post: added inline photo + matched as blog grid thumbnail
    • PACE Summit blog: new thumbnail + featured image
  3. Email

    Sent client update — IMCAS + Purasomes blogs live

    • To: Shawn, Innis, Tiffany, Vivi · From: Lee (lee@ventmere.com)
    • "Dear Shawn — Thank you. The blogs have been updated:"
    • → https://drshawnseit.ca/blog/imcas-world-congress-2026
    • → https://drshawnseit.ca/blog/purasomes-summit-catania-2026
    • Asked for more context on the Purasome event to ensure accurate content
    • Awaiting client reply before any further edits to the Purasomes post
  4. ContentMedia

    Purasomes Summit Catania blog post

    • New slug: purasomes-summit-catania-2026
    • Authored article on purified exosomes / growth factors + DermoAroma research in Sicily
    • 1 image + 9 videos integrated into responsive gallery + autoplay grid
    • Fixed template literal backtick syntax in data file
  5. FixContent

    Broken external images cleanup

    • External drshawnseit.ca image URLs returning 404 — removed defunct refs from CBAM 2025, PACE Athens, Xerf, IMCAS 2025, Exosome Seoul
    • Added optional thumbnail field — hero portrait now used as fallback for ~15 legacy posts
    • Thumbnail shows on blog hub + related posts only, hidden inside post body
  6. ContentMedia

    IMCAS World Congress 2026 blog post

    • New slug: imcas-world-congress-2026
    • Researched + authored coverage of Jan 29–31 Palais des Congrès
    • Sessions: regenerative medicine, next-gen injectables, LYV Sciences & YVOIRE Gala
    • Saved 6 images to blog image library, populated gallery
    • Added 4 autoplay/muted videos + new responsive video-grid renderer (responsive column grid)
  7. Design

    Global readability — no greys, 18px minimum

    • Redefined the brand colors to white/off-white brand color
    • Replaced body text / body text / body text / body text with body text or larger across every section
    • Updated Header, Footer, Hero, About, Credentials, Portrait, Video, SocialProof, Blog, BlogPost
  8. Fix

    scroll-reset behavior on route change

    • All pages now load from the top instead of mid-page on navigation
  9. Build

    Unified Header across all pages

    • Extracted Header section used on Home, Blog, BlogPost
    • absolute setting toggles between transparent overlay (Hero) and bordered standard (blog pages)
    • Consistent DR. SHAWN SEIT wordmark + Blog link + social icons
  10. FixContent

    Removed RealSelf per client request

    • Pulled RealSelf entry from SocialLinks textLinks list
    • Removed from header social bar, footer, and About section instances
    • Verified no orphan references remain in the site
    • Replied to Yuki confirming removal
  11. Email

    Client email — Yuki: remove RealSelf from site

    • From: Yuki Tso · Subject: Adjustment to Drshawnseit.ca
    • "Hi Lee, We are no longer using Realself. Could you please remove this from drshawnseit.ca? Many thanks, Yuki"
    • Action: pull RealSelf entry from SocialLinks (icons + textLinks list) on next pass
  12. FixBuild

    Blog grid thumbnails + XERF gallery

    • Fallback thumbnail logic — every blog card now has a visual
    • XERF Launch in Canada: 15-image gallery with responsive column grid + fixed aspect ratio
    • Extended BlogPost data shape with optional images?: string[]
    • Hover scale 1.05 transitions on all gallery items
  13. MediaBuild

    Instagram reel embeds

    • LG Aesthetics: Instagram post DLUIWC3zIOS
    • Zaffiro blog: reel C4eLRV9PTZt
    • Xcite Webinar: reel DJnAH3_uT0A
    • Optional Instagram embed renders centered above content
  14. MediaDesign

    Embedded media + global typography scale-up

    • CBAM Congress: embedded Vimeo (1065242565)
    • Increased paragraph fonts site-wide (body text → body text / md:body text)
    • Updated AboutSection, HeroSection, CredentialsSection + BlogPost renderer
  15. Content

    Authority Magazine interview blog

    • New slug: authority-on-wellness-and-aesthetic-medicine
    • Sourced from drshawnseit.ca/celebrating-dr-shawn-seit-...
    • Integrated full interview: pillars of health (sleep, fasting, peptide therapy), 18yr history
  1. Design

    Footer redesign

    • 3-col responsive grid: Brand / Navigation / Connect
    • Bordered social icon containers with hover effects
    • Bottom bar with copyright + Toronto · Markham · Yorkville
  2. FixDesign

    Mobile responsiveness pass

    • Fixed horizontal overflow on Index + SocialProof ticker (added clipped overflow + auto width)
    • Standardized padded gutters padding across all sections
    • Scaled hero typography down on mobile, hid vertical social bar + scroll indicator
    • Wrapped social links in wrapping layout to prevent clipping
  3. MediaDesign

    Home page Video Gallery — Dr. Seit On Screen

    • Embedded 3 YouTube interviews (X_cVO2ZjBdk, p8tvLrZrc6U, VCZpoO8h2M4)
    • First pass: simple 3-column video embeds
    • Polished into asymmetric luxury grid (1 featured + 2 stacked)
    • Thumbnail → embed toggle on click, duration badges, frosted glass play buttons
  4. Build

    Related Posts section on every blog page

    • Filters out current post, randomly picks 3 others
    • Responsive 3-col grid: thumbnail, date, 'Read More →' with hover effects
  5. BuildContentSEO

    Migrated all 14 blog posts from drshawnseit.ca

    • Created blogPosts: slug, title, date, excerpt, full content for all 14 posts
    • Built /blog listing page + /blog/:slug dynamic post page with rich text renderer
    • Registered routes in App, added Blog links in Hero nav + Footer
    • Coverage: IMCAS Paris, LG Aesthetics Seoul, PACE Athens, XERF Canada launch + medical keynotes
  6. MediaDesign

    Standalone portrait section

    • Added new dr-seit-hero.jpg portrait asset
    • First attempt: layered overlap on About section — rejected
    • Final: dedicated PortraitSection with solo 3:2 portrait between SocialProof and Credentials
    • Stylized quote: 'Confidence is the most beautiful thing you can wear.'
  7. MediaDesign

    Hero video background + Rejuuv Medi Spa link

    • Added RejuuvMed.mp4 as fullscreen autoplay/muted/loop hero background
    • Dark gradient overlay for text contrast
    • Replaced 'Book a Consultation' CTA with 'Visit Rejuuv Medi Spa' → rejuuvmedispa.com (opens in new tab)
  8. Build

    Social & professional profile bar

    • Added 7 links: LinkedIn, Instagram, Facebook, Beautifi, CBAM, RealSelf, RateMDs
    • Built reusable SocialLinks section (icons for socials, uppercase text links for medical platforms)
    • Vertical bar in hero (bottom-right), horizontal in footer
    • Distributed across hero nav + About section for visibility
  9. DesignContent

    Pivoted to portfolio mode — removed all CTAs

    • Stripped 'Book Consultation' / 'Discover More' / 'Book Now' buttons site-wide
    • Replaced with subtle 'Learn More ↓' text link — pure professional showcase
    • Updated flagship location to Markham
    • Cleaned footer of all consultation prompts
  10. DesignBuild

    Social proof carousel + global reach ticker

    • Added auto-play carousel library
    • Built SocialProofSection: 6-card recognitions carousel ('Top Cosmetic Physician', 'Trusted by Celebrities')
    • Infinite scrolling ticker with international client locations (Hollywood, Paris, Hong Kong)
    • Added a continuous horizontal-scroll animation
    • Slotted between AboutSection and CredentialsSection
  11. DesignContent

    Hero polish + brand intro copy

    • Rewrote hero subtitle: 'Aesthetic Physician · Toronto'
    • Refined hero copy: 2007 founding, Yorkville flagship on the Chanel/Versace strip
    • Stats row: Established 2007 · 3 Locations · Yorkville Flagship
    • About section: integrated mission statement on natural results + constant innovation
    • Italic 'Dr. Seit' treatment in H1 with split-screen portrait + gradient edge blend
  12. DesignBuild

    Initial site redesign — dark luxury foundation

    • Kicked off redesign of drshawnseit.ca with a dark editorial direction
    • Built design system: deep navy background brand color, warm gold accents brand color
    • Typography pairing: Playfair Display headings + Cormorant Garamond body
    • Integrated portrait assets (dr-seit-suit.jpg, dr-seit-lab.jpg)
    • Built Hero, About, Credentials and Footer with fade-up animations + icon set
    • Authored bio copy from doctor's intro: 18 years aesthetic medicine, U of T, international clientele