The storyteller

<!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

Keywords
Marketing

Explore More Projects By Meghna Mohan