Intech och New Breed bygger webbapp för att attrahera och konvertera potentiella kunder

0 Shares

gif 4 intech och ny ras bygga webbapp-1

I mer än 30 år har den globala investeringsförvaltaren Intech® erbjudit institutionella investerare kvantitativa aktiestrategier som strävar efter långsiktig överavkastning samtidigt som de försöker minska risken. Till skillnad från traditionella kapitalförvaltare, levererar Intech® resultat med hjälp av avancerad matematik och systematisk portföljombalansering för att utnyttja de naturliga rörelserna i aktiekurserna. Deras tillvägagångssätt syftar till att erbjuda sina kunder en distinkt källa till riskjusterad avkastning. Intech® kom till New Breed Marketing för att få hjälp med att skapa ett interaktivt webbverktyg på HubSpot CMS.

Deras utmaning

Efter lanseringen av deras nya säljfärdiga webbplats i slutet av 2017, arbetade Intech® med New Breed för att skapa ett interaktivt webbverktyg på HubSpot CMS – ett verktyg som kan användas för att visualisera och jämföra dagliga data och tidsseriedata som visar stressnivån på över 20 aktiemarknader runt om i världen. Intech® skulle kunna använda verktyget för både leadgenerering och försäljningsmöjlighet. Besökare på deras sajt kunde övervaka verktyget för att få insikt i risken på aktiemarknaden och kan prenumerera på en kvartalsrapport om monitorn. Deras relationsförvaltare skulle kunna hjälpa kunder att förstå portföljens prestanda i samband med rådande marknadsrisker eftersom verktyget skulle utformas för att enkelt visualisera interna marknadsstressalgoritmer.

Före lanseringen släppte Intech® en statisk kvartalsöversikt av (vad som skulle bli) Intech Market Equity Stress MonitorTM – företagets egen syn på stress på aktiemarknaden. Men vad de verkligen ville ha var en interaktiv version av monitorn på deras hemsida. För att uppnå den betydande nivå av utveckling och integration som krävs för att uppnå ett sådant projekt, beslutade Intech®-teamet att utnyttja New Breed Marketing, HubSpots Diamond-tier Agency Partner, för att få detta projekt till liv.

Vår process i rörelse

1. Importera och integrera

Det första steget i vår process var att arbeta med Intechs handelsteam för att dirigera 21 aktiemarknadsindex (som finns i 105 CSV-filer) från Intechs interna system till deras HubSpot File Manager varje morgon för att uppdatera verktyget baserat på föregående dags data.

Med hjälp av handelsteamet etablerade vi ett arbetsflöde med hjälp av HubSpots FTP-tjänst (filöverföringsprotokoll) för att initiera överföringen varje morgon. På en hög nivå tillåter HubSpots FTP användare att överföra filer mellan sitt lokala system och HubSpots server, vilket gjorde det möjligt för teamet att dirigera CSV-filerna som innehåller aktiemarknadsindexdata till filhanteraren varje morgon.

När de laddats upp blev filerna användbar data för Intech Market Equity Stress MonitorTM att visa. Utan HubSpot FTP skulle vi inte ha kunnat integrera Intech®s handelssystem och HubSpot-portalen och initiera en daglig filöverföring av deras aktiemarknadsindexdata. Detta skulle ha lämnat monitorn ständigt inaktuell.

2. Koda och utveckla

När all nödvändig data fanns i Intech® HubSpot-portalen och uppdaterades varje dag, var vi redo att börja utveckla själva monitorn. Filöverföringar var bara början på de utmaningar som teamet ställdes inför när de designade och utvecklade denna marknadsmonitor. Att utveckla dynamisk och interaktiv datavisualisering för en webbläsare är en svår process. På en hög nivå, här är vad vi mötte:

  • Varje element på sidan behövde uppdateras direkt efter att en användare interagerat med det. Viktigast av allt, det behövde visa de korrekta datapunkterna.
  • Aktiemarknadsstressdata för varje index hade olika startdatum och frekvenser, som behövde skalas, integreras i det enda verktyget och tydligt presenteras.
  • Monitorn var tvungen att fungera i alla moderna webbläsare.

Utöver detta, för den bästa användarupplevelsen, behövde verktyget visas så nära en enda sida som möjligt – vilket innebär att mycket information måste sammanställas på ett litet utrymme samtidigt som det är begripligt och estetiskt tilltalande.

För att uppnå detta på bästa sätt arbetade vårt team med JavaScript-biblioteket, D3.js (Datadrivna dokument), vilket gjorde det möjligt för dem att utnyttja alla funktioner hos moderna webbläsare och bryta igenom begränsningar som dynamiska visualiseringar ofta möter. Ett JavaScript-bibliotek är en uppsättning förskrivna JavaScript-funktioner som kan integreras och anpassas för att utöka den inbyggda funktionaliteten i ett CMS. D3.js-biblioteket är bäst i klassen och hjälpte specifikt till att bygga de interaktiva funktionerna när du använder verktyget:

  • Pilar och data som bara visas när du håller muspekaren över indexcirklar:

gif 1 intech och ny ras bygga webbapp

  • Möjlighet att välja upp till 3 index åt gången.

gif 2 intech och ny ras bygga webbapplikation

  • Möjlighet att ändra det valda datumet med datumväljaren eller genom att dra trendlinjen till ett nytt datum.

gif 3 intech och ny ras bygga webbapp

