Cowork by Memos

Klient

Cowork by Memos

Branża

Nieruchomości biurowe

Czas trwania projektu

7 tygodni

Wyzwanie

Cowork by Memos to rozwijająca się w Polsce sieć biur w formule serviced office i coworkingu z lokalizacjami w Krakowie i Łodzi. Oferują przestrzenie dla rozwijających się firm, startupów, zagranicznych podmiotów szukających elastycznych rozwiązań i freelancerów, wraz z obsługą administracyjną. Rosnąca sieć, Cowork by Memos dodając nowe lokalizacje, dodawała kolejne strony internetowe, dochodząc do 4 osobnych site'ów, w różnych domenach, które zawierały podobne treści i pozycjonowanie ich, czy sprzedaż przez nie były wyzwaniem. Dodatkowo obecna agencja nie oferowała wsparcia w rozwoju stron, dlatego firma zdecydowała się rozejrzeć po rynku w poszukiwaniu nowego partnera. W ten sposób Cowork by Memos trafił do mind&matter, na początku lipca umawiając się na oddanie nowej strony opartej o Webflow, w terminie do 26 sierpnia. Po wstępnej analizie i zebraniu zakresu projektu, oczekiwań klienta i stworzeniu sitemapy, rozpoczęło się projektowanie strony z designerem w oparciu najlepsze praktyki, z założeniem wykorzystania silnych stron Webflow - zjawiskowych animacji i interakcji, szybkiego hostingu i dzięki temu możliwości wyświetlania wideo wysokiej jakości na stronach. Oprócz aspektu wizualnego, wyzwaniem była centralizacja treści z 4 stron w jednym serwisie, który będzie nawigował do lokalizacji i promował ofertę całej organizacji, z podziałem na 4 lokalizacje - 2 w Łodzi i 2 w Krakowie. W kwestii konwersji wyzwaniem było pozyskanie adresów mailowych i zapisów klientów na bezpłatny dzień próbny, co rozwiązaliśmy odpowiednim CTA. Kolejnym ważnym wyzwaniem była budowa serwisu, w taki sposób, aby był dobrze zoptymalizowany pod SEO i mógł w przyszłości byc szybko optymalizowany pod wskazówki ekspertów. Dzięki wyborowi CMS Webflow i szybkiemu hostingowi, jaki oferuje, wkrótce możliwe będzie skuteczne pozycjonowanie strony na kluczowe frazy. Uwieńczeniem prac będzie raport ze wskazówkami optymalizacji strony, planem działania i treści dla Cowork by Memos, który przełoży się poprawę widoczności nowego serwisu w nadchodzacych miesiącach po premierze nowej strony.

Proces

Projektowanie strony internetowej rozpoczęło się wkrótce po analizie i zebraniu kompletu wymagań. Proces rozbity był na serię spotkań z designerem i client partnerem, podczas których omawiane i oddawane były kolejne widoki stron i podstron. Dzięki stałej komunikacji w kolejnych sprintach, udało się wspólnie tworzyć nowy serwis, tak, aby wszelkie zagadnienia sprzedażowe, biznesowe lub marketingowe, nie zostały pominięte i znalazły odzwierciedlenie w designie. Zaangażowanie całego zespołu Cowork by Memos - pracowników obsługi klienta, sprzedaży, marketingu i designu, było do tego kluczowe, aby wszyscy interesariusze mogli dołożyć swoją perspektywę i, aby strona realizowała cele biznesu - marketingu, sprzedaży i zarządzająych, oraz była spójna z brandingiem i obecną wizją graficzną marki. Faza designu szła symetrycznie do projektowania treści, w ten sposób, kolejne widoki były wypełniane aktualną treścią reprezentującą markę Cowork by Memos, i przedstawiającą jej ofertę. Po zamknięciu treści i designu, zespół Cowork by Memos mógł odetchnąć na krótko - bo faza wdrożenia trwała niespełna 2 tygodnie, podczas których projekty z Figma przenieśliśmy do systemu projektowania Webflow. Odzwierciedlając widoki, dodaliśmy animacje i interakcje planowane z designerem, biorąc poprawkę na możliwości Webflow, ładowanie strony i możliwe obciążenie custom codem. Mimo wielu "fajerwerków" w tym aspekcie, udało się oddać kod animacji mieszczący się w ramach określonych przez Webflow i nie wpływający negatywnie na performance strony.

