case-studies

Acne Hormones

<div id="" class="container-fluid overflow-hidden services-section-block">
    <div class="row">
        <div class="inner tif-py-70 col-24 offset-md-1 col-md-22 ">
            <div class="row">
                <div class="content-wrapper col-24 col-xl-23">
                    <div class="row">
                        <div class="content tif-mb-50 col-24 col-md">
                                                        <h2 class="title tif-mb-30 " style="--bullet-color: ">An educational website energizes a campaign helping millions who struggle with the most common skin condition in the US.</h2>
                            
                                                        <p class="copy tif-font-md tif-mb-0">In partnership with our friends at <a href="https://core-rx.com/" target="_blank">Core-Rx Communications</a> in Chicago, we designed and developed an educational, consumer-facing website for their national campaign, “AH-ha!<sup>TM</sup> It’s Acne Hormones”.</p>
                            
                                                        <a href="https://acnehormones.com/" target="_blank" class="secondary-btn white-text tif-mt-40 tif-mt-md-65">Visit the Site</a>
                                                    </div>

                                                <div class="sidebar col-24 offset-md-1 col-md-auto">
                                                        <p class="tif-font-md tif-mb-md-30 tif-mb-15">What We Did</p>
                                                        
                            <ul class="list-unstyled tif-p-0 tif-m-0">
                                                                <li class="list-text text-uppercase tif-mb-20">UI/UX Design</li>
                                                                <li class="list-text text-uppercase tif-mb-20">Digital Strategy</li>
                                                                <li class="list-text text-uppercase tif-mb-20">Front End Development</li>
                                                                <li class="list-text text-uppercase tif-mb-20">WordPress</li>
                                                                <li class="list-text text-uppercase tif-mb-20">Banner Ads</li>
                                                                <li class="list-text text-uppercase tif-mb-20">GA4/GTM</li>
                                                            </ul>
                        </div>
                                            </div>
                </div>

                            </div>
        </div>
    </div>
</div>

<div class="wide-media-block container-fluid tif-bg-alpha-color ">
    <div class="row">
        <div class="col-24 col-xl-22 offset-xl-1">
            <div class="inner tif-py-35 tif-py-md-55">
                <div class="media-wrapper overflow-hidden ">
                                            <img decoding="async" class="media-img desktop-img w-100 d-block " src="https://wp.thinkitfirst.com/wp-content/uploads/2023/11/AcneHormones_1-scaled.webp" alt="AH-ha! Desktop and mobile layouts"  srcset="https://wp.thinkitfirst.com/wp-content/uploads/2023/11/AcneHormones_1-300x149.webp 300w, https://wp.thinkitfirst.com/wp-content/uploads/2023/11/AcneHormones_1-scaled.webp 1024w"/>
                                                                            </div>
            </div>
        </div>
    </div>
</div>

<div class="container-fluid subtitled-copy-list-block">
	<div class="row">
		<div class="inner col-md-22 offset-md-1 offset-sm-0 tif-pt-md-150 tif-pt-75 tif-pb-md-145 tif-pb-85">
			<div class="heading text-center">
				
							</div>
			<div class="tif-mb-md-135 tif-mb-65">
															<div class="list-row d-flex flex-md-row flex-column">
							<h3 class="col tif-h2 tif-mb-md-0 tif-mb-15">Design work that “Pops”</h3>
							<div class="col tif-font-md">
								<p>Acnehormones.com and the AH-ha!<sup>TM</sup> It’s Acne Hormones campaign seeks to educate on the root cause of a skin condition we’ve all struggled with. Hint hint – it’s acne hormones. And since teens and adults, males and females alike, deal with these hormones, the creative direction was easy– represent them! With help from the electrifying personality of Dr. Sandra Lee, aka Dr. Pimple Popper from TLC, it was a blast keeping things light– infusing color, handwritten drawings and illustrations, animations, and humanist shapes into all facets of this fun design.</p>
							</div>
						</div>
												</div>
			<div class="cta text-center">
															</div>
		</div>
	</div>
</div>


<div class="wide-media-block container-fluid tif-bg-alpha-color ">
    <div class="row">
        <div class="col-24 col-xl-22 offset-xl-1">
            <div class="inner tif-py-35 tif-py-md-55">
                <div class="media-wrapper overflow-hidden ">
                                            <img decoding="async" class="media-img desktop-img w-100 d-block " src="https://wp.thinkitfirst.com/wp-content/uploads/2023/11/AcneHormones_2-scaled.webp" alt="AH-ha! desktop layouts"  srcset="https://wp.thinkitfirst.com/wp-content/uploads/2023/11/AcneHormones_2-300x158.webp 300w, https://wp.thinkitfirst.com/wp-content/uploads/2023/11/AcneHormones_2-scaled.webp 1024w"/>
                                                                            </div>
            </div>
        </div>
    </div>