Vi valde D3.js-biblioteket eftersom det var väldokumenterat och fungerar i alla webbläsare – vilket innebär att Market Equity Stress MonitorTM och dess interaktiva funktioner skulle visas och uppdateras korrekt för alla användare. Det tillät också:

  • Möjligheten att mappa till CSV-filerna som innehåller marknadsindexdata till visualiseringarna;
  • Den interaktiva animeringen av våra trendlinjer, pilar och prickar; och
  • De responsiva uppdateringarna bygger på att en användare väljer olika marknadsindex och datum.

Det finns väldigt få bibliotek som kunde ha uppnått all denna dynamiska datavisualisering – och ännu färre som fungerar bra i alla webbläsare. Utan både HubSpot FTP och D3.js JavaScript-biblioteket skulle detta projekt inte ha kunnat uppfylla Intechs krav.

Det sista hindret vi var tvungna att övervinna var att standardisera vilken typ av data vi hämtade från alla marknadsindex. Vart och ett av aktiemarknadsindexen har olika startdatum och uppdateringsfrekvens (vissa uppdateras dagligen medan andra uppdateras varje vecka) och inget av dem uppdateras på helgerna.

Detta lade till ett tredje nivå av svårighet att ta de felaktiga uppgifterna och upprätta en standardskala för att visuellt representera indexen i marknadsmonitorn utan att den verkar skev. Båda teamen gick igenom en lång process för att säkerställa att monitorn skulle visa all data korrekt varje gång. Detta var en hög prioritet för Intech® eftersom de behövde säkerställa att monitorn inte förvirrade eller vilseledde användare om vilken data de tittade på.

3. Design

Utformningen av monitorn hölls så minimal som möjligt eftersom data den presenterar är huvudfokus. Begränsningen på en sida ökade behovet av en kompakt design, så vi var tvungna att se till att vi utnyttjade det begränsade utrymmet.

Det viktigaste här var att vår design tydligt förmedlade de olika alternativen som var tillgängliga för en användare och hur var och en arbetade tillsammans för att bäst visualisera data. Vi använde oss av numrerade ikoner för att visa stegen en användare bör ta och inkluderade instruktiva etiketter när det var möjligt för att vägleda användaren när de interagerade med verktyget.

Resultat

gif 4 intech och ny ras bygga webbapp

I slutet av en intensiv utvecklingssprint lanserades Intech Equity Market Stress MonitorTM framgångsrikt den 16 januari 2018. På en enda webbsida presenterar monitorn en samling av fem mätvärden som Intech® använder för att mäta stress på aktiemarknaden. Besökare använder monitorn för att få insikt om marknadsrisk och hur man kan komplettera standardinvesteringsbranschens riskmått. Sist, men inte minst, inkluderar Intech Equity Market Stress MonitorTM också deras interna algoritmer, som ger ett verkligt mervärde till produkten och flyttar den bort från att bara vara en replikering av ticker-tejpen.

Specifikt är Equity Market Stress MonitorTM en anpassad integration som utnyttjar HubSpot CMS, HubSpot FTP och D3.js API. Det är ett bevis på hur långt du kan driva HubSpot CMS, eftersom vårt team i huvudsak utvecklade en liten webbapplikation till Intech®s webbplats. Här är vad Intech® hade att säga om projektet:

“Efter en fullständig omdesign av vår webbplats, lutade vi oss mot New Breeds kapacitet för att leverera Intech Equity Market Stress MonitorTM. De levererade ett verktyg som har blivit kronjuvelen i vår leadgenerering och kundförvärvssatsning. Vi är nöjda med resultatet.” – Andre Prawoto, marknadschef på Intech® Investment Management LLC

Dessutom:

  • 245 kontakters första beröring var Equity Market Stress MonitorTM eller dess kvartalsrapport.
  • Viss kontaktinteraktion med monitorn har lett till värdefulla konversationer, vilket resulterat i SQLs för Intechs pipeline.
  • Den genomsnittliga tiden på sidan är 3 minuter i jämförelse med ett genomsnitt för finansbranschen på 2 minuter och 18 sekunder 2017 – nästan 45 sekunder över genomsnittet.
  • Equity Market Stress MonitorTM sparar relationshanterare tid när de arbetar med kunder och är en effektiv del av försäljningsmöjligheten när de arbetar med potentiella kunder.

intech och ny ras bygger interaktiv webbapp för att attrahera och konvertera potentiella kunder

Påverkan

Att bygga den här monitorn fick vårt team att utöka sina möjligheter när de utvecklade en småskalig app på Intech®-webbplatsen. Men alla utmaningar och tekniska svårigheter är väl värda slutresultatet av en nöjd kund. Men det blir ännu bättre!

Strax efter lanseringen av verktyget var Bloomberg Markets värd för Dr. Adrian Banner, Intechs VD och investeringschef, för att diskutera fördelarna med att använda Intech Equity Market Stress MonitorTM. Som Dr. Banner förklarade för Bloomberg Markets värdar, “Detta är en monitor som låter oss jämföra nuvarande nivåer av marknadsvolatilitet, som vi tolkar dem på Intech®, med historiska perioder i det förflutna.”

Skärmdump 2018-09-20 kl. 11.27.22

Intresserad av att påskynda din tillväxt med hjälp av en Diamond-tier HubSpot-partner? Vi vill gärna diskutera dina unika tillväxtmål och hjälpa dig att formulera en plan för att uppnå dem under 2019. Allt du behöver göra är att nå ut.

0 Shares