




<!DOCTYPE html>
<html>

<head lang="en">
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0">
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="og:title" content="Concentric | Digital Creative Studio" />
  <meta property="og:type" content="article" />
  <meta property="og:url" content="http://www.concentric-studio.com" />
  <meta property="og:image" content="http://www.concentric-studio.com/images/uploads/Case-2.jpg" />
  <meta property="og:image:height" content="630" />
  <meta property="og:image:width" content="1200" />
  <meta name="og:description" content="Concentric is a creative studio that creates stunning user experiences and highly functional interactive interfaces to help companies connect with their audiences." />
  <meta name="keywords" content="ui/ux design, digital design, responsive design, mobile web design, website design, new york, new york city, columbus, ohio, victoria's secret, martha stewart, west elm, cbs sports, cfr, anthropologie" />
  <meta name="robots" content="index, follow" />

  <meta http-equiv="Content-Language" content="en-us" />
	<title>Concentric | A Digital Creative Studio</title>


<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#c99d00 ">
<meta name="theme-color" content="#ffffff ">
	<link type="text/css" rel="stylesheet" href="http://fast.fonts.net/cssapi/280ab830-1bf9-42b7-8170-35d71663243f.css">
	<link href="https://concentric-studio.com/?css=site_2016/font-awesome.v.1473194928" rel="stylesheet" type="text/css">
<link href="https://concentric-studio.com/?css=site_2016/concentric_2016.v.1542339602" rel="stylesheet" type="text/css">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/3.0.3/handlebars.runtime.min.js"></script>

<link href="/js/instashow/jquery.instashow.min.css" rel="stylesheet">
<script src="/js/instashow/jquery.instashow.min.js"></script>
	
<!--GOOGLE ANALYTICS CODE BELOW -->

<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-27636855-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>

</head>

<body>
<!-- Nav section start -->
	
<div id="NavBar" style="display: none;">
		<a href="https://concentric-studio.com/">
			<div class="logo-img"></div>
		</a>
		<div id="Button" class="burger-btn">
			<div class="bar-menu-box">
				<div class="menu-button">
					<div class="patty">
					</div>
					<div class="patty">
					</div>
					<div class="patty">
					</div>
				</div>
			</div>
		</div>
	</div>
	<section id="Nav" class="hidden closed-nav" style="display: none;">

		<div class="nav-active">
			<div class="open-nav">
				<div class="text-area">
					<div class="header-text">
						/ Featured work
					</div>
<!-- Edit links here in this section. Please don't change anything above here.-->
					<div class="link">
						<a href="https://concentric-studio.com/cs-alta/">Alta Editions
							</a>
					</div>
					<div class="link">
						<a href="https://concentric-studio.com/cs-billboard/">Billboard</a>
					</div>
					<div class="link">
						<a href="https://concentric-studio.com/cs-cbs/">CBS Sports
					</div>
					<div class="link">
						<a href="https://concentric-studio.com/cs-cfr/">CFR
					</div>
					<div class="link">
						<a href="https://concentric-studio.com/cs-chouwenchung/">Chou Wen-Chung
					</div>
					<div class="link">
						<a href="https://concentric-studio.com/cs-etam/">Etam
					</div>
					<div class="link">
						<a href="https://concentric-studio.com/cs-foreignaffairs/">Foreign Affairs
					</div>
					<div class="link">
						<a href="https://concentric-studio.com/cs-mainstreethub/">Main Street Hub
					</div>
					<div class="link">
						<a href="https://concentric-studio.com/cs-martha/">Martha Stewart
					</div>
					<div class="link">
						<a href="https://concentric-studio.com/cs-nelly/">Nelly
					</div>
					<div class="link">
						<a href="https://concentric-studio.com/cs-toyota/">Toyota
					</div>
					<div class="link">
						<a href="https://concentric-studio.com/cs-wyndham/">Wyndham
					</div>
<!-- End link section: Please don't change anything else below this section -->
					<div class="contact">
						<div class="header-text">
							/ New Business
						</div>
						<div class="link">
							<p>
								<a href="mailto:sumin@concentric-studio.com?subject=Hello%20Concentric!">sumin@concentric-studio.com</a>
								<br /><a href="tel:1-917-363-4324">(917) 363-4324</a>
							</p>
						</div>
					</div>
					<div class="nav-footer">
						<div class="header-text">
							/ follow
						</div>
						<div class="link">
							<p>
								<a href="https://www.facebook.com/weareconcentric"><i class="fa fa-facebook-square" aria-hidden="true"></i></a>&nbsp;
								<a href="https://twitter.com/WeAreConcentric"><i class="fa fa-twitter-square" aria-hidden="true"></i></a>&nbsp;
								<a href="https://www.instagram.com/concentricstudio/"><i class="fa fa-instagram" aria-hidden="true"></i></a>&nbsp;
								<a href="https://www.linkedin.com/company/401304?trk=prof-exp-company-name"><i class="fa fa-linkedin-square" aria-hidden="true"></i></a></p>
						</div>
					</div>
				</div>

			</div>
		</div>
		
	</section>