</div>

<div class="wide-media-block container-fluid tif-bg-alpha-color ">
    <div class="row">
        <div class="col-24 col-xl-22 offset-xl-1">
            <div class="inner tif-py-35 tif-py-md-55">
                <div class="media-wrapper overflow-hidden ">
                                            <img decoding="async" class="media-img desktop-img w-100 d-block " src="https://wp.thinkitfirst.com/wp-content/uploads/2023/11/AcneHormones_3-scaled.webp" alt="AH-ha! mobile layouts"  srcset="https://wp.thinkitfirst.com/wp-content/uploads/2023/11/AcneHormones_3-300x148.webp 300w, https://wp.thinkitfirst.com/wp-content/uploads/2023/11/AcneHormones_3-scaled.webp 1024w"/>
                                                                            </div>
            </div>
        </div>
    </div>
</div>

<div class="container-fluid subtitled-copy-list-block">
	<div class="row">
		<div class="inner col-md-22 offset-md-1 offset-sm-0 tif-pt-md-150 tif-pt-75 tif-pb-md-145 tif-pb-85">
			<div class="heading text-center">
				
							</div>
			<div class="tif-mb-md-135 tif-mb-65">
															<div class="list-row d-flex flex-md-row flex-column">
							<h3 class="col tif-h2 tif-mb-md-0 tif-mb-15">Expert content delivered in fun ways</h3>
							<div class="col tif-font-md">
								<p>From hand-drawn illustrative videos and animated gifs to eye-catching graphics and scrolling animations, the content experience on the site keeps users engaged. Through multiple collaborative design brainstorm sessions with the Core-Rx creative team, Think It First came up with fun and novel ways to tell the AH-ha! story. </p>
<p>Like a tour guide, Dr. Pimple Popper is always there to inject “AH-ha<sup>TM</sup> moments” of inspiration and follows the user down the page via a small video “bug” ready to launch with a new tidbit. Multiple sections leverage user-scrolling functionality to instruct how to care for your face or how to prep for your dermatology appointment. Another page is a library of Q&#038;A tips, resources, and videos featuring Dr. Pimple Popper herself.</p>
							</div>
						</div>
												</div>
			<div class="cta text-center">
															</div>
		</div>
	</div>
</div>


<div class="wide-media-block container-fluid tif-bg-alpha-color ">
    <div class="row">
        <div class="col-24 col-xl-22 offset-xl-1">
            <div class="inner tif-py-35 tif-py-md-55">
                <div class="media-wrapper overflow-hidden ">
                                            <img decoding="async" class="media-img desktop-img w-100 d-block " src="https://wp.thinkitfirst.com/wp-content/uploads/2023/11/AcneHormones_4-scaled.webp" alt="Teenagers with Acne in a banner"  srcset="https://wp.thinkitfirst.com/wp-content/uploads/2023/11/AcneHormones_4-300x149.webp 300w, https://wp.thinkitfirst.com/wp-content/uploads/2023/11/AcneHormones_4-scaled.webp 1024w"/>
                                                                            </div>
            </div>
        </div>
    </div>
</div>

<div class="wide-media-block container-fluid tif-bg-alpha-color ">
    <div class="row">
        <div class="col-24 col-xl-22 offset-xl-1">
            <div class="inner tif-py-35 tif-py-md-55">
                <div class="media-wrapper overflow-hidden ">
                                            <img decoding="async" class="media-img desktop-img w-100 d-block " src="https://wp.thinkitfirst.com/wp-content/uploads/2023/11/AcneHormones_5-scaled.webp" alt="Acne demonstration"  srcset="https://wp.thinkitfirst.com/wp-content/uploads/2023/11/AcneHormones_5-300x149.webp 300w, https://wp.thinkitfirst.com/wp-content/uploads/2023/11/AcneHormones_5-scaled.webp 1024w"/>
                                                                            </div>
            </div>
        </div>
    </div>
</div>

