Historia sukcesu SaaS

Magnum Photos

4 kompleksowe serwisy internetowe dla agencji fotograficznej Magnum Photos, przygotowane na obsługę ruchu kilkudziesięciu tysięcy użytkowników jednocześnie.

api
cms
front-end

O Magnum Photos

Magnum to znana agencja fotografów z całego świata, założona w 1947 roku przez wybitnych fotoreporterów.

Zatrudnia najlepszych fotografów i filmowców, współpracując z takimi markami jak Dior, Nike, TIME, Vogue, National Geographic, Apple i nie tylko.

rocksplaceholder-video
placeholder-videoplaceholder-video

Oś czasu

2600 godzin pracy od uruchomienia projektu do jego ostatecznego wydania

Magnum Photos

Sierpień 2018 – Luty 2020 r.

Magnum Learn

Sierpień 2019 – Grudzień 2018

Magnum Creative

Grudzień 2018 – Lipiec 2019 r.

MAGNUM SHOP

Sierpień 2019 – Luty 2020

Potrzeby i cele biznesowe

Magnum potrzebowało naszego wsparcia w rozwoju 4 swoich usług. Każda z nich miała nieco inny cel.

  • 01.

    Magnum Photos

    Magnum Photos wymagało stałego wsparcia, przejęcia przez nas odpowiedzialności technicznej, zwiększenia wydajności witryny, a także dodania kilku drobnych funkcji marketingowych, takich jak strona docelowa i biuletyny.

  • 02.

    Magnum Learn

    Magnum Learn to platforma do zakupu i oglądania fotograficznych kursów e-learningowych, która wymagała gruntownego rozwoju i wdrożenia.

  • 03.

    MAGNUM SHOP

    Platforma zakupowa Magnum Shop, oferująca albumy, zdjęcia, książki i plakaty, musiała zostać opracowana, wdrożona i zintegrowana z innymi systemami używanymi obecnie przez naszego klienta, takimi jak systemy do druku, dystrybucji oraz bank zdjęć.

  • 04.

    Magnum CREATIVE

    Magnum Creative to serwis, który agreguje i demonstruje współpracę fotografów Magnum z poszczególnymi markami, prezentując ich indywidualne portfolio.

Funkcjonalność

  • 01.

    Magnum Photos

    1. Typowy serwis reportażowy z artykułami, galeriami i ogłoszeniami o ofertach specjalnych.
    2. Stworzyliśmy intuicyjny i przyjazny dla użytkownika system nawigacji, pozwalający odwiedzającym bez wysiłku przeglądać ogromną kolekcję kultowych zdjęć i historii.
    3. Aby pomóc użytkownikom znaleźć konkretne zdjęcia lub interesujące ich tematy, zintegrowaliśmy potężny system wyszukiwania i filtrowania. Użytkownicy mogą wyszukiwać obrazy w oparciu o fotografów, tematy, lokalizacje i inne, umożliwiając dostosowanie ich do własnych potrzeb.

  • 02.

    Magnum Learn

    1. Centralny system zarządzania użytkownikami SSO – pojedynczy login i hasło działają płynnie w każdej usłudze, do której użytkownik może się zalogować, a proces jest automatyczny w różnych domenach.
    2. Stworzenie pełnej ścieżki edukacyjnej z opisami, materiałami do pobrania i osadzonymi lekcjami wideo.
    3. Integracja z Vimeo.
    4. Śledzenie postępów w przeglądaniu materiałów.

  • 03.

    Magnum Creative

    1. Złożony filtr sortujący materiały.
    2. Integracja narzędzia do wybierania i pobierania zdjęć z banku zdjęć Magnum wraz z meta opisami. Zdjęcia są w formacie i rozmiarze przeznaczonym wyłącznie do prezentacji. Oryginalne zdjęcia nie są przechowywane lokalnie.
    3. Optymalizacja ładowania zdjęć.

  • 04.

    MAGNUM SHOP

    1. Platforma z systemem e-commerce opartym na połączeniu WordPressa z Magento i zewnętrznymi mikroserwisami.
    2. Prezentacja wariantów produktów i profil użytkownika zaimplementowany w WordPress.
    3. Finalizacja zamówień, realizacja, wysyłka, płatności, ceny i oferty specjalne realizowane są poprzez wydzielony podsystem w wewnętrznej sieci przez platformę e-commerce Magento.
    4. Import wszystkich produktów do WordPressa z oddzielnego mikroserwisu (serwisu produktowego).

