[{"content":" Web Developer \u0026amp; Digital Marketing Specialist — blending 6+ years of digital marketing leadership with hands-on web development. Locally proven in Ottawa with measurable business impact. Profile # Name Yizhuang (Leon) Lin Location Ottawa, ON, Canada E-mail cestduleon@gmail.com LinkedIn linkedin.com/in/yizhuang-lin-299253278 GitHub github.com/YizhuangLin Website cestduleon.dev Positioning — A web developer with quantifiable commercial results in the Canadian market, backed by six years of hands-on digital marketing leadership. Highlights # Drove a 150% business growth for Ottawa Radon Expert through a full-funnel SEO + web overhaul Scaled organic traffic 5× (20/week → 100+/week, peaking at 200+/day) across 3 WordPress sites 6+ years leading digital marketing in Shanghai (Senior Digital Marketing Manager @ Target Social) Dean\u0026rsquo;s Honour List · Algonquin College Web Development Diploma (GPA 3.8/4.0) Skills # Core Strength SEO \u0026amp; Search Strategy — Local SEO, technical audits, content strategy, measurable organic growth Digital Marketing — Full-funnel campaigns, analytics, paid/organic channel mix, client-facing strategy Web Development CMS \u0026amp; WordPress: WordPress custom themes/plugins, Hugo, Markdown, headless workflows Front-end: HTML, CSS, JavaScript, React, TypeScript, Tailwind, Bootstrap Back-end: ASP.NET Core (MVC / Razor / Blazor · C#), PHP, Python, Node.js (basics) Database: MySQL, MongoDB, relational schema design Tooling \u0026 Ops DevOps: Git/GitHub, Linux (Debian/Ubuntu), Docker, Bash, SSL, auth workflows Design: Figma, Illustrator, Photoshop PM \u0026amp; Collaboration: Notion, Jira, Slack, Lark · creative briefs, technical docs, scheduling Languages: English (professional) · Mandarin (native) Portfolio # View Portfolio → Experience # Marketing \u0026amp; Web Developer — Ottawa Radon Expert # Ottawa, ON 🇨🇦 · Contract · 2024.10 – Present\nRebuilt the main site and launched 2 new vertical sites (HRV / HVAC) on WordPress Executed local SEO strategy: organic traffic 20/week → 100+/week, peaking 200+/day 150% business growth attributed to the combined web + SEO overhaul Customer Service Staff — Aramark Canada # Kanata, ON 🇨🇦 · Contract Full-time · 2024.11 – 2025.11\nFront-line customer operations during the Web Development diploma period Volunteer Web Developer — 872 RCACS # Ottawa, ON 🇨🇦 · Volunteer · 2023.07 – 2024.03\nRedesigned the squadron website on WordPress; delivered mobile-first, accessible UX Senior Digital Marketing Manager — Target Social (仟传网络) # Shanghai 🇨🇳 · Full-time · 2020.11 – 2022.11\nLed digital strategy for enterprise clients across paid and organic channels Managed cross-functional campaign teams; owned client relationships end-to-end Digital Marketing Manager — Kin-king Advertising # Shanghai 🇨🇳 · Full-time · 2016.11 – 2020.11\n4 years of campaign delivery, client service, and account growth in a Shanghai agency Education # Algonquin College # Web Development \u0026amp; Internet Applications Diploma · Ottawa, Canada 🇨🇦 · 2023 – 2024\nDean\u0026rsquo;s Honour List · GPA 3.8 / 4.0 Shanghai Lida University # B.A. Exhibition Planning \u0026amp; Management · Shanghai, China 🇨🇳 · 2013 – 2017\nLife Map # Marketing \u0026amp; Web Developer Ottawa, Canada 💼 Ottawa Radon Expert 2024.10 – Present · 150% business growth · 5× organic traffic · 3 WordPress sites Customer Service Staff Kanata, Canada 💼 Aramark Canada 2024.11 – 2025.11 Volunteer Web Developer Ottawa, Canada 🤝 872 RCACS 2023.07 – 2024.03 · WordPress redesign Web Development \u0026amp; Internet Applications Ottawa, Canada 🏫 Algonquin College 2023.01 – 2024.08 · Dean's Honour List · GPA 3.8 / 4.0 Senior Digital Marketing Manager Shanghai, China 💼 Target Social (仟传网络) 2020.11 – 2022.11 Digital Marketing Manager Shanghai, China 💼 Kin-king Advertising 2016.11 – 2020.11 · 4 years of agency-side digital marketing B.A. Exhibition Planning \u0026amp; Management Shanghai, China 🏫 Shanghai Lida University 2013.09 – 2017.07 Selected Projects # Ottawa Radon Expert — Main site + HRV/HVAC verticals · SEO-led redesign · 150% business growth 872 RCACS — Squadron website redesign on WordPress (volunteer, 2023–2024) Roomify — Personal full-stack exploration (2025) Tateyama Kendo / Pitch Jams — Community and event websites Who am I? # Web developer grounded in six years of real-world marketing — I ship pages that convert, not just render Obsessed with readability, low coupling, and measurable outcomes React · TypeScript · WordPress · SEO enthusiast Kendo 1 Dan — still in love with it ","date":"18 April 2026","externalUrl":null,"permalink":"/resume/","section":"Resume","summary":"Web Developer \u0026 Digital Marketing Specialist — SEO · WordPress · Growth — Ottawa","title":"Resume","type":"resume"},{"content":"","date":"18 April 2026","externalUrl":null,"permalink":"/tags/resume/","section":"Tags","summary":"","title":"Resume","type":"tags"},{"content":"","date":"18 April 2026","externalUrl":null,"permalink":"/tags/","section":"Tags","summary":"","title":"Tags","type":"tags"},{"content":"","date":"17 April 2026","externalUrl":null,"permalink":"/tags/ai/","section":"Tags","summary":"","title":"AI","type":"tags"},{"content":"","date":"17 April 2026","externalUrl":null,"permalink":"/tags/design/","section":"Tags","summary":"","title":"Design","type":"tags"},{"content":"","date":"17 April 2026","externalUrl":null,"permalink":"/tags/frontend/","section":"Tags","summary":"","title":"Frontend","type":"tags"},{"content":" Landing page GitHub Why this exists # I was job-searching and the AI tools I tried all did the same thing: they generated resume bullets. None of them treated the search as a pipeline — intake, ATS review, company research, per-JD customisation, referral, submission, follow-up, interview prep, negotiation. So I built one for myself, then shipped it as a Claude Cowork skill anyone can install.\nSix weeks, five releases, one MIT license: github.com/YizhuangLin/job-application.\nThree design calls that made it usable # Most job-search tools fail because they demand setup the user can\u0026rsquo;t afford. These are the three calls where I refused the default and the skill got better every time.\n1. Lazy SSOT — don\u0026rsquo;t make the user build infrastructure first # Early versions had a \u0026ldquo;Phase 1: build your candidate profile\u0026rdquo; gate. Every downstream phase assumed that profile existed. Real users with an interview tomorrow at 5pm did not want to fill in a 12-field template first.\nFix (v0.4.0): the master profile doc is created only on the first Tier 1 commit — the first time the user confirms a hard fact (employer, date, metric). Phases 2 / 3 / 5 / 10 / 11 run without it and back-fill inline. The SSOT shows up when it\u0026rsquo;s useful, not as a toll booth.\n2. Three strictness tiers — match the user, not the \u0026ldquo;ideal\u0026rdquo; # The full 11-phase flow is right for someone running a 10+ hour/week active search. It is wrong for someone with 2 hours a week, and it is wrong for someone with a 3-week runway.\nFix (v0.6.0): Phase 0 asks three questions — time, clarity, urgency — and assigns a tier. Light skips SSOT, dossiers, and most cover letters. Standard is the documented flow. Deep adds proactive research and dossier-per-match for career pivots. The user can switch tiers between phases.\nThe principle: structural overhead scales to capacity. A light-tier application to a well-chosen role outperforms a deep-tier application to a bad one. Tier is not a quality gate.\n3. Markdown-first tracker — default to the thing that works everywhere # Earlier versions said \u0026ldquo;Notion / Sheets / Airtable work equally well.\u0026rdquo; Claude read that as \u0026ldquo;ask the user which one\u0026rdquo; and the first action in Phase 8 was always a 0→1 onboarding to a third-party connector.\nFix (v0.5.0): the default tracker is applications.md in the workspace, edited in place. Notion and Google Sheets are now opt-in adapters, not equal choices. Zero accounts, zero external dependencies, good for ~100 applications. The user who wants Notion can still have Notion — but nobody is forced to sign up to track job apps.\nEmotional layer (the part other tools pretend isn\u0026rsquo;t there) # Separate reference file: coping.md. Four situations job-search tools almost always ignore:\n24-hour rejection protocol — what to do after a High-Match rejection Burnout signals — ≥ 15 applications in 7 days + no replies triggers a diagnostic, not a push to apply more Pre-interview stabilization — 30-minute nervous-system protocol when the interview is ≤ 48h away Offer-fear reality data — offer withdrawal after acceptance is \u0026lt; 5%, despite what anxiety says Hooked into Phases 8 / 9 / 10 / 11 so it surfaces when relevant, not as a \u0026ldquo;wellness module off to the side.\u0026rdquo;\nEngineering decisions that keep it cheap to run # Reference Loading Map — SKILL.md is a router (227 lines, down from 482 in v0.3). Each phase declares which of the 13 reference files it needs. Claude loads only the relevant ones. Token budget per conversation stays predictable. evals/ directory — five prompt-level regression scenarios guard against specific failure modes (Phase 2 routing when a resume exists, Phase 10 without prior SSOT, keyword placement without density stuffing, Phase 8 defaulting to markdown not Notion, Phase 0 routing casual users to light tier). No fabrication hard rule — the skill never adds skills the candidate doesn\u0026rsquo;t have. Gaps are noted in cover letters, never invented into the resume. SemVer + Keep a Changelog — every release has a dated entry, a \u0026ldquo;why\u0026rdquo; line, and migration notes. Five versions from v0.2.0 to v0.6.0 are all documented. The landing page — cestduleon.dev/job-application/ # A one-page site I wrote from scratch in a single HTML file. No framework, no build step, no CMS.\nDesign system # Paper (#F7F4EC) — primary background. Warm off-white that reads as a document, not a dashboard.\nMoss deep (#6B8456) — accent. Used sparingly for primary CTAs, pill outlines, and copy-confirm badges. The hue is a deliberate move away from SaaS-blue.\nCream (#E6D4B0) — soft emphasis for kickers and version pills.\nTypography # Noto Serif (display) — for H1 / H2. The serif signals this is an editorial landing, not a product landing Inter (body) — for lead copy and UI JetBrains Mono (trigger phrases) — because \u0026ldquo;say one of these in a Cowork chat\u0026rdquo; is a command-line gesture, not a marketing button What the page does beyond the obvious # Click-to-copy trigger phrases. The CTAs are not \u0026ldquo;Sign up\u0026rdquo; — they\u0026rsquo;re the actual words you say in Claude Cowork to launch the skill. Click a trigger, the phrase is on your clipboard, paste into Cowork, go. Tabbed install block. Two paths (download .skill bundle vs clone from GitHub) switchable without page reload. A 3-line JS handler, no React. prefers-reduced-motion respected. Three animated background blobs freeze; scroll-reveals become instant. Skip-to-content link + sr-only live region for clipboard feedback. Keyboard and screen-reader users get full parity. Total weight: ~28 KB of HTML + CSS + inline JS before fonts. Fonts load async from Google Fonts. Release cadence # Version Date What changed v0.3.0 Mar 2026 9 → 11 phases; added referral / interview-prep / salary-negotiation references v0.4.0 Apr 2026 Architecture refactor — SKILL.md 482 → 227 lines, Reference Loading Map, evals/, three-tier document sync v0.5.0 Apr 17 Tracker default → flat markdown; Notion / Sheets demoted to opt-in adapters v0.6.0 Apr 17 Phase 0 reality check + three strictness tiers; coping.md; Lazy SSOT propagated to every phase Every version shipped because a real usage scenario broke. I fixed the scenario, added a regression eval, tagged the release.\nStack # Skill — Markdown + YAML frontmatter, reference lazy-loading, Claude Cowork runtime, Python helpers for .docx / PDF Landing page — single HTML file, vanilla CSS (custom properties, glassmorphism), vanilla JS (IntersectionObserver, Clipboard API, GSAP for background motion only), Google Fonts Distribution — GitHub Releases (.skill bundle), MIT license, SemVer tags, Keep-a-Changelog What I\u0026rsquo;d tell a hiring manager reading this # I ship. I iterate on evidence — every version above responded to a specific user scenario that broke. I design for the user\u0026rsquo;s actual capacity, not the product team\u0026rsquo;s ideal user. I know when to use a framework and when not to (landing page: no framework). And I understand that the interface for an AI product is often language, not buttons — hence the click-to-copy trigger phrases, not a signup form.\n","date":"17 April 2026","externalUrl":null,"permalink":"/portfolio/jobapplication/","section":"Portfolio","summary":"An open-source Claude skill covering the full job-application cycle, with a handcrafted landing page. Shipped as MIT, five versions in six weeks, responding to real usage instead of a roadmap.","title":"job-application — a Claude Cowork skill + its landing page","type":"portfolio"},{"content":"","date":"17 April 2026","externalUrl":null,"permalink":"/tags/open-source/","section":"Tags","summary":"","title":"Open Source","type":"tags"},{"content":"","date":"17 April 2026","externalUrl":null,"permalink":"/tags/product/","section":"Tags","summary":"","title":"Product","type":"tags"},{"content":" LIVE 🚀 Project Overview # A final-semester team project at Algonquin College to rebuild the website of 872 Kiwanis-Kanata Royal Canadian Air Cadet Squadron. The existing site was outdated and hard to navigate; our mandate was a modern, accessible WordPress rebuild that reflected the program.\nDesign system # Colour scheme # Navy Blue (#3C4193), primary. Professionalism and trust; used for the logo and key information.\nSky Blue (#67B6DD), secondary. Interactive elements such as buttons — clarity and openness.\nDark Navy (#0F172A), text and background accents for contrast and readability.\nTypography # Noto Sans — primary, chosen for clean readability across screen sizes and devices. Roboto — headers, crisp modern look to reinforce visual hierarchy. Role \u0026amp; stack # Role: UI/UX design, WordPress theme customization, information architecture Stack: WordPress, custom theme, accessibility-first components Outcomes # Information architecture restructured around user tasks, replacing the legacy layout Accessibility features implemented so the site is usable by all visitors Page load times significantly improved over the legacy site Client review: the 872 RCACS representatives approved the first prototype without major revisions ","date":"3 August 2024","externalUrl":null,"permalink":"/portfolio/872-rcacs/","section":"Portfolio","summary":"From Classroom to Cloud: Crafting a Digital Home for 872 RCACS","title":"Soaring High: Redesigning 872 RCACS Website","type":"portfolio"},{"content":"","date":"3 August 2024","externalUrl":null,"permalink":"/tags/ui/ux/","section":"Tags","summary":"","title":"UI/UX","type":"tags"},{"content":"","date":"3 August 2024","externalUrl":null,"permalink":"/tags/wordpress/","section":"Tags","summary":"","title":"WordPress","type":"tags"},{"content":" LIVE CODE ","date":"3 January 2024","externalUrl":null,"permalink":"/portfolio/bookmark_landingpage/","section":"Portfolio","summary":"This is a landing page with a extensions called bookmark. Page implementation with Tailwind","title":"BOOKMARK, the landing page of an extension","type":"portfolio"},{"content":"","date":"3 January 2024","externalUrl":null,"permalink":"/tags/css/","section":"Tags","summary":"","title":"CSS","type":"tags"},{"content":"","date":"3 January 2024","externalUrl":null,"permalink":"/tags/html/","section":"Tags","summary":"","title":"HTML","type":"tags"},{"content":"","date":"3 January 2024","externalUrl":null,"permalink":"/tags/javascript/","section":"Tags","summary":"","title":"JavaScript","type":"tags"},{"content":"","date":"3 January 2024","externalUrl":null,"permalink":"/tags/tailwind/","section":"Tags","summary":"","title":"Tailwind","type":"tags"},{"content":"","date":"23 August 2023","externalUrl":null,"permalink":"/tags/english/","section":"Tags","summary":"","title":"English","type":"tags"},{"content":"Hugo\n","date":"23 August 2023","externalUrl":null,"permalink":"/posts/firstpost/","section":"Posts","summary":"Bonjour","title":"Hello, World","type":"posts"},{"content":"","date":"23 August 2023","externalUrl":null,"permalink":"/posts/","section":"Posts","summary":"","title":"Posts","type":"posts"},{"content":" Selected work from the intersection of digital marketing and web development. Business outcomes first, design and code in service of them. Case studies span WordPress builds with measurable SEO impact, hackathon prototypes, UI/UX systems, and brand identity pieces.\n","date":"15 August 2023","externalUrl":null,"permalink":"/portfolio/","section":"Portfolio","summary":" Selected work from the intersection of digital marketing and web development. Business outcomes first, design and code in service of them. Case studies span WordPress builds with measurable SEO impact, hackathon prototypes, UI/UX systems, and brand identity pieces.\n","title":"Portfolio","type":"portfolio"},{"content":"","date":"11 August 2023","externalUrl":null,"permalink":"/tags/figma/","section":"Tags","summary":"","title":"Figma","type":"tags"},{"content":" Summary # Foodie is a takeaway app with a more dynamic design. Not only does it have a wide variety of food choices like other takeaway sites, but more importantly, it gives you suggestions on what you want to eat from the wide selection.\nAnd here\u0026rsquo;s what we\u0026rsquo;re trying to accomplish: Foodie makes your food ordering process enjoyable. Don\u0026rsquo;t know what to eat? Come and get a hint from our community-curated recommendations and food matches!\nPreview interface # Click anywhere in the preview window to interact with it. Click \u0026lt; \u0026gt; at the bottom to see all pages, Click the top right corner button to see it full screen. Design system # Colour scheme # Mustard Yellow( #F2BE22), our primary color. This attracts attention, especially to our logo and key information.\nDeep Green(#22A699), used as Secondary color. It\u0026rsquo;s used for regular buttons, suggesting nature and tranquility.\nTo maintain clarity, the background is pure white.\nTypography # Noto Sans is the primary choice for many designers due to its lively and contemporary feel, making content approachable \u0026quot; \u0026lsquo;Roboto\u0026rsquo; for headers, this font brings a modern touch, ensuring that titles stand out with a relaxed yet fitting elegance.\u0026quot; Button / Card # Click anywhere in the preview window to interact with it. Click \u0026lt; \u0026gt; at the bottom to see all pages, Click the top right corner button to see it full screen. Using rounded edges on buttons and cards, along with matching color themes, makes things look neat and user-friendly.\nGroup assignment by\nJerome Thomas Leon(author) ","date":"11 August 2023","externalUrl":null,"permalink":"/portfolio/foodie/","section":"Portfolio","summary":"Foodie makes your food ordering process enjoyable. Don’t know what to eat? Come and get a hint from our community curated recommendations and food matches!","title":"Foodie, a food delivery app","type":"portfolio"},{"content":"","date":"11 August 2023","externalUrl":null,"permalink":"/tags/teamwork/","section":"Tags","summary":"","title":"Teamwork","type":"tags"},{"content":" Background # This is the result of a hackathon, where three other 3 team members and I built a demo of an “idea sharing and crowdfunding platform” from 0 to 1 using Figma.Got 1st prize with $1000 award.\nSummary # Pit Jams is a website for ideaters to upload video pitches and share with community/audience, especially future investors. mainly targeting students and other young people, by providing a platform to share ideas, so that more creative ideas have the possibility of being realized.\nA team of 4 people to complete product design with mind-notes, wireframes, Figma, UML, and ERD.\nPreview interface # Click anywhere in the preview window to interact with it. Click \u0026lt; \u0026gt; at the bottom to see all pages, Click the top right corner button to see it full screen. Structure # Designed product structure and functions based on customer demand analysis, with a website map of 8 web pages.\nCore function including homepage browsing, event organizing, searching, posting, joining team showcase pitch managing user profile managing Design system # We have developed a series of website plans that target a younger user base and are in line with the brand name.\nColour scheme # Primary: Goldenrod( #F6C555)\nGoldenrod is a medium shade of gold-yellow that\u0026rsquo;s both striking and gentle. As the primary background color for this project, it enhances the design\u0026rsquo;s vibrancy, harmonizes well with other colors, and complements user-uploaded materials.\nSecondary: Vibrant Pink(#E03C8A)\nVibrant Pink is a lively, bright shade of pink that exudes energy. It\u0026rsquo;s especially suited for younger audiences, capturing attention as an accent color and pairing well with softer tones for a relaxed visual experience.\nTertiary: Soft Purple(#986DB2)\nSoft Purple is a refined and elegant shade of purple with a subtle gray undertone. It brings a sense of tranquility to a website and pairs seamlessly as a delicate accent with other hues.\nTo maintain clarity, the background is pure white.\nTypography # Noto Sans is the primary choice for many designers due to its lively and contemporary feel, making content approachable \u0026quot; \u0026lsquo;Roboto\u0026rsquo; for headers, this font brings a modern touch, ensuring that titles stand out with a relaxed yet fitting elegance.\u0026quot; Something special # Created multiple user interactions with impressive and unique UX/UI to serve for 4 essential aspect of monetization:\ncommunity events crowdfunding team building storytelling Group assignment by\nCelia Iris Jerome Leon(author) ","date":"10 July 2023","externalUrl":null,"permalink":"/portfolio/pitchjams/","section":"Portfolio","summary":"It was a hackathon project to turn an employer’s idea into a prototype web page in 2 days. Our 4-member student team won the first place in the program and $1000 in prize money.","title":"Pitch Jams, a website to crowdfund your ideas","type":"portfolio"},{"content":" The Pomodoro Technique is a time management method based on 25-minute stretches of focused work broken by five-minute breaks. Longer breaks, typically 15 to 30 minutes, are taken after four consecutive work intervals.\nLIVE CODE This website is designed to help users easily implement the Pomodoro Technique and improve their productivity and focus. It was a group project and my first complete website, for which I was responsible for designing the web pages and creating the landing page.\nColour \u0026amp; Font # The overall design style of the website is quiet, the main color is a calming blue, and the font choice is more relaxed fredoka.\nDesign style # In visual design, I incorporated the keyword \u0026ldquo;Flow\u0026rdquo; to craft a design that offers users a comfortable website browsing experience. To achieve this, I implemented the following design elements:\nWavy patterns at headers, footers, and the bottom of windows. Uniformly rounded buttons. A dotted background around the clock area. Design preview # Click anywhere in the preview window to interact with it. Click \u0026lt; \u0026gt; at the bottom to see all pages, Click the top right corner button to see it full screen. # Website # The final version of the site has changed a bit from the original design, due to time constraints some design elements were streamlined, and the overall design was modernized with bootstrap to make it more functional.\nFlow Mastery Team member # Miguel Mohammed Linxu Leon(author) ","date":"24 May 2023","externalUrl":null,"permalink":"/portfolio/flowmastery/","section":"Portfolio","summary":"This is a website to help users to learn or work with Pomodoro Technique. Includes a complete visual design and a complete web project realized in Javascript.","title":"Flow Mastery, a website to help users with Pomodoro Technique","type":"portfolio"},{"content":"","date":"30 April 2023","externalUrl":null,"permalink":"/tags/illustrator/","section":"Tags","summary":"","title":"Illustrator","type":"tags"},{"content":" itunes # 512×512 Corner Radius 90px Full colour, High level of detail iPad # 144x144 Corner Radius 24px Full colour, Medium level of detail Iphone # 57×57 Corner Radius 10px Black \u0026amp; White, Low level of detail ","date":"30 April 2023","externalUrl":null,"permalink":"/portfolio/shibainusamurai/","section":"Portfolio","summary":"An app icon inspired by Shiba Inu and Knight Rider","title":"Shiba Inu Samurai, a logo for Apple devices","type":"portfolio"},{"content":" Who am i? ","date":"1 January 2011","externalUrl":null,"permalink":"/","section":"Ca, cest du Léon","summary":" Who am i? ","title":"Ca, cest du Léon","type":"page"},{"content":"","externalUrl":null,"permalink":"/authors/","section":"Authors","summary":"","title":"Authors","type":"authors"},{"content":"","externalUrl":null,"permalink":"/categories/","section":"Categories","summary":"","title":"Categories","type":"categories"},{"content":"","externalUrl":null,"permalink":"/series/","section":"Series","summary":"","title":"Series","type":"series"}]