<div class="wide-media-block container-fluid tif-bg-alpha-color ">
    <div class="row">
        <div class="col-24 col-xl-22 offset-xl-1">
            <div class="inner tif-py-35 tif-py-md-55">
                <div class="media-wrapper overflow-hidden ">
                                            <img decoding="async" class="media-img desktop-img w-100 d-block " src="https://wp.thinkitfirst.com/wp-content/uploads/2023/11/AcneHormones_6-scaled.webp" alt="Dr. Pimple Popper videos"  srcset="https://wp.thinkitfirst.com/wp-content/uploads/2023/11/AcneHormones_6-300x149.webp 300w, https://wp.thinkitfirst.com/wp-content/uploads/2023/11/AcneHormones_6-scaled.webp 1024w"/>
                                                                            </div>
            </div>
        </div>
    </div>
</div>

<div class="container-fluid subtitled-copy-list-block">
	<div class="row">
		<div class="inner col-md-22 offset-md-1 offset-sm-0 tif-pt-md-150 tif-pt-75 tif-pb-md-145 tif-pb-85">
			<div class="heading text-center">
				
							</div>
			<div class="tif-mb-md-135 tif-mb-65">
															<div class="list-row d-flex flex-md-row flex-column">
							<h3 class="col tif-h2 tif-mb-md-0 tif-mb-15">Wide reach for a broad audience</h3>
							<div class="col tif-font-md">
								<p>The AH-ha!<sup>TM</sup> It’s Acne Hormones campaign is a multi-channel, national campaign reaching far and wide. In support, Think It First integrated an Instagram feed into the site, built out a large set of complementary programmatic banner ads, and connected a robust set of GA4 analytics KPI tracking. Bigger plans are in store for the future of this ongoing campaign– stay tuned!</p>
							</div>
						</div>
												</div>
			<div class="cta text-center">
															</div>
		</div>
	</div>
</div>


<div class="wide-media-block container-fluid tif-bg-alpha-color ">
    <div class="row">
        <div class="col-24 col-xl-22 offset-xl-1">
            <div class="inner tif-py-35 tif-py-md-55">
                <div class="media-wrapper overflow-hidden ">
                                                                                    <video autoplay loop muted playsinline -webkit-playsinline class="w-100 d-block" data-desktop="https://player.vimeo.com/progressive_redirect/playback/885404539/rendition/720p/file.mp4?loc=external&#038;log_user=0&#038;signature=c35839d0507a2142c4aa535b7386a7c0fb1ac25380956a2c27f1411324a32d46" >
                        </video>
                                    </div>
            </div>
        </div>
    </div>
</div>

