SaaS framgångshistoria

Magnum Bilder

4 komplexa tjänster för den mest kanoniska fotogiganten genom tiderna – Magnum Photos – redo att ta emot trafik från flera tiotusentals användare samtidigt utan att misslyckas.

api
cms
front-end

Om Magnum Photos

Magnum är ett ikoniskt kooperativ av fotografer baserade runt om i världen, grundat 1947 av den tidens mest kända fotojournalister.

De anställer gräddan av gräddan inom foto- och filmvärlden och arbetar med toppmärken som Dior, Nike, TIME, Vogue, National Geographic, Apple och många fler.

stenarstenar
stenar
stenarstenar

Tidslinje

2600 arbetstimmar från projektets start till dess slutliga lansering

Magnum Bilder

augusti 2018 – februari 2020

Magnum Learn

Augusti 2019 – december 2018

Magnum Creative

December 2018 – juli 2019

Magnum butik

augusti 2019 – februari 2020

Verksamhetens behov och mål

Magnum behövde vårt stöd för att utveckla fyra av sina tjänster. Alla hade lite olika mål.

  • 01.

    Magnum Bilder

    Magnum Photos behövde löpande support, övertagande av tekniskt ansvar, effektivisering av webbplatsen samt tillägg av flera små marknadsföringsfunktioner, som en landningssida och nyhetsbrev.

  • 02.

    Magnum Learn

    Magnum Learn, en plattform för att köpa och titta på e-learningkurser inom fotografi, behövde en grundlig utveckling och implementering.

  • 03.

    Magnum butik

    Magnum Shop, en shoppingplattform med album, foton, böcker och affischer, behövde utvecklas, implementeras och kopplas ihop med andra system som vår kund använder för närvarande – tryck, distribution och en fotobank.

  • 04.

    Magnum CREATIVE

    Magnum Creative är en tjänst som samlar och visar Magnum-fotografernas samarbete med olika varumärken och presenterar deras individuella portfolios.

Funktionalitet

  • 01.

    Magnum Bilder

    1. En typisk reportagetjänst med artiklar, gallerier och meddelanden om specialerbjudanden
    2. Vi har skapat ett intuitivt och användarvänligt navigationssystem som gör det möjligt för besökare att enkelt bläddra igenom den stora samlingen av ikoniska fotografier och berättelser.
    3. För att hjälpa användarna att hitta specifika fotografier eller ämnen av intresse har ett kraftfullt sök- och filtreringssystem integrerats. Användarna kan söka efter bilder baserat på fotografer, teman, platser och mycket mer, vilket ger en skräddarsydd upplevelse.

  • 02.

    Magnum Learn

    1. SSO centralt användarhanteringssystem – enkel inloggning och lösenord fungerar sömlöst på alla tjänster som en användare kan logga in på, och processen är automatisk under olika domäner
    2. Skapa en fullständig utbildningsväg med beskrivningar, nedladdningsbart material och inbäddade videolektioner
    3. Integration med Vimeo
    4. Spårning av hur långt man kommit med att titta på material

  • 03.

    Magnum Creative

    1. Ett komplext sorteringsfilter för material
    2. Integrering av ett verktyg för att välja och ladda ner bilder från Magnums bildbank tillsammans med metabeskrivningar. Bilderna är i det format och den storlek som endast gäller för presentation. Originalbilderna lagras inte lokalt.
    3. Optimering av laddning av foton

  • 04.

    Magnum butik

    1. En plattform med ett e-handelssystem som bygger på att WordPress kombineras med Magento och externa mikrotjänster
    2. Presentation av produktvarianter och en användarprofil implementerad med WordPress
    3. Slutförande av order, genomförande, leverans, betalningar, priser och specialerbjudanden implementeras via ett separat delsystem i det interna nätet av Magentos e-handelsplattform
    4. Import av alla produkter till WordPress från en separat mikrotjänst (produkttjänst)

Utveckling