Rozwój

Wyzwania i rozwiązania

  • 01.

    Integracja wszystkich elementów ekosystemu technologicznego Magnum

    Nasz zespół technologiczny składał się z 4 niezależnych dostawców: Fooz, zespół odpowiedzialny za Magento, jeden za AWS i jeden za integracje.

    Główne wyzwania obejmowały:
    integrację z mikrousługami, takimi jak Image Service, User Service i Fulfillment Service, wszystkie oparte na Symphony, a także integrację z AWS i systemem wdrażania opartym na Docker i SSO.

    Wszystkie systemy są automatycznie wdrażane na serwerze AWS z oddzielnym bankiem zdjęć statycznych. AWS zapewnia skalowalność usługi – tworzy i stosuje dodatkowe instancje usługi w zależności od obciążenia, utrzymując integralność danych generowanych przez użytkowników.
    Pracowaliśmy nad obrazami w Dockerze, konfiguracją serwerów i uwierzytelnianiem użytkowników za pośrednictwem zewnętrznych platform, zapewniając płynną integrację i skalowalność.

  • 02.

    Globalny koszyk

    Wyzwanie polegało na zintegrowaniu jednego globalnego koszyka dostępnego z każdej usługi. Użytkownik mógł dodać przedmiot do koszyka, będąc na stronie sklepu, przejść do platformy Learn, dodać wybrany kurs do tego samego koszyka i sfinalizować transakcję za pomocą jednej płatności.

    Koszyk jest obsługiwany przez system Magento, ale prezentacja danych (zdjęcie i opis) jest przesyłana i przechowywana podczas dodawania produktu do koszyka. Opis każdego produktu może prezentować jego pełną historię i funkcjonalności, nawet jeśli sekcja została opracowana w innych serwisach, np. integracja z bankiem zdjęć i zoptymalizowana prezentacja galerii zdjęć.

  • 03.

    Platforma e-learningowa na zamówienie

    Pierwszym wyzwaniem było stworzenie platformy e-learningowej. Wybraliśmy najbardziej odpowiedni serwis do hostingu i udostępniania wideo. Kolejnym zadaniem było podpięcie poszczególnych kursów do systemu e-commerce, który na bieżąco kontroluje (przyznaje i odbiera) dostęp do materiałów. Oprócz tego system e-learningowy monitoruje postępy użytkowników w kursie, dzięki czemu mogą oni kontynuować szkolenie od miejsca, w którym je wcześniej przerwali.

  • 04.

    Integracja z Magento e-commerce

    Typowe informacje o sklepie, takie jak cena, oferty specjalne i rabaty, są wdrażane na żywo poprzez integrację z głównym narzędziem sprzedażowym opartym na Magento. Za jej realizację i wdrożenie odpowiadała jedna z firm, z którą ściśle współpracowaliśmy. Z kolei WordPress odegrał rolę silnika/bazy dla frontendu. Stworzył przestrzeń do zarządzania produktami, ich widocznością, opisami, zdjęciami itp. Jednocześnie ceny i stany magazynowe były importowane na żywo przez WordPress z zewnętrznych serwisów.

  • 05.

    Bieżące wsparcie

    Nasz zespół był odpowiedzialny za cały proces bieżącego wsparcia nad wszystkimi serwisami WordPress wykorzystywanymi w ramach infrastruktury Magnum Photos. Na bieżąco uczestniczyliśmy w kampaniach marketingowych, pomagając zespołowi Magnum w tworzeniu stron docelowych, newsletterów, mailingów, dedykowanych podstron, zestawów produktów, kampanii promocyjnych nowych kursów itp.

  • 06.

    Portfolio fotografów strony kreatywnej

    Wyzwaniem było stworzenie narzędzia do przeglądania i pobierania wybranych zdjęć w celu wykorzystania ich we wpisach. Zdjęcia musiały zostać skompresowane i przycięte lokalnie na serwerze, a dopiero potem dodane do publicznie dostępnej biblioteki. Administratorzy mogą wyszukiwać zdjęcia po nazwie, autorze i słowach kluczowych.

    Dodatkowo musieliśmy przygotować odpowiednie haki w WordPressie pozwalające na pobieranie opisów zdjęć i licencji. Następnie wprowadziliśmy je do meta_opisu przetwarzanego zdjęcia.

