<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Meghna Mohan โ Marketing Portfolio</title>
<link rel="preconnect" href="https://fonts.googleapis.com"/>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Outfit:wght@300;400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet"/>
<style>
:root {
--ink: #080808;
--paper: #f2ece0;
--warm: #e8dfc8;
--accent: #c8412b;
--gold: #d4a843;
--blue: #3a6fd8;
--green: #2e7d52;
--muted: #6a6258;
--border: rgba(242,236,224,0.1);
--serif: 'Cormorant Garamond', Georgia, serif;
--sans: 'Outfit', sans-serif;
--mono: 'IBM Plex Mono', monospace;
}
*, *::before, *::after { box-sizing: border-box; margin:0; padding:0; }
html { scroll-behavior: smooth; }
body {
background: var(--ink);
color: var(--paper);
font-family: var(--sans);
font-weight: 300;
line-height: 1.7;
overflow-x: hidden;
}
/* grain */
body::after {
content:'';
position:fixed; inset:0;
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
pointer-events:none; z-index:9999; opacity:.35;
}
/* NAV */
nav {
position:fixed; top:0; left:0; right:0; z-index:100;
display:flex; align-items:center; justify-content:space-between;
padding:1.1rem 5vw;
background:rgba(8,8,8,0.88);
backdrop-filter:blur(14px);
border-bottom:1px solid var(--border);
}
.nav-logo {
font-family:var(--serif); font-size:1.05rem; letter-spacing:.04em;
color:var(--paper); text-decoration:none;
}
.nav-logo span { color:var(--accent); }
.nav-links { display:flex; gap:2.2rem; list-style:none; }
.nav-links a {
font-family:var(--mono); font-size:.62rem; letter-spacing:.14em;
text-transform:uppercase; color:var(--muted); text-decoration:none;
transition:color .2s;
}
.nav-links a:hover { color:var(--paper); }
/* HERO */
#hero {
min-height:100vh;
display:flex; flex-direction:column; justify-content:flex-end;
padding:0 5vw 9vh;
position:relative; overflow:hidden;
}
.hero-watermark {
position:absolute; top:8vh; right:-2vw;
font-family:var(--serif); font-style:italic;
font-size:clamp(7rem,18vw,20rem); font-weight:700;
color:transparent;
-webkit-text-stroke:1px rgba(242,236,224,0.04);
line-height:1; pointer-events:none; user-select:none;
white-space:nowrap;
}
.hero-line { display:flex; align-items:center; gap:1rem; margin-bottom:1.4rem; animation:fadeUp .8s ease both; }
.hero-line::after { content:''; flex:0 0 50px; height:1px; background:var(--accent); }
.label { font-family:var(--mono); font-size:.62rem; letter-spacing:.18em; text-transform:uppercase; color:var(--accent); }
h1.hero-name {
font-family:var(--serif); font-size:clamp(3.5rem,10vw,10rem);
font-weight:700; line-height:.92; letter-spacing:-.02em;
animation:fadeUp .8s .1s ease both;
}
h1.hero-name em { display:block; font-style:italic; color:var(--accent); }
.hero-tagline {
margin-top:2rem; max-width:540px;
font-size:1rem; color:rgba(242,236,224,.6);
animation:fadeUp .8s .2s ease both;
}
.hero-stats {
margin-top:2.8rem; display:flex; gap:3rem; flex-wrap:wrap;
animation:fadeUp .8s .3s ease both;
}
.stat .val { font-family:var(--serif); font-size:2.4rem; font-weight:600; color:var(--gold); line-height:1; }
.stat .key { font-family:var(--mono); font-size:.58rem; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); display:block; margin-top:.2rem; }
.hero-cta { margin-top:3rem; display:flex; gap:1rem; flex-wrap:wrap; animation:fadeUp .8s .4s ease both; }
.btn { display:inline-block; padding:.85rem 2.2rem; font-family:var(--mono); font-size:.62rem; letter-spacing:.16em; text-transform:uppercase; text-decoration:none; transition:all .22s; cursor:pointer; border:none; }
.btn-red { background:var(--accent); color:var(--paper); }
.btn-red:hover { background:#a8331f; transform:translateY(-2px); }
.btn-outline { border:1px solid rgba(242,236,224,.2); color:var(--paper); background:transparent; }
.btn-outline:hover { border-color:var(--paper); }
/* SECTION BASE */
section { padding:9vh 5vw; }
.sec-hd { display:grid; grid-template-columns:auto 1fr; gap:1.4rem; align-items:start; margin-bottom:4.5rem; }
.sec-num { font-family:var(--mono); font-size:.62rem; letter-spacing:.14em; color:var(--accent); padding-top:.45rem; }
h2.sec-title { font-family:var(--serif); font-size:clamp(2.5rem,5vw,5.5rem); font-weight:700; line-height:.95; letter-spacing:-.02em; }
h2.sec-title em { font-style:italic; color:var(--gold); }
/* ABOUT */
#about { background:var(--ink); border-top:1px solid var(--border); }
.about-grid { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:start; }
.big-quote { font-family:var(--serif); font-size:clamp(1.4rem,2.4vw,2.2rem); font-weight:400; line-height:1.4; }
.big-quote strong { font-style:italic; font-weight:600; color:var(--gold); }
.body-text { font-size:.95rem; color:rgba(242,236,224,.65); line-height:1.85; margin-bottom:1.4rem; }
.skills-wrap { margin-top:2rem; display:flex; flex-wrap:wrap; gap:.5rem; }
.pill {
padding:.38rem .75rem; font-family:var(--mono); font-size:.58rem;
letter-spacing:.1em; text-transform:uppercase;
border:1px solid rgba(242,236,224,.12); color:rgba(242,236,224,.5);
transition:all .18s;
}
.pill:hover { border-color:var(--accent); color:var(--paper); }
/* CASE STUDIES */
#work { background:var(--ink); border-top:1px solid var(--border); }
.case {
border-top:1px solid var(--border); padding:5rem 0;
display:grid; grid-template-columns:1fr 1.5fr; gap:5rem; align-items:start;
}
.case:last-child { border-bottom:1px solid var(--border); }
.case-meta { position:sticky; top:7.5rem; }
.case-idx { font-family:var(--mono); font-size:5rem; font-weight:500; color:rgba(242,236,224,.04); line-height:1; margin-bottom:.8rem; }
.tag {
display:inline-block; padding:.28rem .75rem; margin-bottom:.9rem;
font-family:var(--mono); font-size:.56rem; letter-spacing:.14em; text-transform:uppercase;
}
.tag-lifestyle { background:rgba(58,111,216,.12); color:#6a9de8; border:1px solid rgba(58,111,216,.25); }
.tag-edu { background:rgba(212,168,67,.1); color:#d4a843; border:1px solid rgba(212,168,67,.25); }
.tag-pr { background:rgba(200,65,43,.12); color:#e06b55; border:1px solid rgba(200,65,43,.25); }
.tag-growth { background:rgba(46,125,82,.12); color:#5cb880; border:1px solid rgba(46,125,82,.25); }
h3.case-name { font-family:var(--serif); font-size:clamp(1.8rem,3vw,2.8rem); font-weight:700; line-height:1; margin-bottom:.7rem; }
h3.case-name em { font-style:italic; }
.case-role { font-family:var(--mono); font-size:.6rem; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); margin-bottom:.3rem; }
.case-where { font-family:var(--mono); font-size:.58rem; letter-spacing:.1em; color:var(--muted); }
.case-desc { font-size:.93rem; color:rgba(242,236,224,.65); line-height:1.85; margin-bottom:1.5rem; }
/* impact grid */
.impact { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--border); border:1px solid var(--border); margin:2.2rem 0; }
.impact-cell { background:#0f0f0f; padding:1.4rem; text-align:center; }
.impact-n { font-family:var(--serif); font-size:2rem; font-weight:600; color:var(--gold); display:block; line-height:1; }
.impact-d { font-family:var(--mono); font-size:.52rem; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); display:block; margin-top:.35rem; }
/* deliverables */
.deliverables h4 { font-family:var(--mono); font-size:.6rem; letter-spacing:.18em; text-transform:uppercase; color:var(--accent); margin-bottom:1.1rem; }
.deliverables ul { list-style:none; display:flex; flex-direction:column; gap:.6rem; }
.deliverables li { display:flex; align-items:flex-start; gap:.7rem; font-size:.9rem; color:rgba(242,236,224,.62); }
.deliverables li::before { content:'โ'; color:var(--accent); font-family:var(--mono); flex-shrink:0; }
/* agency context box */
.context-box {
background:#0e0e0e; border:1px solid var(--border);
padding:1.4rem 1.6rem; margin-bottom:2rem;
}
.context-box .ctx-label { font-family:var(--mono); font-size:.56rem; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); margin-bottom:.5rem; }
.context-box p { font-size:.88rem; color:rgba(242,236,224,.55); line-height:1.7; }
/* PULL QUOTE SECTION */
#philosophy { background:var(--accent); padding:9vh 5vw; }
.pq { font-family:var(--serif); font-size:clamp(2rem,4.5vw,5rem); font-weight:700; font-style:italic; color:#0a0a0a; line-height:1.1; max-width:950px; margin:0 auto; text-align:center; }
.pq-attr { font-family:var(--mono); font-size:.62rem; letter-spacing:.2em; text-transform:uppercase; color:rgba(8,8,8,.45); text-align:center; margin-top:2rem; }
/* TIMELINE */
#experience { background:#0a0a0a; border-top:1px solid var(--border); }
.tl { position:relative; padding-left:2.8rem; }
.tl::before { content:''; position:absolute; left:.4rem; top:.5rem; bottom:0; width:1px; background:linear-gradient(to bottom, var(--accent) 0%, transparent 100%); }
.tl-entry { position:relative; padding-bottom:3rem; }
.tl-entry::before { content:''; position:absolute; left:-2.5rem; top:.42rem; width:8px; height:8px; border-radius:50%; background:var(--accent); box-shadow:0 0 10px var(--accent); }
.tl-entry:last-child { padding-bottom:0; }
.tl-date { font-family:var(--mono); font-size:.58rem; letter-spacing:.14em; color:var(--muted); text-transform:uppercase; margin-bottom:.3rem; }
.tl-co { font-family:var(--serif); font-size:1.45rem; font-weight:600; margin-bottom:.15rem; }
.tl-role { font-family:var(--mono); font-size:.6rem; letter-spacing:.12em; color:var(--gold); text-transform:uppercase; margin-bottom:.6rem; }
.tl-text { font-size:.88rem; color:rgba(242,236,224,.58); max-width:560px; line-height:1.75; }
/* EDUCATION */
#education { background:var(--ink); border-top:1px solid var(--border); }
.edu-grid { display:grid; grid-template-columns:1fr 1fr; gap:2px; background:var(--border); border:1px solid var(--border); }
.edu-card { background:#0c0c0c; padding:2.5rem; transition:background .2s; }
.edu-card:hover { background:#111; }
.edu-uni { font-family:var(--mono); font-size:.58rem; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); margin-bottom:.6rem; }
h3.edu-deg { font-family:var(--serif); font-size:1.55rem; font-weight:600; line-height:1.2; margin-bottom:.4rem; }
.edu-yr { font-family:var(--mono); font-size:.58rem; color:rgba(242,236,224,.28); margin-bottom:1rem; }
.edu-gpa { font-family:var(--serif); font-size:2.6rem; font-weight:600; color:var(--gold); }
.edu-gpa span { font-family:var(--mono); font-size:.6rem; letter-spacing:.1em; color:var(--muted); display:block; font-weight:400; margin-top:.15rem; }
/* CONTACT */
#contact { background:#060606; border-top:1px solid var(--border); padding:10vh 5vw; text-align:center; }
h2.contact-hl { font-family:var(--serif); font-size:clamp(3rem,8vw,9rem); font-weight:700; font-style:italic; line-height:.95; margin-bottom:2rem; }
h2.contact-hl em { color:var(--accent); }
.contact-grid { display:flex; justify-content:center; gap:3.5rem; flex-wrap:wrap; margin-top:3.5rem; }
.c-item { text-align:left; }
.c-lbl { font-family:var(--mono); font-size:.56rem; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); display:block; margin-bottom:.3rem; }
.c-val, .c-val a { font-family:var(--serif); font-size:1.05rem; color:var(--paper); text-decoration:none; transition:color .2s; }
.c-val a:hover { color:var(--accent); }
.footer { margin-top:6rem; font-family:var(--mono); font-size:.55rem; letter-spacing:.14em; color:rgba(242,236,224,.18); text-transform:uppercase; }
/* ANIMATIONS */
@keyframes fadeUp { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }
.reveal { opacity:0; transform:translateY(28px); transition:opacity .7s ease,transform .7s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }
/* RESPONSIVE */
@media(max-width:900px){
.about-grid,.case,.edu-grid{ grid-template-columns:1fr; gap:2.5rem; }
.case-meta{ position:static; }
.impact{ grid-template-columns:1fr 1fr; }
.nav-links{ display:none; }
}
@media(max-width:520px){
.impact{ grid-template-columns:1fr; }
.hero-stats{ gap:1.5rem; }
.contact-grid{ flex-direction:column; align-items:center; }
}
</style>
</head>
<body>
<!-- NAV -->
<nav>
<a class="nav-logo" href="#hero">Meghna <span>Mohan</span></a>
<ul class="nav-links">
<li><a href="#about">About</a></li>
<li><a href="#work">Work</a></li>
<li><a href="#experience">Experience</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<!-- HERO -->
<section id="hero">
<div class="hero-watermark">CREATIVE</div>
<div class="hero-line"><span class="label">Marketing Portfolio ยท 2025</span></div>
<h1 class="hero-name">Meghna<br/><em>Mohan</em></h1>
<p class="hero-tagline">Content strategist, brand storyteller & integrated communications professional. From IP-licensed lifestyle brands to India's premier girls' boarding schools โ I build the systems that keep brands seen, heard, and trusted.</p>
<div class="hero-stats">
<div class="stat"><span class="val">4+</span><span class="key">Years in Marketing</span></div>
<div class="stat"><span class="val">25+</span><span class="key">Media Placements</span></div>
<div class="stat"><span class="val">5ร</span><span class="key">Engagement Growth</span></div>
<div class="stat"><span class="val">MBA</span><span class="key">Marketing ยท 8.89 CGPA</span></div>
</div>
<div class="hero-cta">
<a href="#work" class="btn btn-red">View My Work</a>
<a href="mailto:mohanmeghna24@gmail.com" class="btn btn-outline">Let's Talk</a>
</div>
</section>
<!-- ABOUT -->
<section id="about">
<div class="sec-hd reveal"><span class="sec-num">01</span><h2 class="sec-title">Who I <em>Am</em></h2></div>
<div class="about-grid">
<div>
<p class="big-quote reveal">I live at the intersection of <strong>creative instinct</strong> and <strong>strategic rigour</strong> โ where a mood board becomes a campaign, and a campaign becomes a measurable story.</p>
<br/>
<p class="big-quote reveal" style="font-size:clamp(1.1rem,1.7vw,1.4rem);color:rgba(242,236,224,.6);font-style:italic;">"Good marketing doesn't shout. It makes you lean in."</p>
</div>
<div>
<p class="body-text reveal">I started my career in quality control โ learning that understanding what people truly want is the most transferable skill in any room. That curiosity pulled me into marketing, through campus activations, telecom analytics, IP-driven lifestyle brand content, editorial school communications, and now full-spectrum PR and integrated brand communications.</p>
<p class="body-text reveal">My work spans Instagram reels, media pitches, photoshoot direction, content calendars, UGC briefs, and data dashboards. I don't just create content โ I build systems that keep brands consistently seen, heard, and trusted. Currently open to roles at ambitious agencies where craft and performance coexist.</p>
<div class="skills-wrap reveal">
<span class="pill">Content Strategy</span>
<span class="pill">PR & Media Outreach</span>
<span class="pill">Social Media Management</span>
<span class="pill">Campaign Planning</span>
<span class="pill">Mood Boarding</span>
<span class="pill">Photoshoot Direction</span>
<span class="pill">UGC Briefs</span>
<span class="pill">Brand Storytelling</span>
<span class="pill">Performance Reporting</span>
<span class="pill">Canva</span>
<span class="pill">Salesforce / HubSpot</span>
<span class="pill">Qualtrics</span>
<span class="pill">Market Research</span>
<span class="pill">Data Analytics</span>
</div>
</div>
</div>
</section>
<!-- CASE STUDIES -->
<section id="work">
<div class="sec-hd reveal"><span class="sec-num">02</span><h2 class="sec-title">Selected <em>Work</em></h2></div>
<!-- โโ CASE 1: SocksXpress โโ -->
<div class="case reveal">
<div class="case-meta">
<div class="case-idx">01</div>
<span class="tag tag-lifestyle">Lifestyle Brand</span>
<h3 class="case-name">Socks<em>Xpress</em></h3>
<p class="case-role">Senior Marketing Associate</p>
<p class="case-where">via 11 Ouest ยท Gurugram</p>
</div>
<div>
<div class="context-box">
<p class="ctx-label">About the Brand</p>
<p>SocksXpress (formerly Balenzia, part of the Jagran Group) is one of India's most loved fashion-socks brands, rebranded in November 2024. It holds official licenses across Marvel, Disney, Harry Potter, Friends, Rick & Morty, Justice League, Looney Tunes, Powerpuff Girls, WWF, Playboy, and more โ making it India's definitive destination for pop-culture socks. The brand sells across its own D2C site, Amazon, and Myntra.</p>
</div>
<p class="case-desc">The creative brief was deceptively complex: how do you produce daily Instagram content that makes socks feel exciting, character-true, and shoppable โ simultaneously across a dozen beloved IP universes with completely different visual languages? Marvel has one aesthetic. Harry Potter has another. Friends has another entirely. The challenge wasn't just creating content; it was building a content operating system that could flex across universes while maintaining one coherent brand identity for SocksXpress.</p>
<p class="case-desc">As the lead content strategist at 11 Ouest, I owned the entire creative pipeline end-to-end. I was the bridge between strategy and execution โ the person who turned IP launch briefs into visual mood boards, photoshoot references, UGC concepts, and design briefs that the creative team could execute with precision. I sat in brainstorm sessions as the content strategy lead, synthesising team ideas into actionable creative directions.</p>
<div class="impact">
<div class="impact-cell"><span class="impact-n">10+</span><span class="impact-d">IP universes managed</span></div>
<div class="impact-cell"><span class="impact-n">Daily</span><span class="impact-d">Content cadence</span></div>
<div class="impact-cell"><span class="impact-n">360ยฐ</span><span class="impact-d">Creative ownership</span></div>
</div>
<div class="deliverables">
<h4>What I Delivered</h4>
<ul>
<li>Developed end-to-end Instagram content strategy โ from brand voice articulation to monthly content calendars spanning all IP collections and seasonal drops</li>
<li>Created detailed mood boards and photoshoot reference decks for each IP launch, directing visual aesthetic, props, composition language, and styling for each universe (e.g. Hogwarts-dark for Harry Potter, saturated primary colours for Marvel, pastel nostalgia for Friends)</li>
<li>Built UGC content briefs guiding creators on how to authentically feature the product while staying true to each IP's fan-community language</li>
<li>Functioned as creative director alongside the graphic design team โ strategy, narrative, and briefing were mine; visual execution was the designer's; quality was shared ownership</li>
<li>Led the copyright brainstorm team, synthesising collective input into structured, IP-compliant creative directions that avoided infringement while maximising fandom resonance</li>
<li>Built reusable content frameworks and storytelling templates that enabled SocksXpress to scale content production across new IP launches without losing brand consistency</li>
</ul>
</div>
</div>
</div>
<!-- โโ CASE 2: Unison World School โโ -->
<div class="case reveal">
<div class="case-meta">
<div class="case-idx">02</div>
<span class="tag tag-edu">Education Brand</span>
<h3 class="case-name">Unison World <em>School</em></h3>
<p class="case-role">Senior Marketing Associate</p>
<p class="case-where">via 11 Ouest ยท Gurugram</p>
</div>
<div>
<div class="context-box">
<p class="ctx-label">About the Client</p>
<p>Unison World School (UWS) is one of India's top-ranked all-girls residential schools, located in Dehradun, Uttarakhand. Established in 2007 under Principal Dr. Mona Khanna, UWS offers ICSE, ISC, and IGCSE / A-Level programmes for Grades VIโXII and holds international partnerships with Kilgraston School (UK), Rangi Ruru Girls' School (New Zealand), and St. Francis' College (UK). The school's audience is highly discerning โ upper-middle-class parents making high-stakes, multi-year boarding decisions for their daughters.</p>
</div>
<p class="case-desc">Marketing a girls' boarding school is a study in dual-audience empathy. The parent (the decision-maker) wants trust, rigour, safety, and global opportunity. The prospective student (the end user) wants community, self-discovery, and aspiration. The school's digital presence needed to hold both simultaneously โ on platforms with very different expectations: Instagram for warm, visual campus storytelling; LinkedIn for institutional credibility and academic achievements; Facebook for parent community and engagement.</p>
<p class="case-desc">Through 11 Ouest, I developed a three-platform content strategy that gave each channel a distinct purpose and tone while maintaining cohesive brand values across the school's identity. This was not a brand that could afford to be casual or trend-chasing โ every piece of content had to reinforce UWS's standing as one of India's premier residential schools.</p>
<div class="impact">
<div class="impact-cell"><span class="impact-n">3</span><span class="impact-d">Platform strategy (IG / LI / FB)</span></div>
<div class="impact-cell"><span class="impact-n">Dual</span><span class="impact-d">Audience: parents & students</span></div>
<div class="impact-cell"><span class="impact-n">ICSE<br/>IGCSE</span><span class="impact-d">Elite academic positioning</span></div>
</div>
<div class="deliverables">
<h4>What I Delivered</h4>
<ul>
<li>Built distinct content pillars per platform โ Instagram for emotionally resonant campus life storytelling (events, dorms, friendships, sports); LinkedIn for academic milestones, rankings, and thought leadership from school leadership; Facebook for parent-community building and admissions visibility</li>
<li>Created announcement content frameworks for high-intent moments: admissions season, Annual Day, Sports Day, International Exchange Programme, board results โ each timed for maximum reach among prospective parent audiences</li>
<li>Developed LinkedIn content that positioned UWS's pedagogy and global partnerships to resonate with educated, aspirational parents comparing elite boarding options</li>
<li>Maintained brand language that balanced warmth and authority โ the school's identity required both approachability and institutional gravitas in every caption and creative</li>
</ul>
</div>
</div>
</div>
<!-- โโ CASE 3: AMPERA โโ -->
<div class="case reveal">
<div class="case-meta">
<div class="case-idx">03</div>
<span class="tag tag-pr">PR & Integrated Comms</span>
<h3 class="case-name">Ampera<br/><em>Communications</em></h3>
<p class="case-role">Account Executive</p>
<p class="case-where">Dec 2025 โ Present ยท Gurugram</p>
</div>
<div>
<div class="context-box">
<p class="ctx-label">About the Agency</p>
<p>AMPERA (amperaww.com) is a strategic communications firm founded by Abhi Mahapatra, former Director of Communications at Amazon India. Positioned at the intersection of policy, media, influencers, data, and culture, AMPERA operates as a communications lab for leaders in high-stakes environments โ integrating PR, public policy, media relations, and AI-powered efficiency tools. The firm is part of the Tribes Communication ecosystem, one of India's leading integrated marketing communication groups with pan-India offices in Delhi, Mumbai, Kolkata, and Bengaluru.</p>
</div>
<p class="case-desc">Joining AMPERA meant stepping into agency life at its most demanding and most intellectually rigorous level. Unlike a pure social media role, the account executive position here requires operating across earned and owned media simultaneously โ managing the precise, relationship-driven logic of PR alongside the reactive, format-native energy of social content. Getting both to feel like one coherent brand voice for multiple clients at once is the real craft.</p>
<p class="case-desc">At a firm explicitly built to "move beyond silos, beyond vanity metrics, and beyond just PR," my work is held to a higher standard of accountability โ with proprietary ERP and AI tools measuring both performance and efficiency, not just output.</p>
<div class="impact">
<div class="impact-cell"><span class="impact-n">25+</span><span class="impact-d">Media placements secured</span></div>
<div class="impact-cell"><span class="impact-n">20โ25%</span><span class="impact-d">Social engagement uplift</span></div>
<div class="impact-cell"><span class="impact-n">95%</span><span class="impact-d">Dashboard accuracy</span></div>
</div>
<div class="deliverables">
<h4>What I Delivered</h4>
<ul>
<li>Executed integrated PR + social strategies ensuring cohesive brand messaging across earned (media) and owned (social) channels for a multi-client portfolio</li>
<li>Drove media outreach resulting in 25+ placements across digital and print publications โ pitching, following up, and managing journalist relationships</li>
<li>Managed day-to-day social execution for client accounts: 10โ15 posts per month across Instagram and LinkedIn, never missing a deadline</li>
<li>Planned event-led, campaign-driven, and announcement-based content with real-time amplification and structured post-event coverage cycles</li>
<li>Contributed to a 20โ25% increase in social media engagement through trend-aligned formats, timely posting, and layered campaign storytelling</li>
<li>Maintained media trackers, coverage reports, and social performance dashboards at 95% accuracy to power client strategy reviews and reporting</li>
</ul>
</div>
</div>
</div>
<!-- โโ CASE 4: Rocktfuel โโ -->
<div class="case reveal">
<div class="case-meta">
<div class="case-idx">04</div>
<span class="tag tag-growth">High-Growth Agency</span>
<h3 class="case-name">Rockt<em>fuel</em></h3>
<p class="case-role">Social Media Manager</p>
<p class="case-where">Sep โ Dec 2025 ยท Bengaluru</p>
</div>
<div>
<div class="context-box">
<p class="ctx-label">About the Agency</p>
<p>Rocktfuel is a fast-moving Bengaluru-based marketing agency serving clients across fashion, F&B, and the marketing sector. A high-velocity environment with concurrent multi-sector client management.</p>
</div>
<p class="case-desc">Rocktfuel was a pressure test. Three months, multiple clients across completely different industries, and a mandate to grow fast and look good simultaneously. I joined as Social Media Manager with accounts that needed both a creative revamp and an aggressive growth strategy โ and delivered both within the contract window.</p>
<p class="case-desc">The differentiator here was adaptability: a fashion brand's visual language, audience psychology, and content formats are fundamentally different from an F&B client's โ and different again from a marketing-sector brand talking to industry insiders. Switching between those three registers fluidly, while maintaining quality and consistency on each account, was the core challenge and the core achievement.</p>
<div class="impact">
<div class="impact-cell"><span class="impact-n">5ร</span><span class="impact-d">Engagement growth in 3 months</span></div>
<div class="impact-cell"><span class="impact-n">3ร</span><span class="impact-d">Follower growth across accounts</span></div>
<div class="impact-cell"><span class="impact-n">3</span><span class="impact-d">Sectors: fashion, F&B, marketing</span></div>
</div>
<div class="deliverables">
<h4>What I Delivered</h4>
<ul>
<li>Managed end-to-end social strategy and content creation for Rocktfuel and multiple clients concurrently โ from brief to publish, entirely owned</li>
<li>Revamped brand presence across accounts with trend-driven reels, carousels, and campaign innovations, delivering 5ร engagement growth within three months</li>
<li>Grew follower count 3ร across client accounts through viral-format identification, influencer collaborations, and targeted campaign execution</li>
<li>Adapted creative strategy fluidly across sectors with very different audience expectations, visual languages, and platform behaviours</li>
</ul>
</div>
</div>
</div>
</section>
<!-- PHILOSOPHY BREAK -->
<section id="philosophy">
<p class="pq reveal">"The best content doesn't look like marketing. It looks like something people actually wanted to find."</p>
<p class="pq-attr reveal">โ Meghna Mohan ยท Creative Philosophy</p>
</section>
<!-- EXPERIENCE TIMELINE -->
<section id="experience">
<div class="sec-hd reveal"><span class="sec-num">03</span><h2 class="sec-title">Full <em>Timeline</em></h2></div>
<div class="tl">
<div class="tl-entry reveal">
<p class="tl-date">Dec 2025 โ Present</p>
<p class="tl-co">Ampera (Tribes Communication)</p>
<p class="tl-role">Account Executive โ PR & Social Media ยท Gurugram</p>
<p class="tl-text">Integrated communications across earned + owned media. Strategic communications firm founded by former Amazon India Communications Director Abhi Mahapatra. 25+ media placements, 20โ25% engagement uplift, 95% dashboard accuracy across multi-client portfolio.</p>
</div>
<div class="tl-entry reveal">
<p class="tl-date">Sep 2025 โ Dec 2025</p>
<p class="tl-co">Rocktfuel</p>
<p class="tl-role">Social Media Manager ยท Bengaluru</p>
<p class="tl-text">End-to-end social strategy for a multi-sector agency. Delivered 5ร engagement growth and 3ร follower growth in three months across fashion, F&B, and marketing clients.</p>
</div>
<div class="tl-entry reveal">
<p class="tl-date">2024 โ 2025</p>
<p class="tl-co">11 Ouest โ Creative Marketing Agency</p>
<p class="tl-role">Senior Marketing Associate ยท Gurugram</p>
<p class="tl-text">Lead content strategist for SocksXpress (formerly Balenzia, Jagran Group โ India's leading IP-licensed socks brand) and Unison World School (Dehradun's premier all-girls residential school). Full creative pipeline ownership: strategy, mood boarding, photoshoot direction, UGC briefs, designer collaboration, and copyright brainstorm leadership.</p>
</div>
<div class="tl-entry reveal">
<p class="tl-date">May 2024 โ Jul 2024</p>
<p class="tl-co">Bharti Airtel Ltd.</p>
<p class="tl-role">Marketing Intern ยท Bihar & Jharkhand Circle, Patna</p>
<p class="tl-text">Market research, customer data analysis, regional campaign execution. Contributed to 15% improvement in retention strategies through cross-functional collaboration with sales and customer service teams.</p>
</div>
<div class="tl-entry reveal">
<p class="tl-date">Aug 2022 โ Mar 2023</p>
<p class="tl-co">Griffon Food Limited</p>
<p class="tl-role">Quality Controller ยท Patna</p>
<p class="tl-text">Built the operational discipline and process-thinking that underpins how I manage client deliverables today. 35% compliance improvement, 47% defect reduction, 52% reduction in customer complaints.</p>
</div>
<div class="tl-entry reveal">
<p class="tl-date">Oct 2021 โ Jul 2022</p>
<p class="tl-co">Viral Fission</p>
<p class="tl-role">Campus Ambassador ยท Pune</p>
<p class="tl-text">Represented Mahindra Rise, IDFC Bank, and Skybags across 50,000+ students. 40% increase in student engagement, 30% brand recall uplift through campus activations and digital campaigns.</p>
</div>
</div>
</section>
<!-- EDUCATION -->
<section id="education">
<div class="sec-hd reveal"><span class="sec-num">04</span><h2 class="sec-title">Academic <em>Foundation</em></h2></div>
<div class="edu-grid reveal">
<div class="edu-card">
<p class="edu-uni">University of Petroleum & Energy Studies, Dehradun</p>
<h3 class="edu-deg">MBA in Marketing</h3>
<p class="edu-yr">2023 โ 2025</p>
<div class="edu-gpa">8.89 <span>CGPA ยท Distinction</span></div>
</div>
<div class="edu-card">
<p class="edu-uni">Bharati Vidyapeeth University, Pune</p>
<h3 class="edu-deg">BSc in Biotechnology</h3>
<p class="edu-yr">2019 โ 2022</p>
<div class="edu-gpa">9.12 <span>CGPA ยท First Class with Distinction</span></div>
</div>
</div>
</section>
<!-- CONTACT -->
<section id="contact">
<h2 class="contact-hl reveal">Let's build<br/><em>something</em><br/>worth seeing.</h2>
<p class="body-text reveal" style="max-width:480px;margin:0 auto;">Open to full-time roles at integrated marketing, PR, and creative agencies. If you're looking for someone who thinks in campaigns and executes with precision โ let's talk.</p>
<div class="contact-grid reveal">
<div class="c-item"><span class="c-lbl">Email</span><span class="c-val"><a href="mailto:mohanmeghna24@gmail.com">mohanmeghna24@gmail.com</a></span></div>
<div class="c-item"><span class="c-lbl">Phone</span><span class="c-val">+91 9470233000</span></div>
<div class="c-item"><span class="c-lbl">LinkedIn</span><span class="c-val"><a href="https://www.linkedin.com/in/meghna-mohan" target="_blank">linkedin.com/in/meghna-mohan</a></span></div>
<div class="c-item"><span class="c-lbl">Location</span><span class="c-val">Gurugram ยท Open to Relocation</span></div>
</div>
<p class="footer">ยฉ 2025 Meghna Mohan ยท Marketing Portfolio ยท Built with intention</p>
</section>
<script>
const io = new IntersectionObserver(entries => {
entries.forEach(e => { if(e.isIntersecting) e.target.classList.add('visible'); });
}, { threshold:.1, rootMargin:'0px 0px -50px 0px' });
document.querySelectorAll('.reveal').forEach(el => io.observe(el));
</script>
</body>
</html>
02 Jun 2026