Utmaningar och lösningar

  • 01.

    Integrationer mellan alla Magnums tekniska ekosystemelement

    Vårt tekniska team bestod av 4 oberoende leverantörer: Fooz, som ansvarade för Magento, en för AWS och en för integrationer.

    De största utmaningarna var bland annat:
    Integration med mikrotjänster som Image Service, User Service och Fulfillment Service, alla baserade på Symphony, även integration med AWS och deployment-systemet baserat på Docker och SSO

    Alla system distribueras automatiskt på AWS-servern med en separat bank av statiska foton. AWS säkerställer tjänstens skalbarhet – det skapar och tillämpar ytterligare tjänsteinstanser beroende på belastningen, vilket upprätthåller integriteten hos data som genereras av användarna.
    Vi arbetade med Docker-bilder, serverkonfiguration och användarautentisering via externa plattformar för att säkerställa sömlös integration och skalbarhet.

  • 02.

    Global korg

    Utmaningen var att integrera en global korg som var tillgänglig från alla tjänster. En användare kunde lägga till ett objekt i korgen på Shop-webbplatsen, flytta till Learn-plattformen, lägga till en vald kurs i samma korg och slutföra transaktionen med en enda betalning.

    Korgen hanteras av Magento-systemet, men datapresentationen (foto och beskrivning) laddas upp och lagras när en produkt läggs till i korgen. Varje produkts beskrivning kan presentera hela dess historia och funktioner även om avsnittet har utarbetats i andra tjänster, t.ex. integration med fotobanken och optimerad presentation av fotogalleriet.

  • 03.

    Skräddarsydd plattform för e-learning

    Den första utmaningen var att skapa en plattform för e-learning. Vi har valt den mest lämpliga tjänsten för hosting och delning av video. Nästa uppgift var att häfta fast vissa kurser i e-handelssystemet, som i sin tur kontrollerar (beviljar och återkallar) åtkomsten till materialet. Dessutom övervakar e-learning-systemet användarnas kursframsteg så att de kan fortsätta utbildningen från den plats där de tidigare slutade.

  • 04.

    Integration med Magento e-handel

    Typisk butiksinformation som pris, specialerbjudanden och rabatter implementeras live genom integrationen med det huvudsakliga försäljningsverktyget baserat på Magento. Ett av de företag som vi arbetade nära med tog ansvar för dess förverkligande och implementering. WordPress, å andra sidan, spelade en roll som motor/leverantörsbas för frontend. Det skapade ett utrymme för att hantera produkter, deras synlighet, beskrivningar, foton osv. Samtidigt importerades priser och lagernivåer live av WordPress från externa tjänster.

  • 05.

    Löpande stöd

    Vårt team ansvarade för hela processen med löpande support för alla de WordPress-tjänster som användes som en del av Magnum Photos infrastruktur. Vi deltog löpande i marknadsföringskampanjerna och hjälpte Magnum-teamet att skapa landningssidor, nyhetsbrev, utskick, dedikerade undersidor, produktuppsättningar, reklamkampanjer för nya kurser osv.

  • 06.

    Creative Site Fotografers portfolios

    Det var en utmaning att skapa ett verktyg för att bläddra bland och ladda ner valda foton för att använda dem i bidragen. Bilderna måste komprimeras och beskäras lokalt på servern och först därefter läggas till i ett bibliotek som är tillgängligt för allmänheten. Administratörer kan söka efter bilderna med hjälp av ett givet namn, författare och nyckelord.

    Dessutom var vi tvungna att förbereda lämpliga krokar i WordPress som gör det möjligt att ladda ner fotobeskrivningar och licenser. Sedan förde vi in dem i en meta_description för det bearbetade fotot.

Sammanfattning

Förbättring av verksamheten

Modern design och bättre presentation av Magnums tjänster för användarna

Alla tjänster måste vara optimerade för mobiler. På grund av verksamhetens fotografiska karaktär var vi tvungna att tillhandahålla högkvalitativa bilder samt optimering av laddning, inklusive mobila enheter.

E-handelssystem med AWS-baserad infrastruktur och hög tillgänglighet för kunder

Vid tidpunkten för reklamkampanjen var tjänsten tvungen att förutse och acceptera belastningen från flera tiotusentals användare samtidigt, vilket utfördes felfritt. Korrekt optimering och upprätthållande av en hög kodningsstandard gjorde att vi kunde minska resursanvändningen.

Full kontroll över innehållet

Genom att överföra alla aktiviteter till WordPress fick Magnums innehålls- och marknadsföringsteam full kontroll över innehållet, produkterna och deras visuella presentation.

Unika portföljer

I och med implementeringen av Creative Sites fick flera dussin Magnum-fotografer möjlighet att skapa sina egna unika onlineportföljer. Målet var att presentera de bästa bilderna och kampanjerna som de arbetat med i samarbete med toppvarumärken som så kallade kommersiella uppdrag.

Smidig orderhantering

Tack vare att presentationstjänsterna är separerade från de tjänster som ansvarar för att genomföra beställningen kan en kund hantera och genomföra beställningarna trots en hög belastning från webbplatsens besökare.

Marek Korczak,
VD BTSI

De är mycket lyhörda och är förmodligen det bästa teamet som har varit involverat i hela projektet. Jag känner mig mycket positiv till det samarbete jag haft med dem. Ur mitt perspektiv är det viktigt att jag kan lita på att folk gör uppskattningar och ger råd när det gäller teknikimplementering. Jag har aldrig haft problem med att en uppskattning var underrepresenterad eller att de inte kunde lösa det.

Läs denna recension

Utfall

Magnums topp 4 moderna och uppfräschade tjänster är nu enklare och trevligare att hantera, vilket gör att kundens team kan automatisera sitt arbete helt och hållet och ha alla försäljningsoperationer på ett praktiskt ställe. Tack vare att webbplatserna har flyttats till WordPress är det mycket enklare att hantera en stor samling tillgångar och redigera detaljerna i de produkter som erbjuds.

Plattformen blev en fantastisk bas för kunskap och fotografirelaterade artiklar och kurser för den stora gruppen Magnum-fans. De kan sömlöst gå igenom alla företagets tjänster och hålla sig uppdaterade om deras urval av produkter, specialerbjudanden, rabatter och nyheter.