Rozwiązanie

Sukcesy trzeba celebrować, a takim sukcesem na pewno jest terminowe wdrożenie bardzo ciekawej strony internetowej opartej o Webflow dla Cowork by Memos! Oddajmy głos Andrzejowi Pudełko - Country Head Cowork by Memos: "Inne firmy sugerowały terminy realizacji w granicach od 3 miesięcy do nawet pół roku, a Jerzy wraz ze swoim zespołem sprostał wyzwaniu w zaledwie 1,5 miesiąca, i to od zera aż do ukończenia projektu! Mimo tego ambitnego terminu, efekt końcowy nie tylko spełnił nasze oczekiwania, ale także dostarczył innowacyjnych rozwiązań technologicznych, które w pełni oddają charakter naszej marki". Co udało się nam osiągnąć razem? 🍾 Zaprojektowaliśmy od podstaw jeden główny serwis firmy odzwierciedlający charakter marki, zamiast 4 stron poszczególnych lokalizacji w różnych domenach. 🍾 Wdrożyliśmy dynamiczną stronę Webflow, angażującą użytkowników dzięki serii ciekawych animacji i technologii do obsługi interaktywnych treści (m.in. wideo, mapy, plany biur); 🍾 Przygotowaliśmy serwis zintegrowany ze skalowalnym CMS Webflow gotowy pod przyszły rozwój treści i samej strony (dodawanie nowych galerii zdjęć, ofert, opinii o firmie czy kolejnych podstron lokalizacji); 🍾 Oddaliśmy serwis gotowy do optymalizacji SEO i pozycjonowania, za sprawą treści tworzonych na blogu/aktualności, i lokowanych na nowych podstronach lub w oddanym module FAQ. 🍾 Dzięki hostingowi Webflow i CDN Fastly zapewniamy superszybką stronę, która w teście Lighthouse notuje aż 98 punktów! Projekt tej strony interntowej, od fazy projektowania do kompletnego wdrożenia, zrealizowaliśmy w terminie założonym z klientem, oddając live site w domenie Cowork by Memos, dokładnie w dniu przewidzianym na launch tj. 26.08.2024. Obecnie wdrażamy jeszcze kolejne treści i odpalamy wersję strony tłumaczoną na język angielski. Dziękuję Andrzej Pudełko za wybitne zaangażowanie całego zespołu Cowork by Memos we wspólny projekt i wzorową współpracę klient-agencja nad tworzeniem treści na kolejne strony i podstrony. Dla mnie była to współpraca na 5+ nie tylko ze strony zespołu klienta, ale i w zespole mind&matter w składzie: Dawid (projektant) i Mariusz (developer). Od strony technicznej dobrze podsumował zakres "fajerwerków" developer Mariusz: ✅ Interakcje Webflow oraz GSAP: płynne animacje. ✅ ScrollTrigger GSAP: dynamiczne efekty przewijania. ✅ Niestandardowy kod JavaScript: zaawansowane funkcje dla wielu komponentów. ✅ Biblioteka Lenis: optymalizacja płynności przewijania. ✅ Custom CMS Lightbox ✅ Framework Leaflet Map: interaktywne mapy. ✅ Swiper: wszechstronne slidery dla różnych komponentów. ✅ Responsywne oraz adaptacyjne komponenty z użyciem Webflow Slots ✅ Dynamiczne generowanie Grid-Gallery z CMS: automatyczne ustalanie wymiarów zdjęć. ✅ Optymalizacja kodu: szybkie i efektywne działanie strony. ✅ Animacje SVG Path: efektowne wizualizacje. ✅ Elementy spełniające standardy dostępności ✅ Obsługa Background Video Zapraszam do odwiedzenia strony Cowork by Memos, oraz do kontaktu, jeśli temat Webflow i stron internetowych Cię interesuje.

Usługi

Projektowanie stron internetowych

Strony internetowe Webflow