<div class="dual-media-block container-fluid tif-bg-alpha-color">
    <div class="row">
        <div class="col-24 col-xl-22 offset-xl-1">
            <div class="inner tif-py-50 tif-py-md-70">
                <div class="row tif-g-md-25">
                    <div class="media-wrapper col-24 col-md-12 tif-mb-40 tif-mb-md-0">
                        <div class="ratio overflow-hidden" style="--bs-aspect-ratio: 102.82%;">
                                                            <img decoding="async" class="media-img desktop-img" src="https://wp.thinkitfirst.com/wp-content/uploads/2023/11/AcneHormones_7.webp" alt="Girl with acne looking in mirror"/>
                                                                                </div>
                    </div>
                    <div class="media-wrapper col-24 col-md-12">
                        <div class="ratio overflow-hidden" style="--bs-aspect-ratio: 102.82%;">
                                                            <img decoding="async" class="media-img desktop-img" src="https://wp.thinkitfirst.com/wp-content/uploads/2023/11/AcneHormones_8.gif" alt="Animated Gif of girl with acne"/>
                                                                                </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container-fluid position-relative case-study-archive-block tif-pt-md-10 tif-pt-5">
		<div class="row">
		<div class="col-md-22 offset-md-1 offset-sm-0">
			<div class="inner has-bottom-separator tif-pb-md-75 tif-pb-40 has-top-separator tif-pt-md-30">
									<h4 class="title tif-font-md tif-mb-md-110 tif-mb-55 tif-bravo-color">Related Results</h4>
				
				<div class="archive row tif-g-md-15 tif-g-lg-20 tif-g-lg-25 three-column-layout">
					
								<div class="post col-auto tif-mb-md-105 tif-mb-50">
									<div class="position-relative">
										<div class="featured-image position-relative w-100 tif-mb-md-45 tif-mb-25"><img loading="lazy" decoding="async" width="1742" height="1008" src="https://wp.thinkitfirst.com/wp-content/uploads/2023/11/Winlevi_Featured-2.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Winlevi logo superimposed on images in bubbles" srcset="https://wp.thinkitfirst.com/wp-content/uploads/2023/11/Winlevi_Featured-2.webp 1742w, https://wp.thinkitfirst.com/wp-content/uploads/2023/11/Winlevi_Featured-2-300x174.webp 300w, https://wp.thinkitfirst.com/wp-content/uploads/2023/11/Winlevi_Featured-2-1024x593.webp 1024w, https://wp.thinkitfirst.com/wp-content/uploads/2023/11/Winlevi_Featured-2-768x444.webp 768w, https://wp.thinkitfirst.com/wp-content/uploads/2023/11/Winlevi_Featured-2-1536x889.webp 1536w" sizes="auto, (max-width: 1742px) 100vw, 1742px" /></div>
										<h3 class="tif-mb-0 title tif-white-color">WINLEVI</h3>
																					<p class="tif-font-md tif-mt-15 tif-mb-0 tif-white-color">An award-winning, rule-breaking, consumer website gives WINLEVI® the edge to become the #1 topical acne drug on the market.</p>
																				<a href="/results/winlevi/" class="stretched-link"></a>
									</div>
								</div>

					
								<div class="post col-auto tif-mb-md-105 tif-mb-50">
									<div class="position-relative">
										<div class="featured-image position-relative w-100 tif-mb-md-45 tif-mb-25"><img loading="lazy" decoding="async" width="1742" height="1008" src="https://wp.thinkitfirst.com/wp-content/uploads/2023/11/VG_Featured-1.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Vetgirl logo superimposed on image of vet checking a cat" srcset="https://wp.thinkitfirst.com/wp-content/uploads/2023/11/VG_Featured-1.webp 1742w, https://wp.thinkitfirst.com/wp-content/uploads/2023/11/VG_Featured-1-300x174.webp 300w, https://wp.thinkitfirst.com/wp-content/uploads/2023/11/VG_Featured-1-1024x593.webp 1024w, https://wp.thinkitfirst.com/wp-content/uploads/2023/11/VG_Featured-1-768x444.webp 768w, https://wp.thinkitfirst.com/wp-content/uploads/2023/11/VG_Featured-1-1536x889.webp 1536w" sizes="auto, (max-width: 1742px) 100vw, 1742px" /></div>
										<h3 class="tif-mb-0 title tif-white-color">VETgirl</h3>
																					<p class="tif-font-md tif-mt-15 tif-mb-0 tif-white-color">A 10-year collab with a unique Veterinary CE content provider produced a robust platform that’s launched them to becoming the industry’s leading resource for veterinary continuing education. </p>
																				<a href="/results/vetgirl/" class="stretched-link"></a>
									</div>
								</div>

					
								<div class="post col-auto tif-mb-md-105 tif-mb-50">
									<div class="position-relative">
										<div class="featured-image position-relative w-100 tif-mb-md-45 tif-mb-25"><img loading="lazy" decoding="async" width="1744" height="1008" src="https://wp.thinkitfirst.com/wp-content/uploads/2023/11/CSU_Featured-2.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Colorado State University Logo superimposed on image of vets in surgery" srcset="https://wp.thinkitfirst.com/wp-content/uploads/2023/11/CSU_Featured-2.webp 1744w, https://wp.thinkitfirst.com/wp-content/uploads/2023/11/CSU_Featured-2-300x173.webp 300w, https://wp.thinkitfirst.com/wp-content/uploads/2023/11/CSU_Featured-2-1024x592.webp 1024w, https://wp.thinkitfirst.com/wp-content/uploads/2023/11/CSU_Featured-2-768x444.webp 768w, https://wp.thinkitfirst.com/wp-content/uploads/2023/11/CSU_Featured-2-1536x888.webp 1536w" sizes="auto, (max-width: 1744px) 100vw, 1744px" /></div>
										<h3 class="tif-mb-0 title tif-white-color">CSU Vet CE</h3>
																					<p class="tif-font-md tif-mt-15 tif-mb-0 tif-white-color">Reimagining the continuing education experience for the #2 Veterinary program in the country.</p>
																				<a href="/results/csu-vet-ce/" class="stretched-link"></a>
									</div>
								</div>

									</div>

				<div class="d-flex flex-md-row flex-column justify-content-between align-items-center">
					
									</div>
			</div>
		</div>
	</div>
</div>


Most agency newsletters are a little in love with themselves. This ain’t that.

Acne Hormones