1021 lines
37 KiB
HTML
1021 lines
37 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<link rel="canonical" href="https://hoppe.mywire.org/donny/" />
|
||
<title>Donny Yeu — Lean Leader & Family Story</title>
|
||
<meta name="description" content="Donny Yeu is a Lean and continuous improvement leader with deep logistics, operational excellence, and transformation experience—while also being a family-first woman rooted in resilience and home." />
|
||
<meta property="og:type" content="profile" />
|
||
<meta property="og:title" content="Donny Yeu — Lean Leader & Family Story" />
|
||
<meta property="og:description" content="Operational excellence leader in logistics and supply chain, family-first builder, and resilient mother of Joschua." />
|
||
<meta property="og:url" content="https://hoppe.mywire.org/donny/" />
|
||
<meta name="twitter:card" content="summary_large_image" />
|
||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='16' fill='%230f766e'/%3E%3Ctext x='32' y='42' font-family='Arial, sans-serif' font-weight='800' font-size='28' fill='white' text-anchor='middle'%3ED%3C/text%3E%3C/svg%3E" />
|
||
<style>
|
||
:root {
|
||
--bg-top: #fce7f3;
|
||
--bg-mid: #f9d5e5;
|
||
--bg-low: #f7c9dd;
|
||
--bg-floor: #f5b5d2;
|
||
--panel: rgba(255, 255, 255, 0.52);
|
||
--panel-deep: rgba(255, 255, 255, 0.72);
|
||
--card-bg: rgba(255, 255, 255, 0.62);
|
||
--card-border: rgba(179, 79, 130, 0.2);
|
||
--card-shadow: rgba(184, 97, 151, 0.28);
|
||
--text: #4b1f34;
|
||
--text-muted: #6d3b53;
|
||
--pink: #eb75a8;
|
||
--pink-strong: #d94c93;
|
||
--pink-soft: #ffd9ee;
|
||
--rose: #f7a6c7;
|
||
--peach: #ffd9b3;
|
||
--lavender: #f0d6ff;
|
||
--accent-grad: linear-gradient(135deg, #ff9ec9 0%, #f17db5 30%, #d85795 100%);
|
||
--chip-bg: rgba(255, 255, 255, 0.55);
|
||
--shadow: 0 16px 0 rgba(176, 96, 144, 0.76), 0 24px 52px rgba(157, 76, 122, 0.22);
|
||
--pixel-shadow: 0 0 0 3px rgba(107, 31, 74, 0.14), 0 8px 0 rgba(204, 110, 165, 0.88), 0 14px 24px rgba(130, 60, 103, 0.18);
|
||
--pixel-spark: #fff5fb;
|
||
--pixel-ink: #632645;
|
||
--lean-blue: #4c7ef3;
|
||
--lean-green: #2fa872;
|
||
--lean-gold: #f4b740;
|
||
}
|
||
|
||
* { box-sizing: border-box; }
|
||
html { scroll-behavior: smooth; }
|
||
body::before {
|
||
content: "";
|
||
position: fixed;
|
||
inset: 0;
|
||
background-image:
|
||
linear-gradient(rgba(255,255,255,0.11) 1px, transparent 1px),
|
||
linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px);
|
||
background-size: 24px 24px;
|
||
pointer-events: none;
|
||
opacity: 0.6;
|
||
}
|
||
body {
|
||
margin: 0;
|
||
color: var(--text);
|
||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
|
||
line-height: 1.6;
|
||
background:
|
||
radial-gradient(1100px 620px at 50% -10%, rgba(255,255,255,0.8) 0%, transparent 52%),
|
||
linear-gradient(180deg, var(--bg-top) 0%, var(--bg-mid) 30%, var(--bg-low) 62%, var(--bg-floor) 100%);
|
||
background-attachment: fixed, fixed;
|
||
background-repeat: no-repeat, no-repeat;
|
||
-webkit-font-smoothing: antialiased;
|
||
}
|
||
|
||
a { color: var(--pink-strong); }
|
||
.wrap { max-width: 980px; margin: 0 auto; padding: 0 24px; }
|
||
|
||
.brand-row {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 14px;
|
||
margin-bottom: 32px;
|
||
}
|
||
.logo-mark {
|
||
width: 54px;
|
||
height: 54px;
|
||
border-radius: 16px;
|
||
background: var(--accent-grad);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-weight: 900;
|
||
font-size: 26px;
|
||
color: #fff;
|
||
box-shadow: var(--pixel-shadow);
|
||
border: 3px solid rgba(255,255,255,0.5);
|
||
text-shadow: 0 2px 0 rgba(126, 42, 91, 0.36);
|
||
}
|
||
.brand-name {
|
||
font-weight: 900;
|
||
font-size: 16px;
|
||
letter-spacing: -0.01em;
|
||
color: var(--text);
|
||
}
|
||
.brand-tag {
|
||
font-size: 11px;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.16em;
|
||
color: var(--pink-strong);
|
||
font-weight: 800;
|
||
margin-top: 2px;
|
||
}
|
||
|
||
header.hero {
|
||
padding: 64px 0 48px;
|
||
border-bottom: 1px solid rgba(118, 54, 86, 0.18);
|
||
}
|
||
.hero-row {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 40px;
|
||
}
|
||
.hero-text { flex: 1 1 auto; min-width: 0; }
|
||
|
||
.hero-portrait {
|
||
width: 220px;
|
||
height: 220px;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
background: var(--accent-grad);
|
||
box-shadow: 0 0 0 4px rgba(255,255,255,0.45), 0 10px 0 rgba(186, 90, 142, 0.9), 0 16px 26px rgba(149, 69, 118, 0.22);
|
||
transform: rotate(-2deg);
|
||
border: 3px solid rgba(255,255,255,0.5);
|
||
}
|
||
.hero-portrait img {
|
||
width: 100%;
|
||
height: 100%;
|
||
object-fit: cover;
|
||
display: block;
|
||
filter: saturate(1.07) contrast(1.02);
|
||
}
|
||
|
||
@media (max-width: 760px) {
|
||
.hero-row { flex-direction: column-reverse; gap: 24px; }
|
||
.hero-portrait { width: 180px; height: 180px; }
|
||
}
|
||
|
||
.eyebrow {
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.16em;
|
||
font-size: 12px;
|
||
font-weight: 800;
|
||
color: var(--pink-strong);
|
||
margin: 0 0 14px;
|
||
}
|
||
|
||
h1 {
|
||
font-size: clamp(2.1rem, 5vw, 3.2rem);
|
||
line-height: 1.06;
|
||
margin: 0 0 12px;
|
||
letter-spacing: -0.03em;
|
||
color: #4a2040;
|
||
text-shadow: 0 2px 0 rgba(255,255,255,0.35);
|
||
}
|
||
|
||
.headline {
|
||
font-size: clamp(1.08rem, 2.3vw, 1.45rem);
|
||
color: var(--text-muted);
|
||
margin: 0 0 24px;
|
||
max-width: 700px;
|
||
}
|
||
|
||
.meta-row {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 10px;
|
||
margin-bottom: 28px;
|
||
}
|
||
.chip {
|
||
font-size: 13px;
|
||
background: var(--chip-bg);
|
||
color: var(--text-muted);
|
||
padding: 7px 12px;
|
||
border-radius: 999px;
|
||
border: 2px solid rgba(196, 109, 158, 0.18);
|
||
box-shadow: 0 2px 0 rgba(180, 102, 144, 0.15);
|
||
}
|
||
|
||
.cta-row {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 12px;
|
||
}
|
||
.btn {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
padding: 11px 18px;
|
||
border-radius: 12px;
|
||
font-weight: 800;
|
||
text-decoration: none;
|
||
border: 2px solid rgba(255,255,255,0.56);
|
||
box-shadow: 0 6px 0 rgba(170, 88, 131, 0.55);
|
||
transition: transform 0.12s ease, box-shadow 0.12s ease, opacity 0.12s ease;
|
||
}
|
||
.btn:hover { transform: translateY(-1px); }
|
||
.btn-primary {
|
||
background: var(--accent-grad);
|
||
color: #fff;
|
||
text-shadow: 0 1px 0 rgba(124, 42, 86, 0.25);
|
||
}
|
||
.btn-secondary {
|
||
background: rgba(255,255,255,0.35);
|
||
color: var(--text);
|
||
}
|
||
|
||
section {
|
||
padding: 56px 0;
|
||
border-bottom: 1px solid rgba(118, 54, 86, 0.18);
|
||
}
|
||
section:last-of-type { border-bottom: none; }
|
||
h2 {
|
||
font-size: 12px;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.14em;
|
||
color: var(--pink-strong);
|
||
margin: 0 0 22px;
|
||
font-weight: 900;
|
||
}
|
||
.lede {
|
||
font-size: 17px;
|
||
color: var(--text);
|
||
max-width: 720px;
|
||
}
|
||
|
||
.grid-3 {
|
||
display: grid;
|
||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||
gap: 18px;
|
||
}
|
||
.grid-4 {
|
||
display: grid;
|
||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||
gap: 18px;
|
||
}
|
||
@media (max-width: 760px) {
|
||
.grid-3, .grid-4 { grid-template-columns: 1fr; }
|
||
}
|
||
|
||
.card {
|
||
background: var(--card-bg);
|
||
border: 2px solid rgba(196, 109, 158, 0.18);
|
||
border-radius: 18px;
|
||
padding: 22px;
|
||
box-shadow: var(--shadow);
|
||
backdrop-filter: blur(6px);
|
||
}
|
||
.card .stat {
|
||
font-size: 28px;
|
||
font-weight: 900;
|
||
color: var(--pink-strong);
|
||
margin-bottom: 8px;
|
||
letter-spacing: -0.03em;
|
||
}
|
||
.card p {
|
||
margin: 0;
|
||
color: var(--text-muted);
|
||
font-size: 14px;
|
||
}
|
||
|
||
.pixel-box {
|
||
position: relative;
|
||
background: linear-gradient(180deg, rgba(255,255,255,0.72), rgba(255,255,255,0.46));
|
||
border: 3px solid rgba(123, 48, 82, 0.18);
|
||
border-radius: 18px;
|
||
box-shadow: 0 0 0 3px rgba(255,255,255,0.34), 0 10px 0 rgba(202, 108, 163, 0.82), 0 20px 30px rgba(135, 64, 107, 0.18);
|
||
transform: rotate(-1deg);
|
||
}
|
||
.pixel-box.alt { transform: rotate(1deg); }
|
||
.pixel-box::after {
|
||
content: "";
|
||
position: absolute;
|
||
inset: 10px 10px auto auto;
|
||
width: 14px;
|
||
height: 14px;
|
||
background: rgba(255,255,255,0.7);
|
||
box-shadow: 0 0 0 2px rgba(99, 38, 69, 0.18);
|
||
border-radius: 4px;
|
||
}
|
||
|
||
.lean-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(3, minmax(0,1fr));
|
||
gap: 18px;
|
||
margin-top: 16px;
|
||
}
|
||
.lean-card {
|
||
padding: 22px 20px;
|
||
background: linear-gradient(180deg, rgba(255,255,255,0.65), rgba(255,255,255,0.35));
|
||
border-radius: 16px;
|
||
border: 3px solid rgba(95, 46, 73, 0.12);
|
||
box-shadow: 0 8px 0 rgba(170, 95, 139, 0.7), 0 18px 28px rgba(136, 67, 108, 0.18);
|
||
}
|
||
.lean-card h3 {
|
||
margin: 0 0 10px;
|
||
font-size: 12px;
|
||
letter-spacing: 0.14em;
|
||
text-transform: uppercase;
|
||
color: var(--pink-strong);
|
||
}
|
||
.lean-card strong {
|
||
display: block;
|
||
font-size: 22px;
|
||
letter-spacing: -0.04em;
|
||
color: var(--pixel-ink);
|
||
margin-bottom: 8px;
|
||
}
|
||
.lean-card p, .lean-card li {
|
||
margin: 0;
|
||
color: var(--text-muted);
|
||
font-size: 14px;
|
||
line-height: 1.55;
|
||
}
|
||
.lean-card ul {
|
||
margin: 10px 0 0;
|
||
padding-left: 18px;
|
||
}
|
||
|
||
.ai-lab-shell {
|
||
margin-top: 16px;
|
||
padding: 24px;
|
||
border-radius: 26px;
|
||
background: linear-gradient(180deg, rgba(255,255,255,0.62), rgba(255,255,255,0.22));
|
||
border: 3px solid rgba(122, 62, 92, 0.15);
|
||
box-shadow: 0 0 0 4px rgba(255,255,255,0.28), 0 14px 0 rgba(206, 112, 167, 0.8), 0 28px 44px rgba(131, 67, 103, 0.20);
|
||
}
|
||
.ai-lab-header {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
justify-content: space-between;
|
||
gap: 12px;
|
||
align-items: end;
|
||
margin-bottom: 18px;
|
||
}
|
||
.ai-lab-header .eyebrow {
|
||
margin-bottom: 0;
|
||
}
|
||
.ai-lab-header h3 {
|
||
margin: 0;
|
||
font-size: clamp(1.7rem, 3vw, 2.6rem);
|
||
letter-spacing: -0.05em;
|
||
color: var(--pixel-ink);
|
||
}
|
||
.ai-badges {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 8px;
|
||
}
|
||
.ai-badge {
|
||
padding: 8px 12px;
|
||
border-radius: 999px;
|
||
background: rgba(255,255,255,0.48);
|
||
border: 2px solid rgba(129, 60, 98, 0.12);
|
||
box-shadow: 0 4px 0 rgba(210, 120, 171, 0.35);
|
||
font-size: 11px;
|
||
letter-spacing: 0.14em;
|
||
text-transform: uppercase;
|
||
font-weight: 800;
|
||
color: var(--pink-strong);
|
||
}
|
||
.ai-module-grid {
|
||
display: grid;
|
||
grid-template-columns: 1.2fr 1.2fr 1fr;
|
||
gap: 18px;
|
||
}
|
||
@media (max-width: 900px) {
|
||
.ai-module-grid { grid-template-columns: 1fr; }
|
||
}
|
||
.ai-module {
|
||
position: relative;
|
||
padding: 20px 18px 18px;
|
||
border-radius: 20px;
|
||
background: linear-gradient(180deg, rgba(255,255,255,0.72), rgba(255,255,255,0.42));
|
||
border: 3px solid rgba(116, 52, 84, 0.12);
|
||
box-shadow: 0 8px 0 rgba(192, 99, 154, 0.7), 0 18px 24px rgba(133, 71, 102, 0.16);
|
||
min-height: 240px;
|
||
}
|
||
.ai-module.core {
|
||
background: linear-gradient(135deg, rgba(255, 213, 235, 0.94), rgba(255,255,255,0.66), rgba(243, 212, 255, 0.8));
|
||
transform: rotate(-1deg);
|
||
}
|
||
.ai-module .mini-label {
|
||
display: inline-block;
|
||
font-size: 11px;
|
||
letter-spacing: 0.16em;
|
||
text-transform: uppercase;
|
||
font-weight: 900;
|
||
color: var(--pink-strong);
|
||
margin-bottom: 12px;
|
||
}
|
||
.ai-module h4 {
|
||
margin: 0 0 12px;
|
||
font-size: clamp(1.4rem, 2vw, 2rem);
|
||
letter-spacing: -0.04em;
|
||
color: var(--pixel-ink);
|
||
}
|
||
.ai-module p, .ai-module li {
|
||
margin: 0;
|
||
font-size: 14px;
|
||
line-height: 1.6;
|
||
color: var(--text-muted);
|
||
}
|
||
.ai-module ul {
|
||
margin: 12px 0 0;
|
||
padding-left: 18px;
|
||
}
|
||
.ai-chips {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 8px;
|
||
margin-top: 14px;
|
||
}
|
||
.ai-chip {
|
||
display: inline-block;
|
||
padding: 7px 10px;
|
||
border-radius: 999px;
|
||
background: rgba(255,255,255,0.58);
|
||
border: 2px solid rgba(120, 59, 90, 0.12);
|
||
color: var(--text);
|
||
font-size: 11px;
|
||
font-weight: 800;
|
||
letter-spacing: 0.08em;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.metric-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||
gap: 18px;
|
||
margin-top: 18px;
|
||
}
|
||
@media (max-width: 760px) {
|
||
.metric-grid { grid-template-columns: 1fr 1fr; }
|
||
}
|
||
.metric-card {
|
||
padding: 18px 16px 16px;
|
||
border-radius: 18px;
|
||
background: linear-gradient(180deg, rgba(255,255,255,0.70), rgba(255,255,255,0.38));
|
||
border: 3px solid rgba(124, 64, 94, 0.12);
|
||
box-shadow: 0 8px 0 rgba(202, 118, 166, 0.64);
|
||
}
|
||
.metric-card .num {
|
||
display: block;
|
||
font-size: clamp(1.7rem, 2.7vw, 2.6rem);
|
||
font-weight: 900;
|
||
letter-spacing: -0.06em;
|
||
color: var(--pink-strong);
|
||
margin-bottom: 6px;
|
||
}
|
||
.metric-card .label {
|
||
font-size: 12px;
|
||
letter-spacing: 0.14em;
|
||
text-transform: uppercase;
|
||
color: var(--text-muted);
|
||
font-weight: 800;
|
||
}
|
||
|
||
.kaizen-list {
|
||
display: grid;
|
||
grid-template-columns: repeat(2, minmax(0,1fr));
|
||
gap: 18px;
|
||
margin-top: 18px;
|
||
}
|
||
.kaizen-item {
|
||
padding: 20px 18px;
|
||
border-radius: 16px;
|
||
border: 2px solid rgba(108, 55, 82, 0.12);
|
||
background: rgba(255,255,255,0.32);
|
||
box-shadow: 0 7px 0 rgba(220, 140, 177, 0.5);
|
||
}
|
||
.kaizen-item strong {
|
||
display: block;
|
||
margin-bottom: 8px;
|
||
color: var(--pink-strong);
|
||
font-size: 13px;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.12em;
|
||
}
|
||
.kaizen-item span {
|
||
color: var(--text);
|
||
font-size: 14px;
|
||
line-height: 1.6;
|
||
}
|
||
|
||
.faq-box {
|
||
display: grid;
|
||
gap: 12px;
|
||
margin-top: 18px;
|
||
}
|
||
.faq-item {
|
||
padding: 18px 18px 16px;
|
||
border-radius: 14px;
|
||
background: rgba(255,255,255,0.34);
|
||
border: 2px solid rgba(121, 63, 93, 0.14);
|
||
box-shadow: 0 6px 0 rgba(210, 129, 174, 0.5);
|
||
}
|
||
.faq-item strong {
|
||
display: block;
|
||
margin-bottom: 8px;
|
||
font-size: 13px;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.12em;
|
||
color: var(--pink-strong);
|
||
}
|
||
.faq-item p {
|
||
margin: 0;
|
||
color: var(--text-muted);
|
||
font-size: 14px;
|
||
line-height: 1.6;
|
||
}
|
||
|
||
.strength h3 {
|
||
font-size: 15px;
|
||
color: var(--text);
|
||
margin: 0 0 12px;
|
||
}
|
||
.strength ul {
|
||
margin: 0;
|
||
padding-left: 18px;
|
||
color: var(--text-muted);
|
||
font-size: 14px;
|
||
}
|
||
.strength li { margin-bottom: 7px; }
|
||
|
||
.fact-list {
|
||
display: grid;
|
||
gap: 12px;
|
||
margin-top: 18px;
|
||
}
|
||
.fact {
|
||
padding: 16px 18px;
|
||
border-radius: 14px;
|
||
background: rgba(255,255,255,0.28);
|
||
border: 2px solid rgba(200, 118, 163, 0.15);
|
||
box-shadow: 0 4px 0 rgba(224, 149, 192, 0.22);
|
||
}
|
||
.fact strong {
|
||
display: block;
|
||
font-size: 12px;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.12em;
|
||
color: var(--pink-strong);
|
||
margin-bottom: 6px;
|
||
}
|
||
.fact span, .fact a {
|
||
color: var(--text);
|
||
text-decoration: none;
|
||
word-break: break-word;
|
||
}
|
||
|
||
.job {
|
||
position: relative;
|
||
padding: 0 0 28px 28px;
|
||
border-left: 2px solid var(--card-border);
|
||
}
|
||
.job:last-child { padding-bottom: 0; }
|
||
.job::before {
|
||
content: "";
|
||
position: absolute;
|
||
left: -7px;
|
||
top: 5px;
|
||
width: 12px;
|
||
height: 12px;
|
||
border-radius: 50%;
|
||
background: var(--accent-grad);
|
||
border: 2px solid var(--bg-floor);
|
||
box-shadow: 0 0 10px rgba(20,184,166,0.45);
|
||
}
|
||
.job .role {
|
||
font-size: 17px;
|
||
font-weight: 700;
|
||
color: #fff;
|
||
margin: 0 0 2px;
|
||
}
|
||
.job .org {
|
||
font-size: 14px;
|
||
color: var(--accent);
|
||
font-weight: 700;
|
||
margin: 0 0 4px;
|
||
}
|
||
.job .when {
|
||
font-size: 13px;
|
||
color: var(--text-muted);
|
||
margin: 0 0 12px;
|
||
}
|
||
.job ul {
|
||
margin: 0;
|
||
padding-left: 18px;
|
||
color: var(--text);
|
||
font-size: 14.5px;
|
||
}
|
||
.job li { margin-bottom: 7px; }
|
||
|
||
.impact-box {
|
||
margin-top: 14px;
|
||
padding: 14px 16px;
|
||
border-radius: 14px;
|
||
background: linear-gradient(135deg, rgba(255, 228, 239, 0.8), rgba(255, 244, 209, 0.8));
|
||
border: 2px solid rgba(196, 109, 158, 0.15);
|
||
color: var(--text);
|
||
font-size: 14px;
|
||
box-shadow: 0 4px 0 rgba(224, 149, 192, 0.22);
|
||
}
|
||
|
||
.footer {
|
||
padding: 26px 0 64px;
|
||
color: var(--text-muted);
|
||
font-size: 14px;
|
||
text-align: center;
|
||
font-weight: 700;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="wrap">
|
||
<header class="hero">
|
||
<div class="brand-row">
|
||
<div class="logo-mark">D</div>
|
||
<div>
|
||
<div class="brand-name">Donny Yeu</div>
|
||
<div class="brand-tag">Lean • Six Sigma • Kaizen</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="hero-row">
|
||
<div class="hero-text">
|
||
<p class="eyebrow">About me</p>
|
||
<h1>Donny Yeu</h1>
|
||
<p class="headline">
|
||
Family-first leader with a 15+ year career in logistics, supply chain, operational excellence, and Lean transformation — while building a warm life in Germany with Joern and Joschua.
|
||
</p>
|
||
<div class="meta-row">
|
||
<span class="chip">Continuous Improvement Leader</span>
|
||
<span class="chip">Logistics & Supply Chain</span>
|
||
<span class="chip">Lean Six Sigma</span>
|
||
<span class="chip">Mother of Joschua</span>
|
||
<span class="chip">Wife of Joern</span>
|
||
</div>
|
||
<div class="cta-row">
|
||
<a class="btn btn-primary" href="https://www.linkedin.com/in/donnyyeu" target="_blank" rel="noreferrer">LinkedIn profile</a>
|
||
<a class="btn btn-secondary" href="https://hoppe.mywire.org/home/" target="_blank" rel="noopener">Hoppe.home</a>
|
||
<a class="btn btn-secondary" href="https://hoppe.mywire.org/joanna/" target="_blank" rel="noopener">Joanna</a>
|
||
<a class="btn btn-secondary" href="https://hoppe.mywire.org/joern/" target="_blank" rel="noopener">Joern</a>
|
||
<a class="btn btn-secondary" href="#career-journey">Career journey</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="hero-portrait" aria-label="Donny portrait">
|
||
<img src="file:///C:/Codebox/donny/assets/donny-pixel-heart.png" alt="Donny Yeu" />
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<section>
|
||
<h2>Professional profile</h2>
|
||
<p class="lede">
|
||
I am Donny Yeu: a logistics and operational excellence professional, Lean transformation leader, and people-centered change maker. My background is grounded in freight management, contract logistics, warehouse operations, Lean deployment, KPI design, and cross-border operational improvement. I have built systems that reduce waste, improve service, and help teams work with more clarity. Today, I am applying that same discipline to AI-first work: an agentic webshop concept, an AI-assisted rental platform, and operational automation that brings process intelligence into commercial decision-making.
|
||
</p>
|
||
<div class="fact-list">
|
||
<div class="fact">
|
||
<strong>Operational expertise</strong>
|
||
<span>Worked across freight management, customer service, business process re-engineering, warehouse transformation, and continuous improvement across Asia-Pacific, Greater China, and global operations.</span>
|
||
</div>
|
||
<div class="fact">
|
||
<strong>Lean leadership</strong>
|
||
<span>Led global and regional Lean programs, trained teams in Lean methodologies, designed KPI scorecards, and drove process standardization at site, country, and regional levels.</span>
|
||
</div>
|
||
<div class="fact">
|
||
<strong>AI developments</strong>
|
||
<span>Applying the same thinking used in Lean and Six Sigma to AI: workflow design, automation, decision support, system thinking, and process capability building for Hoppe.home’s digital commerce and rental projects.</span>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="ai-lab-shell">
|
||
<div class="ai-lab-header">
|
||
<div>
|
||
<p class="eyebrow">Hoppe.home AI Lab</p>
|
||
<h3>Agentic systems, smart commerce, and AI-assisted operations</h3>
|
||
</div>
|
||
<div class="ai-badges">
|
||
<span class="ai-badge">AI</span>
|
||
<span class="ai-badge">Agentic</span>
|
||
<span class="ai-badge">Automation</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="ai-module-grid">
|
||
<div class="ai-module core">
|
||
<span class="mini-label">Core idea</span>
|
||
<h4>What agentic really means</h4>
|
||
<p>Agentic means AI is not just answering prompts — it can coordinate tasks, evaluate context, trigger actions, and support business decisions across operations, customer flow, and process management.</p>
|
||
<div class="ai-chips">
|
||
<span class="ai-chip">Plans</span>
|
||
<span class="ai-chip">Executes</span>
|
||
<span class="ai-chip">Learns</span>
|
||
</div>
|
||
<ul>
|
||
<li>Connects workflows across people, tools, and systems.</li>
|
||
<li>Uses operational context instead of isolated answers.</li>
|
||
<li>Helps improve speed, consistency, and visibility.</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="ai-module">
|
||
<span class="mini-label">Commerce</span>
|
||
<h4>Agentic webshop</h4>
|
||
<p>We are building an agentic webshop concept that combines product flow, customer journey logic, workflow automation, and operational visibility so the business can move faster without losing control.</p>
|
||
<ul>
|
||
<li>Smart order handling and process routing</li>
|
||
<li>Customer journey and support automation</li>
|
||
<li>Operational intelligence built into the flow</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="ai-module">
|
||
<span class="mini-label">Rental system</span>
|
||
<h4>AI rental tool</h4>
|
||
<p>We are creating an AI-assisted rental platform for the rental business, bringing finance, planning, operations, and tracking into a single practical system with decision support at its core.</p>
|
||
<ul>
|
||
<li>Rental planning and lifecycle oversight</li>
|
||
<li>Finance and operational KPI support</li>
|
||
<li>Better visibility for decisions and execution</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="metric-grid">
|
||
<div class="metric-card">
|
||
<span class="num">100+</span>
|
||
<span class="label">improvement ideas</span>
|
||
</div>
|
||
<div class="metric-card">
|
||
<span class="num">$2M</span>
|
||
<span class="label">HKD savings</span>
|
||
</div>
|
||
<div class="metric-card">
|
||
<span class="num">50%</span>
|
||
<span class="label">receiving cut</span>
|
||
</div>
|
||
<div class="metric-card">
|
||
<span class="num">5</span>
|
||
<span class="label">lean waves</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="fact-list" style="margin-top: 18px;">
|
||
<div class="fact">
|
||
<strong>Real impact</strong>
|
||
<span>From the résumé: in HKG and SZX, more than 100 improvement opportunities were identified; estimated savings exceeded $2M HKD; 30+ CI projects were tracked; and Lean implementation ran across 5 global waves. One redesign of the receiving process cut cycle time by 50% in a large Asia contract logistics environment.</span>
|
||
</div>
|
||
<div class="fact">
|
||
<strong>Lean-to-AI translation</strong>
|
||
<span>The same discipline that drove 5S, Kaizen, Gemba walks, scorecards, and waste reduction is now shaping AI systems: clarity of process, standardization, root-cause thinking, and continuous improvement loops built into digital operations.</span>
|
||
</div>
|
||
<div class="fact">
|
||
<strong>Hoppe.home network</strong>
|
||
<span>I am connected to the Hoppe.home family ecosystem, including <a href="https://hoppe.mywire.org/home/" target="_blank" rel="noopener">Hoppe.home</a>, <a href="https://hoppe.mywire.org/joanna/" target="_blank" rel="noopener">Joanna</a>, <a href="https://hoppe.mywire.org/joern/" target="_blank" rel="noopener">Joern</a>, and the wider family work around our shared projects. Once Joschua has his own page, it will naturally sit in the same family network.</span>
|
||
</div>
|
||
<div class="fact">
|
||
<strong>Hosting & collaboration</strong>
|
||
<span>In this setup, the direction and hosting decisions are best led by Joern as the owner and strategic guide, while Joanna can support the technical execution, infrastructure, and AI-ops side. That means: Jörn sets the direction and approvals; Joanna helps with engineering and running the platform; and I contribute as a business and operations partner in the broader Hoppe.home ecosystem.</span>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>Lean & Six Sigma focus</h2>
|
||
<div class="lean-grid">
|
||
<div class="lean-card pixel-box">
|
||
<h3>Lean mindset</h3>
|
||
<strong>Eliminate waste</strong>
|
||
<p>Remove non-value-adding steps, reduce motion, improve flow, and make work easier for people and customers.</p>
|
||
</div>
|
||
<div class="lean-card pixel-box alt">
|
||
<h3>Six Sigma</h3>
|
||
<strong>Reduce variation</strong>
|
||
<p>Use data, metrics, and process discipline to reduce defects, stabilize systems, and increase reliability.</p>
|
||
</div>
|
||
<div class="lean-card pixel-box">
|
||
<h3>Kaizen</h3>
|
||
<strong>Continuous improvement</strong>
|
||
<p>Small, daily improvements create durable momentum. Improvement is not a one-time event — it is a habit.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>Kaizen examples & innovation</h2>
|
||
<div class="kaizen-list">
|
||
<div class="kaizen-item">
|
||
<strong>5S and flow design</strong>
|
||
<span>Created cleaner, faster work areas with visual organization and simplified movement paths to reduce waiting and handling loss.</span>
|
||
</div>
|
||
<div class="kaizen-item">
|
||
<strong>Warehouse cycle time reduction</strong>
|
||
<span>Redesigned receiving and warehouse flows, improving process pace and reducing wasted motion in contract logistics operations.</span>
|
||
</div>
|
||
<div class="kaizen-item">
|
||
<strong>Process standardization</strong>
|
||
<span>Built repeatable operating standards and KPI routines so teams could measure performance and act on the same facts.</span>
|
||
</div>
|
||
<div class="kaizen-item">
|
||
<strong>Capability building</strong>
|
||
<span>Trained teams and leaders in Lean principles so improvement became self-sustaining rather than dependent on individual effort.</span>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>Lean & Six Sigma quick wiki</h2>
|
||
<div class="faq-box">
|
||
<div class="faq-item">
|
||
<strong>What is Kaizen?</strong>
|
||
<p>Kaizen means continuous improvement. It is the habit of making small better changes every day, often with the team closest to the work.</p>
|
||
</div>
|
||
<div class="faq-item">
|
||
<strong>What is Muda?</strong>
|
||
<p>Muda is waste. In Lean, waste includes waiting, overproduction, defects, excess motion, transport, inventory, and unused talent.</p>
|
||
</div>
|
||
<div class="faq-item">
|
||
<strong>What is Gemba?</strong>
|
||
<p>Gemba is the real place where work happens. Lean leaders go to the process itself to observe, ask questions, and understand the true problem.</p>
|
||
</div>
|
||
<div class="faq-item">
|
||
<strong>What is Poka-yoke?</strong>
|
||
<p>Poka-yoke is mistake-proofing. The idea is to design processes or tools so errors become harder to make or easier to catch.</p>
|
||
</div>
|
||
<div class="faq-item">
|
||
<strong>What does Six Sigma aim to do?</strong>
|
||
<p>Six Sigma reduces variation and defects so performance becomes more stable, predictable, and customer-friendly.</p>
|
||
</div>
|
||
<div class="faq-item">
|
||
<strong>What should you know before starting?</strong>
|
||
<p>Start with the customer, define the problem clearly, measure what matters, understand the process, and build a culture where people are empowered to improve.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="career-journey">
|
||
<h2>Career journey</h2>
|
||
<div class="job">
|
||
<p class="role">Head of Continuous Improvement</p>
|
||
<p class="org">Toll Global Forwarding | North Asia</p>
|
||
<p class="when">Feb 2016 – Jul 2019</p>
|
||
<ul>
|
||
<li>Developed training plans and trained hundreds of employees in Lean and continuous improvement.</li>
|
||
<li>Built GREC operational scorecards for country management to evaluate branch performance.</li>
|
||
<li>Led the Operational Excellence program in HKG and SZX with more than 100 improvement opportunities identified.</li>
|
||
<li>Delivered estimated savings of over $2M HKD and drove tasks offshoring to shared service centers.</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="job">
|
||
<p class="role">Senior Manager, Business Process Re-engineering</p>
|
||
<p class="org">Arrow Asia Pac Ltd.</p>
|
||
<p class="when">Feb 2015 – Feb 2016</p>
|
||
<ul>
|
||
<li>Optimized process capability across the region by applying business and technical process knowledge.</li>
|
||
<li>Created standardized KPI frameworks across distribution centers.</li>
|
||
<li>Developed country process engineers and drove lean adoption, training, and progress tracking.</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="job">
|
||
<p class="role">Director, Business Process Improvement</p>
|
||
<p class="org">CEVA Logistics | Asia Pacific</p>
|
||
<p class="when">May 2013 – Nov 2014</p>
|
||
<ul>
|
||
<li>Defined priorities and monitored Lean activity across Kaizen projects, process improvements, and expert training.</li>
|
||
<li>Mentored leaders and teams on Lean methodology and performance improvement.</li>
|
||
<li>Coordinated regional quality management programs and maintained strong Lean and Quality community networks.</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="job">
|
||
<p class="role">General Manager Lean</p>
|
||
<p class="org">CEVA Logistics | Greater China</p>
|
||
<p class="when">Sept 2009 – Apr 2013</p>
|
||
<ul>
|
||
<li>Hired and coached Lean experts and supervised return experts after global training.</li>
|
||
<li>Planned and rolled out Lean across Greater China, coordinating with global head office.</li>
|
||
<li>Facilitated improvement projects, tracked station performance, and reported progress to senior management.</li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>Major projects</h2>
|
||
<div class="fact-list">
|
||
<div class="fact">
|
||
<strong>Lean implementation</strong>
|
||
<span>Implemented 5 Lean waves globally across Australia, China, UK, Indonesia, and Turkey while working in the Central Lean Team at CEVA Global HQ in the Netherlands.</span>
|
||
</div>
|
||
<div class="fact">
|
||
<strong>Warehouse transformation</strong>
|
||
<span>Designed and implemented 5S and visual warehouse management systems, reducing receiving process cycle time by 50% in a large Asia contract logistics operation.</span>
|
||
</div>
|
||
<div class="fact">
|
||
<strong>Operating model improvement</strong>
|
||
<span>Standardized KPI structures, created performance dashboards, and helped teams translate operations data into meaningful action plans and savings.</span>
|
||
</div>
|
||
<div class="fact">
|
||
<strong>Capability building</strong>
|
||
<span>Delivered Lean training, coached operational teams, and built internal capability so improvement processes could be sustained beyond individual projects.</span>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>Values</h2>
|
||
<div class="grid-3">
|
||
<div class="card strength">
|
||
<h3>Family first</h3>
|
||
<ul>
|
||
<li>I cherish time with my family.</li>
|
||
<li>I value connection, care, and stability.</li>
|
||
<li>My son Joschua and my husband Joern are central to my heart.</li>
|
||
</ul>
|
||
</div>
|
||
<div class="card strength">
|
||
<h3>Resilience</h3>
|
||
<ul>
|
||
<li>Life can change direction in an instant.</li>
|
||
<li>Strength grows through struggle and recovery.</li>
|
||
<li>I am grateful for the chance to rebuild my life with my family.</li>
|
||
</ul>
|
||
</div>
|
||
<div class="card strength">
|
||
<h3>Home & growth</h3>
|
||
<ul>
|
||
<li>We have a house and a garden.</li>
|
||
<li>My life is shaped by growth, care, and intention.</li>
|
||
<li>I want to build a life that is meaningful, peaceful, and loving.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>Hoppe.home family network</h2>
|
||
<div class="fact-list">
|
||
<div class="fact">
|
||
<strong>Connected pages</strong>
|
||
<span><a href="https://hoppe.mywire.org/home/" target="_blank" rel="noopener">Hoppe.home</a> · <a href="https://hoppe.mywire.org/joanna/" target="_blank" rel="noopener">Joanna</a> · <a href="https://hoppe.mywire.org/joern/" target="_blank" rel="noopener">Joern</a> · <a href="https://hoppe.mywire.org/donny/" target="_blank" rel="noopener">Donny</a> · <a href="https://hoppe.mywire.org/harbour-and-weft/" target="_blank" rel="noopener">Harbour & Weft</a></span>
|
||
</div>
|
||
<div class="fact">
|
||
<strong>Family growth</strong>
|
||
<span>As the family network grows, each member can have a dedicated digital presence. When Joschua is ready, his page can be added to the same ecosystem as Joern, Joanna, and Donny.</span>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="current-life">
|
||
<h2>Current life</h2>
|
||
<p class="lede">
|
||
After my experience with cancer in 2021, I moved back to Germany with my family and chose to focus on creating a calm, resilient, and loving home. My current work is centered on family, care, and building a stable life for Joern and Joschua — while still carrying forward the discipline, structure, and growth mindset I developed in my professional career.
|
||
</p>
|
||
<div class="fact-list">
|
||
<div class="fact">
|
||
<strong>Housewife life</strong>
|
||
<span>I care for the home, create structure, nurture family life, and make our house a place of comfort, warmth, and love.</span>
|
||
</div>
|
||
<div class="fact">
|
||
<strong>What I do now</strong>
|
||
<span>I manage the rhythm of everyday family life, support my loved ones, maintain our home and garden, and create a calm environment where my family can thrive.</span>
|
||
</div>
|
||
<div class="fact">
|
||
<strong>Purpose</strong>
|
||
<span>My work is meaningful because it is rooted in care, family, and the daily effort of building a beautiful, stable, and deeply connected life together.</span>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>Education & credentials</h2>
|
||
<div class="fact-list">
|
||
<div class="fact">
|
||
<strong>Education</strong>
|
||
<span>B.S. in Business Administration, Supply and Logistics Management from Portland State University; A.A. in Business Administration from Umpqua Community College.</span>
|
||
</div>
|
||
<div class="fact">
|
||
<strong>Certifications</strong>
|
||
<span>IATA/FIATA Cargo Introductory Course Diploma; Lean Leader Certificate; Lean Six Sigma Black Belt Certificate.</span>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>Life direction</h2>
|
||
<div class="job">
|
||
<p class="role">Living with purpose</p>
|
||
<p class="org">Family, health, home, business, and movement</p>
|
||
<p class="when">Since 2021</p>
|
||
<ul>
|
||
<li>Moved back to Germany after cancer in 2021 and focused on rebuilding a stable, joyful family life.</li>
|
||
<li>Serving as CFO of Hoppe.home while supporting the rental business and digital operations with strategic focus.</li>
|
||
<li>Building and refining digital ideas through vibe-coding, with the goal of bringing the webshop and rental software closer to market.</li>
|
||
<li>Enjoying shopping both offline and online, with a strong eye for useful products, beautiful details, and practical solutions.</li>
|
||
<li>Driving my Tiguan, planning family vacations, and embracing trips and weekend getaways wherever the road leads.</li>
|
||
<li>Finding joy in travel with my family and also in solo trips that bring space, inspiration, and perspective.</li>
|
||
</ul>
|
||
<div class="impact-box">
|
||
My life is centered on love, resilience, and the joy of being a mother to Joschua, a wife to Joern, and a builder of a peaceful home — while also growing digital ideas, building business clarity, and making room for freedom, travel, and everyday joy.
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="footer">
|
||
Donny Yeu — family, home, and heart.
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|