diff --git a/packages/website/ts/components/announcement.tsx b/packages/website/ts/components/announcement.tsx
index 6bb2f34602..8338e1ea32 100644
--- a/packages/website/ts/components/announcement.tsx
+++ b/packages/website/ts/components/announcement.tsx
@@ -8,6 +8,7 @@ import { Button } from './button';
 export interface AnnouncementProps {
     headline: string;
     href: string;
+    shouldOpenInNewTab?: boolean;
 }
 
 const BrandColorSpan = styled.span`
@@ -31,7 +32,12 @@ const AnnouncementLink = styled(Button)`
 export const Announcement: React.StatelessComponent<AnnouncementProps> = (props: AnnouncementProps) => {
     return (
         <Wrap>
-            <AnnouncementLink isWithArrow={true} isAccentColor={true} href={props.href}>
+            <AnnouncementLink
+                isWithArrow={true}
+                isAccentColor={true}
+                href={props.href}
+                target={props.shouldOpenInNewTab ? '_blank' : ''}
+            >
                 <BrandColorSpan>{'New!'}</BrandColorSpan>
                 {props.headline}
             </AnnouncementLink>
diff --git a/packages/website/ts/components/sections/landing/hero.tsx b/packages/website/ts/components/sections/landing/hero.tsx
index 536befd345..9bf5b2aeb8 100644
--- a/packages/website/ts/components/sections/landing/hero.tsx
+++ b/packages/website/ts/components/sections/landing/hero.tsx
@@ -10,6 +10,7 @@ import { WebsitePaths } from 'ts/types';
 const announcement = {
     headline: 'StarkDEX: Bringing STARKs to Ethereum',
     href: 'https://www.starkdex.io',
+    shouldOpenInNewTab: true,
 };
 
 export const SectionLandingHero = () => (