Podsumowanie

Usprawnienia biznesowe

Odświeżony wygląd i lepsza prezentacja usług Magnum dla użytkowników

Wszystkie serwisy musiały być zoptymalizowane pod kątem urządzeń mobilnych. Ze względu na fotograficzny charakter działalności, musieliśmy zapewnić wysoką jakość prezentowanych zdjęć, a także optymalizację ładowania, w tym na urządzenia mobilne.

System e-commerce z infrastrukturą opartą na AWS i wysoką dostępnością dla klientów

W czasie kampanii reklamowej serwis musiał przewidzieć i przyjąć obciążenie kilkudziesięciu tysięcy użytkowników jednocześnie, co zostało wykonane bezbłędnie. Odpowiednia optymalizacja i utrzymanie wysokiego standardu kodowania pozwoliły nam zmniejszyć zużycie zasobów.

Pełna kontrola nad zawartością

Przenosząc wszystkie działania na WordPress, zespoły Magnum Content i Marketing uzyskały pełną kontrolę nad treścią, produktami i ich wizualną prezentacją.

Unikalne portfele

Dzięki wdrożeniu Creative Sites kilkudziesięciu fotografów Magnum miało możliwość stworzenia własnego, unikalnego portfolio online. Jego celem było zaprezentowanie najlepszych zdjęć i kampanii, nad którymi pracowali współpracując z topowymi markami w ramach tzw. zleceń komercyjnych.

Sprawne zarządzanie zamówieniami

Dzięki oddzieleniu usług prezentacji od tych odpowiedzialnych za realizację zamówienia, klient może zarządzać i realizować zamówienia pomimo dużego obciążenia generowanego przez odwiedzających witrynę.

Marek Korczak – CEO BTSI

„Są bardzo responsywni i są prawdopodobnie najlepszym zespołem, który był zaangażowany w cały projekt. Bardzo pozytywnie oceniam współpracę z nimi. Z mojej perspektywy ważne jest, że mogę polegać na ludziach, którzy szacują i doradzają w zakresie wdrażania technologii. Nigdy nie miałem problemu, w którym oszacowanie było zaniżone lub nie byli w stanie go rozwiązać”.

Przeczytaj tę recenzję

Wynik

Cztery nowoczesne i odświeżone serwisy Magnum są teraz łatwiejsze i przyjemniejsze w zarządzaniu, pozwalając zespołowi klienta w pełni zautomatyzować swoją pracę i mieć wszystkie operacje sprzedażowe w jednym poręcznym miejscu. Dzięki przeniesieniu witryn na WordPress znacznie łatwiej jest zarządzać ogromną kolekcją zasobów i edytować szczegóły oferowanych produktów.

Platforma stała się świetną bazą wiedzy oraz artykułów i kursów związanych z fotografią dla ogromnej społeczności fanów Magnum. Mogą oni płynnie przechodzić przez wszystkie usługi firmy i być na bieżąco z wyborem produktów, ofertami specjalnymi, rabatami i nowościami.