<!-- Nav section end -->
		<section id="Top">
			<div class="top-bar">
				<a href="https://concentric-studio.com/">
					<div class="logo-img"> </div>
				</a>
				<div id="Button" class="burger-btn">
					<div class="bar-menu-box">
						<div class="menu-button">
							<div class="patty">
							</div>
							<div class="patty">
							</div>
							<div class="patty">
							</div>
						</div>
					</div>
				</div>
				<div class="text-area">
					<div class="header-text">
						/ A Digital Creative Studio

					</div>

					<div class="title">
						Inspired design, bold solutions & bottom line results
					</div>
					<div class="header-text">
						/ Featured Work
					</div>
				</div>

			</div>
		</section>

<!-- These variables are here to help you edit the main grid - replacing images just requires uploading with the same name eg 'Case-1.jpg'. 
You edit these titles, subtitles, and links so in the main grid you can change out what case study is where. They're in numerical order, which reads from left to right in descending order. -->








<section class="images">

			<div class="left">
				<div class="clear">
					<div class="case-1">
                         <a href="https://concentric-studio.com/cs-etam/"><img src="/images/uploads/Case-1.jpg" alt="Etam" /></a>
                                  <a href="https://concentric-studio.com/cs-etam/">
						<div class="hover">
							<div class="title">
								Etam							</div>
							<p>
								RESPONSIVE							</p>
						</div>
                                            </a>
					</div>
					<div class="middle">
						<div class="left-img case-4">
							<a href="https://concentric-studio.com/cs-toyota/"><img src="/images/uploads/Case-4.jpg" alt="Toyota" /></a>
                                                      <a href="https://concentric-studio.com/cs-toyota/">
							<div class="hover">
								<div class="title">
									Toyota								</div>
								<p>
									ONLINE DASHBOARD								</p>
							</div>
                                                      </a>
						</div>
						<div class="right-img case-5">
							<a href="https://concentric-studio.com/cs-foreignaffairs/"><img src="/images/uploads/Case-5.jpg" alt="Foreign Affairs" /></a>
                                                        <a href="https://concentric-studio.com/cs-foreignaffairs/">
							<div class="hover">
								<div class="title">
									Foreign Affairs								</div>
								<p>
									WEB + MOBILE								</p>
							</div>
                                                        </a>
						</div>
					</div>
					<div class="lower">
						<a href="https://concentric-studio.com/cs-wyndham/"><img src="/images/uploads/Case-7.jpg" alt="Wyndham" /></a>
						<a href="https://concentric-studio.com/cs-wyndham/">
							<div class="hover">
								<div class="title">
									Wyndham								</div>
								<p>
									RESPONSIVE								</p>
							</div>
						</a>
					</div>
				</div>
			</div>
			<div class="right">
				<div class="clear">
					<div class="middle">
						<div class="left-img case-2">
							<a href="https://concentric-studio.com/cs-martha/"><img src="/images/uploads/Case-2.jpg" alt="Martha Stewart" /></a>
                                             <a href="https://concentric-studio.com/cs-martha/">
							<div class="hover">
								<div class="title">
									Martha Stewart								</div>
								<p>
									WEB REDESIGN								</p>
							</div>
                                                     </a>
						</div>
						<div class="right-img case-3">
							<a href="https://concentric-studio.com/cs-cbs/"><img src="/images/uploads/Case-3.jpg" alt="CBS Sports" /></a>
                                                      <a href="https://concentric-studio.com/cs-cbs/">
							<div class="hover">
								<div class="title">
									CBS Sports								</div>
								<p>
									PROTOTYPING								</p>
							</div>
                                                     </a>
						</div>
					</div>
					<div class="right-large">
						<a href="https://concentric-studio.com/cs-chouwenchung/"><img src="/images/uploads/Case-6.jpg" alt="Chou Wen-Chung" /></a>
                                              <a href="https://concentric-studio.com/cs-chouwenchung/">
						<div class="hover">
							<div class="title">
								Chou Wen-Chung							</div>
							<p>
								RESPONSIVE							</p>
						</div>
                                             </a>
					</div>
					<div class="middle case-8">
						<a href="https://concentric-studio.com/cs-billboard/"><img src="/images/uploads/Case-8.jpg" alt="Billboard" /></a>
                                          <a href="https://concentric-studio.com/cs-billboard/">
						<div class="hover">
							<div class="title">
								Billboard							</div>
							<p>
								ONLINE MUSIC PLATFORM							</p>
						</div>
                                            </a>
					</div>
				</div>
			</div>
		</section>

		<section class="about">
			<div class="white-bar about-us">
				<div class="text-area">
					<div class="header-text">
						/ About Us
					</div>
					<div class="title">
						Exceptional user experiences that target results
					</div>
					<div class="info">
						Established in 2007, Concentric is a digital creative studio that creates beautiful, results-driven brand, media and product experiences across digital platforms. We partner with our clients to uncover their messages, transform their identity and create impactful user experiences. Our work harnesses the power of strategic thinking, design and technology to help businesses grow. We are passionate about solving complex challenges and attaining bottom line results.
<a href="mailto:sumin@concentric-studio.com?subject=Hello%20Concentric!">Contact us</a> to find out how we can help.

					</div>
				</div>
			</div>
			<div class="lower-bar">
				<div class="text-area">
					<div class="header-text">
						/ capabilities
					</div>
					<div class="info">
						<div class="flex-text">
							<div class="text-list">
								<li>
									Digital Strategy
								</li>
								<li>
									Analytics
								</li>
								<li>
									Competitive Analysis
								</li>
								<li>
								       Audience Research
								</li>
								<li>
								       Social Media
								</li>
							</div>
							<div class="text-list">
								<li>
									Art Direction
								</li>
								<li>
									Identity Design
								</li>
								<li>
									UX / UI Design
								</li>
								<li>
									Design Systems
								</li>
								<li>
									Responsive Design
								</li>
							</div>
							<div class="text-list">
								<li>
								        App Development
								</li>
								<li>
								        Web Development
								</li>
								<li>
									CMS Implementation
								</li>
								<li>
									E-Commerce
								</li>
								<li>
									QA Testing
								</li>
							</div>
						</div>
					</div>

				</div>
			</div>
			<div class="white-bar">
				<div class="text-area">
					<div class="header-text">
						/ Approach
					</div>
					<div class="title">
						Brands are unique & require tailor-made solutions
					</div>

					<div class="info">
						Concentric crafts custom solutions for every engagement—we don’t believe one-size fits all. We tailor our work to the specific needs
						of each client and provide singular focus to attain the underlying project goals and success metrics. Our studio is driven by exacting standards, stunning design and flawless implementation. We have worked in partnership with many outstanding companies across a range of industries to transform their digital entities. We hope we can be a part of your next project. 
					</div>
				</div>
			</div>
		</section>
		<section class="clients">
			<div class="instagram-feed">

				<div 
data-is data-is-api="/js/instashow/api/" 
data-is-source="@concentricstudio" 
data-is-arrows-control="false" 
data-is-drag-control="false" 
data-is-scrollbar="false" 
data-is-effect="fade" 
data-is-speed="0" 
data-is-loop="false" 
data-is-popup-speed="0" 
data-is-mode="instagram"
						
data-is-info="likesCounter" 
data-is-popup-info="" 
data-is-color-gallery-bg="rgba(255, 255, 255, 0)" 
data-is-color-gallery-overlay="rgba(68, 237, 204, 0.75)" 
data-is-color-gallery-arrows="rgba(163, 163, 163, 0)" 
data-is-color-gallery-arrows-hover="rgba(249, 218, 8, 0)"
						data-is-color-gallery-arrows-bg="rgba(255, 255, 255, 0)" 
data-is-color-gallery-arrows-bg-hover="rgba(255, 255, 255, 0)" 
data-is-color-gallery-scrollbar="rgba(255, 255, 255, 0)" 
data-is-color-gallery-scrollbar-slider="rgba(68, 68, 68, 0)" 
data-is-color-popup-overlay="rgba(223, 190, 5, 0.9)"
						data-is-color-popup-username="rgb(223, 194, 0)" 
data-is-color-popup-username-hover="rgb(249, 218, 8)" 
data-is-color-popup-instagram-link="rgb(223, 194, 0)" 
data-is-color-popup-instagram-link-hover="rgb(249, 218, 8)" 
data-is-color-popup-anchor="rgb(223, 194, 0)"
						data-is-color-popup-anchor-hover="rgb(249, 218, 8)" 
data-is-color-popup-controls="rgb(185, 149, 24)" 
data-is-color-popup-controls-hover="rgb(99, 99, 99)" 
data-is-color-popup-mobile-controls="rgb(189, 183, 16)" 
data-is-responsive='{ "650": { "columns": 2, "rows": 4 }}'></div>
				<div class="my-instashow"></div>

			</div>
			<div class="text-area">
				<div class="header-text">
					/ select clients
				</div>
				<div class="title">
					A few brands we’ve had the privilege to work with
				</div>
				<section class="logo-section">



					<div class="img-column">


						<div class="client-logo">
							<!-- <div class="brand-logo"> -->
							<div class="img billboard-logo">
							</div>
							<!-- </div> -->
						</div>
						<div class="client-logo">
							<div class="img scientific-am-logo">
							</div>
						</div>

						<div class="client-logo">
							<div class="img fortune-logo">
							</div>
						</div>

						<div class="client-logo">
							<div class="img cfr-logo">
							</div>
						</div>
					</div>
					<!-- Column -->
					<div class="img-column">
						<div class="client-logo">
							<div class="img foreign-affairs-logo">
							</div>
						</div>

						<div class="client-logo">
							<div class="img cnn-logo">
							</div>
						</div>

						<div class="client-logo">
							<div class="img anthro-logo">
							</div>
						</div>

						<div class="client-logo">
							<div class="img martha-logo">
							</div>
						</div>
					</div>
					<div class="clear">


						<!-- Column -->
						<div class="img-column last">
							<div class="column-spacer">
								<div class="client-logo">
									<div class="img west-elm-logo">
									</div>
								</div>
								<div class="client-logo">
									<div class="img nelly-logo">
									</div>
								</div>
							</div>
							<div class="column-spacer">
								<!-- just splitting the logos. -->
								<div class="client-logo">
									<div class="img cbs-logo">
									</div>
								</div>
								<div class="client-logo">
									<div class="img henriot-logo">
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>
			</div>
		</section>
		<section id="Footer">
			<div class="text-area">
				<div class="headings">
					<div class="header-text">
						/ Get in Touch
					</div>
					<div class="title">
						Let's make something awesome together!
					</div>
				</div>
				<div class="content">
					<div class="row one">
						<div class="first-contact">

							<div class="header-text">
								/ New Business
							</div>
							<p>
								<a href="mailto:sumin@concentric-studio.com?subject=Hello%20Concentric!">sumin@concentric-studio.com</a>

								<br /> <a href="tel:1-917-363-4324">(917) 363-4324</a>
							</p>
						</div>

						<div class="last-contact">
							<div class="header-text">
								/ general & Employment
							</div>
							<p>
									<a href="mailto:info@concentric-studio.com?subject=Hello%20Concentric!">info@concentric-studio.com</a>
							</p>
						</div>

					</div>
					<li id="spacer">
					</li>
					<div class="row two">
						<div class="right-column location">
							<div class="header-text">
								/ locations
							</div>
							<p>
								New York
							</p>
						</div>

						<div class="right-column follow">
							<div class="header-text">
								/ follow
							</div>
							<div class="link">
								<p>
									<a href="https://www.facebook.com/weareconcentric"><i class="fa fa-facebook-square" aria-hidden="true"></i></a>&nbsp;
									<a href="https://twitter.com/WeAreConcentric"><i class="fa fa-twitter-square" aria-hidden="true"></i></a>&nbsp;
									<a href="https://www.instagram.com/concentricstudio/"><i class="fa fa-instagram" aria-hidden="true"></i></a>&nbsp;
									<a href="https://www.linkedin.com/company/401304?trk=prof-exp-company-name"><i class="fa fa-linkedin-square" aria-hidden="true"></i></a></p>
							</div>
						</div>
					</div>
				</div>
				<div class="copywrite">
					<div class="header-text">
						©2021 Concentric. All Rights Reserved.
					</div>
				</div>
			</div>
		</section>
</div>
</div>
<script async defer src="//assets.pinterest.com/js/pinit.js"></script>
	<script type="text/javascript" src="/js/retina.js"></script>
<script type="text/javascript" src="/js/jquery.fallings.js"></script>
	<script type="text/javascript" src="/js/concentric_2016.js"></script>

</body>

</html>