Case study projektu strony "Biogazownia rolnicza - sprawa publiczna”: www.gmina.bio-gazownie.edu.pl. Najważniejsze zasady, którymi kierujemy się w naszej pracy, to: przejrzysty budżet, nieprzekraczalne terminy i gwarancja wsparcia technicznego. Zapoznaj się z kolejnymi etapami realizacji zadania, dobrymi praktykami w relacjach z klientem oraz danymi technicznymi.
W prezentacji przedstawiłam narzędzia warte wykorzystania w działaniach content marketingowych, na każdym z czterech etapów: planowanie, kreacja, dystrybucja, analiza i optymalizacja.
Narzędzia do content marketingu i dystrybucji treściCallPage
Content is a king, ale to dystrybucja is a queen. W trakcie webinaru, Nina przedstawi szereg sposobów i narzędzi przydatnych do planowania działań contentowych tak, aby z każdej treści wycisnąć jak najwięcej!
Od pierwszego spotkania z klientem do gotowego produktu. 5 etapów przygotowan...Moonbite S.A.
Od pierwszego spotkania z klientem do gotowego produktu
5 etapów przygotowania strony internetowej
Z racji tego, że proces realizacji projektu strony internetowe jest częściowo niewidoczny dla klientów, stworzenie witryny dla zwykłego użytkownika może się wydawać zadaniem nie wymagającym zaangażowania dużego zespołu. W tym materiale szczegółowo przedstawiamy jak w rzeczywistości wygląda przygotowanie strony internetowej oraz na czym polegają poszczególne etapy procesu realizacji.
Studium przypadku z realizacji strony www dla Luqam, firmy consultingowej z siedzibą w Krakowie. Na stronie znaleźć można nie tylko ofertę studiów, ale również ciekawą bazę wiedzy z zakresu Lean Solution i innych.
Web Dev Insider prezentuje: nowości ze świata wydajności frontendu. Nowinki, nowe narzędzia i techniki optymalizacji - przydatne z perspektywy techniczego SEO oraz front-end developmentu.
W prezentacji przedstawiłam narzędzia warte wykorzystania w działaniach content marketingowych, na każdym z czterech etapów: planowanie, kreacja, dystrybucja, analiza i optymalizacja.
Narzędzia do content marketingu i dystrybucji treściCallPage
Content is a king, ale to dystrybucja is a queen. W trakcie webinaru, Nina przedstawi szereg sposobów i narzędzi przydatnych do planowania działań contentowych tak, aby z każdej treści wycisnąć jak najwięcej!
Od pierwszego spotkania z klientem do gotowego produktu. 5 etapów przygotowan...Moonbite S.A.
Od pierwszego spotkania z klientem do gotowego produktu
5 etapów przygotowania strony internetowej
Z racji tego, że proces realizacji projektu strony internetowe jest częściowo niewidoczny dla klientów, stworzenie witryny dla zwykłego użytkownika może się wydawać zadaniem nie wymagającym zaangażowania dużego zespołu. W tym materiale szczegółowo przedstawiamy jak w rzeczywistości wygląda przygotowanie strony internetowej oraz na czym polegają poszczególne etapy procesu realizacji.
Studium przypadku z realizacji strony www dla Luqam, firmy consultingowej z siedzibą w Krakowie. Na stronie znaleźć można nie tylko ofertę studiów, ale również ciekawą bazę wiedzy z zakresu Lean Solution i innych.
Web Dev Insider prezentuje: nowości ze świata wydajności frontendu. Nowinki, nowe narzędzia i techniki optymalizacji - przydatne z perspektywy techniczego SEO oraz front-end developmentu.
Jak stworzyć aplikacje mobilne wysoko ocenianie przez użytkowników? - Case St...Piotr Biegun
W trakcie Internet Beta 2016 miałem przyjemność opowiedzieć o tym jak stworzyliśmy nowe aplikacje magazynowe dla Agory S.A. W trakcie naszych prac stworzyliśmy aplikację mobilne dla Logo 24, Świat Motocykli oraz Ładny Dom na platformy Android i iOS. W prezentacji można poznać proces tworzenia aplikacji z uwzględnieniem klasyczynych badań usability z użytkownikami oraz potrzeb wielu stakholderów.
Girls in It - Front-end & Back-end. Jak zacząćmonterail
“Girls in IT” to cykl spotkań dla kobiet, które mają na celu pokazać od kuchni jak wygląda praca w firmie technologicznej i pomóc im podjąć właściwą decyzję na temat kariery zawodowej.
W pierwszej części, przeznaczonej dla przyszłych Front-end Developerek, opowiemy na czym polega tworzenie strony internetowej i podzielimy się listą niezbędnych źródeł dla początkujących.
Druga część zawiera praktyczne informacje dotyczące Backend development'u. Przedstawimy specyfikę pracy na tym stanowisku, dobre praktyki, a także cenne wskazówki od naszych ekspertek.
https://www.youtube.com/watch?v=ww36brBuxU8
Django jest webowym framework napisanym w Pythonie skierowanym do wymagających dostawców treści planujących szybki rozwoju aplikacji.
Django powstało dla szybko rozwijającego się, dynamicznego portalu z newsami. Musiał się on zmierzyć z dwoma zadaniami: dotrzymywaniem krótkich terminów redakcji i spełnianiem surowych wymagań autorów -- doświadczonych developerów webowych. Django pozwala na budowanie wydajnych i eleganckich aplikacji internetowych w krótkim czasie.
Aplikacja dedykowana - katalog i konfigurator produktów DerbyKrakweb
Dla jednego z liderów rynku , producenta starpet - firmy Derby z Wrocławia zaprojektowaliśmy niesamowicie ciekawą aplikację dedykowaną Konfigurator Skarpet. Dodatkowo wykonaliśmy serwis internetowy wraz z CMS, szablonem graficznym RWD.
Platforma Azure AD B2C daje ogromne możliwości w tworzeniu przepływów uwierzytelniania użytkowników. Na tej sesji porozmawiamy o tym, jak stworzyć "custom policies", kiedy zwykły "user flow" nie wystarcza, z jakich elementów składa się "custom policy", jak je wdrażać i debugować, żeby nie zwariować.
Czy wiesz czym jest Breadcrumbs? W prostym tłumaczeniu to okruszki chleba, ale jak to odnosi się do e-commerce i serwisu internetowego? Inaczej mówiąc to ścieżka nawigacji użytkownika. Dowiedz się dlaczego jest taka ważna i czy istotne jest jej utworzenie dla SEO? Przeczytaj artykuł i oglądnij film!
https://www.krakweb.pl/breadcrumbs
Jak stworzyć aplikacje mobilne wysoko ocenianie przez użytkowników? - Case St...Piotr Biegun
W trakcie Internet Beta 2016 miałem przyjemność opowiedzieć o tym jak stworzyliśmy nowe aplikacje magazynowe dla Agory S.A. W trakcie naszych prac stworzyliśmy aplikację mobilne dla Logo 24, Świat Motocykli oraz Ładny Dom na platformy Android i iOS. W prezentacji można poznać proces tworzenia aplikacji z uwzględnieniem klasyczynych badań usability z użytkownikami oraz potrzeb wielu stakholderów.
Girls in It - Front-end & Back-end. Jak zacząćmonterail
“Girls in IT” to cykl spotkań dla kobiet, które mają na celu pokazać od kuchni jak wygląda praca w firmie technologicznej i pomóc im podjąć właściwą decyzję na temat kariery zawodowej.
W pierwszej części, przeznaczonej dla przyszłych Front-end Developerek, opowiemy na czym polega tworzenie strony internetowej i podzielimy się listą niezbędnych źródeł dla początkujących.
Druga część zawiera praktyczne informacje dotyczące Backend development'u. Przedstawimy specyfikę pracy na tym stanowisku, dobre praktyki, a także cenne wskazówki od naszych ekspertek.
https://www.youtube.com/watch?v=ww36brBuxU8
Django jest webowym framework napisanym w Pythonie skierowanym do wymagających dostawców treści planujących szybki rozwoju aplikacji.
Django powstało dla szybko rozwijającego się, dynamicznego portalu z newsami. Musiał się on zmierzyć z dwoma zadaniami: dotrzymywaniem krótkich terminów redakcji i spełnianiem surowych wymagań autorów -- doświadczonych developerów webowych. Django pozwala na budowanie wydajnych i eleganckich aplikacji internetowych w krótkim czasie.
Aplikacja dedykowana - katalog i konfigurator produktów DerbyKrakweb
Dla jednego z liderów rynku , producenta starpet - firmy Derby z Wrocławia zaprojektowaliśmy niesamowicie ciekawą aplikację dedykowaną Konfigurator Skarpet. Dodatkowo wykonaliśmy serwis internetowy wraz z CMS, szablonem graficznym RWD.
Platforma Azure AD B2C daje ogromne możliwości w tworzeniu przepływów uwierzytelniania użytkowników. Na tej sesji porozmawiamy o tym, jak stworzyć "custom policies", kiedy zwykły "user flow" nie wystarcza, z jakich elementów składa się "custom policy", jak je wdrażać i debugować, żeby nie zwariować.
Czy wiesz czym jest Breadcrumbs? W prostym tłumaczeniu to okruszki chleba, ale jak to odnosi się do e-commerce i serwisu internetowego? Inaczej mówiąc to ścieżka nawigacji użytkownika. Dowiedz się dlaczego jest taka ważna i czy istotne jest jej utworzenie dla SEO? Przeczytaj artykuł i oglądnij film!
https://www.krakweb.pl/breadcrumbs
Obecność firm w sieci jest aktualnie prawie że obowiązkowa. Strona www jest wizytówką przedsiębiorstwa, dlatego też powinna być przejrzysta i nie powinno być problemów w eksplorowaniu jej. W tej prezentacji zobaczysz, jakie podstrony powinny się znajdować na większości stron firmowych.
Najpopularniejszym i najbardziej rozpoznawalnym systemem zarządzania treścią (CMS), jest Wordpress. Doskonale sprawdza się dla blogów. Korzysta z niego także wiele stron firmowych. W tym drugim przypadku uważamy jednak, że znacznie lepiej jest zainwestować w dopasowany do działalności firmy i potrzeb serwisu internetowego system CMS. W powyższej prezentacji przedstawiamy zalety i możliwości systemu ICEberg CMS, który jest alternatywą dla Wordpressa.
Projektowanie stron www trendy UI na 2017 r.Krakweb
Prezentacja, w której zebrane zostały przykłady projektowania stron internetowych z zakresu: designu, funkcjonalności i nawigacji. Wszystkie przedstawione trendy są wykorzystywane w 2017 roku.
GRK - Connect CRM, ERP, Business Intelligence, e-commerce and e-mail marketin...Krakweb
GRK is an app for contacts synchronization, deduplication, management. It helps you connect CRM, ERP, Business Intelligence, e-commerce, e-mail marketing and other apps in your company. It solves problems such as: unsynchronized contacts in different apps, danger of contacts database theft, marketing agreement management.
Kampanie marketingowe - modele współpracy z klientem Krakweb
Współpraca Klient - Agencja naszymi oczami. Proponowane przez Krakweb modele współpracy z klientem przy prowadzeniu kampanii marketingowej w Internecie. Modele rozliczeń, podział odpowiedzialności.
Audyt portalu Wirtualne Muzea Małopolski wykonany przez Agencję Interaktywną Krakweb ujęty w krótkim case study pokazuje etapy i wyniki realizacji. Jednorazowe działania mające na celu optymalizację strony www zostały sformułowane w formie prostych zaleceń i wskazówek.
SmartCity- czyste powietrze w inteligentnym mieście - case studyKrakweb
Czyste powietrze w inteligentnym mieście to inicjatywa organizacji Otwarty Plan mająca na celu popularyzację ekologicznych zachowań poprawiających jakość powietrza w mieście. Prezentowane studium przypadku pokazuje proces tworzenia inteligentnej infografiki dedykowanej temu projektowi.
Jak przekształci odwiedzających w klientów? Squeeze page to ogromne wsparcie dla lead generation, prosty szablon, jasne komunikaty i konkretny cel pozwalają na osiągnięcie celu i wzrost wskaźnika konwersji.
Projektowanie stron www dla ngo i projektow eko - case study
1. Serwisy internetowe dla NGO
dobre praktyki, case study
na przykładzie projektu
“Biogazownia rolnicza - sprawa publiczna”
✔ Zespół ✔ Przygotowania ✔ Realizacja ✔ CMS i moduły
✔ RWD ✔ Podsumowanie ✔ Zarządzanie projektem
✔ Dajemy więcej ✔ Zaufali nam ✔ Referencje
2. Gotowi na wszystko :)
Zespół projektowy
MACIEJ CHMIELOWSKI
CEO, ux/marketing
8 lat w marketingu
(SEO, content marketing,
social media, growth hacking),
4 lata w UX, CRO (B2B &B2C)
Wybrane projekty:
Fleet Poland
Emalia Olkusz
ICEportal4 CMS (UX Leader)
DAMIAN ŚWIERK
Customer Account
Manager
Obsługa Klienta przy
wdrażaniu serwisów www
Wybrane projekty:
FDPA - Biogazownia
rolnicza sprawa publiczna
Dinofach.pl, Krakchemia.pl
JUSTYNA WOSZCZYNA
Creative director, web
designer
8 lat w (web) designie,
corporate identity, skład książek.
Wybrane projekty:
mcarthur.com.pl, e-lango.pl
lcmedia.pl, gospodarzzenergia.pl
kampinoskiebagna.pl, caewse.pl
KONRAD
programista
front-end developer
6-letnie doświadczenie
we wdrażaniu stron www
i programowaniu,
PHP, Javascript, jQuery,
HTML/HTML5, CSS3, XML
www.sita.edu.pl
www.kampinoskiebagna.pl
www.delphipoland.com
3. Przed podjęciem decyzji o współpracy
Etap I Case study
❏ Zapytanie od FDPA z opisem projektu:
❏ Na starcie sprecyzowany cel: stworzenie serwisu internetowego, który będzie
przejrzysty i łatwy w obsłudze dla samorządowców chcących zdobyć wiedzę
na temat biogazwoni
❏ Pierwszy krok: zaproponowanie szeregu możliwych rozwiązań do osiągnięcia celu
❏ Wprowadzenie zasady Pareto (z racji na specyfikę projektu) :
❏ 20% czasu poświęconego na analizę oczekiwań i przygotowanie oferty zostało
poświęcone na naszkicowanie na kartce papieru roboczej makiety kluczowej strony
całego serwisu www
❏ Rezultat zastosowania zasady Pareto [slajd 6]
4. Przed podjęciem decyzji o współpracy
Etap I Case study
❏ Dobór potrzebnych dla serwisu modułów
❏ Wysłanie kompleksowej oferty do FDPA
❏ Akceptacja wstępnego projektu przez FDPA
❏ Spotkanie organizacyjne
❏ doprecyzowanie oczekiwań klienta
❏ zasady promocji
❏ kwestie finansowe
❏ terminy
❏ zasady wsparcia technicznego
❏ Akceptacja udoskonalonej oferty przez FDPA
❏ Negocjacje oraz podpisanie umowy
❏ Rozpoczęcie prac nad serwisem
8. Wdrożenie finalnego projektu
Etap II Case study
❏ Przedstawienie 2 indywidualnych, wstępnych projektów graficznych
❏ wdrożenie uwag do wybranego (2 tury)
❏ rozpoczęcie kodowania finalnego projektu na stronie
❏ Stworzenie logo projektu
❏ Prace programistyczne nad przygotowaniem specjalistycznych funkcji
❏ między innymi moduł publikacje - wielofunkcyjny moduł, przyjazny
dla wielu redaktorów
❏ Wprowadzenie treści publikacji
❏ zwiększanie atrakcyjności przez dobór zdjęć oraz wysokiej jakości
grafiki
9. Instalacja systemu ICEBERG CMS
Etap III
❏ Nowoczesny i przejrzysty interfejs – zarządzanie
stroną jest teraz jeszcze prostsze!
❏ Panel RWD - przystosowany do korzystania
na urządzeniach mobilnych
❏ Szybki dostęp - zagregowane funkcje ułatwiają
edycję modułów w jednym miejscu
❏ Indywidualne zarządzanie widokiem strony startowej
❏ Analityka - Najważniejsze statystyki strony
10. Instalacja modułów podstawowych
Etap III
Menu główne
Aktualności
Publikacje (artykuły)
Slider
Galeria zdjeć
Edytor tekstowy
TinyMCE
Wyszukiwarka
Mapa Google
Boksy dodatkowe,
tekstowo-graficzne
Newsletter
Formularz kontaktowy
Widgety social media
11. Programowanie modułów niestandardowych
Etap III
Zestaw rozwiązań dla sprawnej nawigacji i użytkowania strony:
❏ Rozwijane menu boczne ze strukturą rozdziałów
❏ Ścieżka dostępu (okruszki)
❏ FAQ
❏ Wyszukiwarka
❏ Chmurki z podpowiedziami
❏ Mapa strony
❏ Rejestracja i logowanie
❏ Dodanie do ulubionych
❏ Ostatnio przeglądane artykuły
12. Programowanie modułów niestandardowych
Etap III
Zaawansowany moduł „Publikacje”
❏ Nieograniczona liczba autorów (dostęp tylko do swojej sekcji)
❏ Drukowanie / pobieranie
❏ Tagi
❏ Zdjęcie główne artykułu
❏ Powiązane artykuły („zobacz też”)
❏ Komentarze
❏ Pytania do autorów
❏ Inne artykuły danego autora
❏ Krótkie adresy poszczególnych treści (sprzyjające pozycjonowaniu)
13. Dostosowanie do urządzeń mobilnych
Etap IV
❏ Wyzwanie
Aby w pełni wykorzystać potencjał swojej strony internetowej
nie wystarczy już strona zaprojektowana z myślą tylko
o komputerach. FDPA było tego świadome od początku.
❏ Rozwiązanie
Responsive Web Design (RWD) to technika projektowania,
dzięki której strona www automatycznie dopasowuje
się do wielkości ekranów różnych urządzeń.
14. Dostosowanie do urządzeń mobilnych
Etap IV
Efekt:
❏ wygodne przeglądanie treści witryny na laptopie, tablecie
czy telefonie komórkowym (smartfonie)
❏ Mechanizm działania RWD jest skuteczny, bo prosty: wraz
ze zmianą rozdzielczości ekranu zmienia się układ, rozmiar,
a nawet forma zawartości strony: tekstów, grafik, menu
❏ Witryna pozostaje zawsze czytelna, bez konieczności
niewygodnego przybliżania, oddalania czy przesuwania
na boki w urządzeniach mobilnych
15. Podsumowanie
Case study
❏ Czas realizacji: 45 dni [16.05 (podpisanie umowy)
01.07 (serwis gotowy do publikacji)]
❏ Dotrzymanie terminu określonego w umowie TAK
❏ System CMS TAK (ICEBERG CMS - autorski system Krakweb.pl)
❏ Liczba indywidualnych projektów graficznych 2 (każdy po 2 widoki: strona główna + artykuł)
❏ Dostosowanie do urzędzeń mobilnych TAK (Responsive Web Design)
❏ Makietowanie TAK (1 widok artykułu)
❏ Liczba roboczogodzin ok. 145
❏ Pozostałe:
❏ hosting,
❏ konfiguracja domeny, wsparcie techniczne (czas reakcji do 2h od zgłoszenia),
❏ gwarancja 12 miesięcy
16. Znamy i rozumiemy specyfikę pracy
zaufanie
wybór projektów graficznych także przy
wariancie z jednym indywidualnym
gwarancja + wsparcie techniczne
RWD - strona mobilna
doradztwo (użyteczność, grafika,
rozmieszczenie informacji,
struktura)
dotrzymywanie terminów
przejrzysta umowa
podstawowe logo projektu
osoba kontaktowa dedykowana
do projektu
szkolenie
łatwy w obsłudze system
CMS
dobór zdjęć i pomoc w zakupie z portali stockowych
pomoc przy opisie strony (np. technologie) do
złożenia wniosku
gwarancja nieprzekraczalnego budżetu
niestandardowe rozwiązania: rozbudowane
ankiety, sondy, mapy obiektów itp.
doradztwo w zakresie domeny, hostingu
Zapisy na eventy (konferencje, szkolenia) online
specyficzne warunki rozliczenia - czasem bez
możliwości zaliczki
dłuższe terminy za zgłoszenie uwag
17. Zarządzanie projektem
Prowadzimy projekty w:
❏ Asana.com <3
Asana.com pozwala na:
❏ komunikację w zespole projektowym,
❏ podział projektu na zadania,
❏ przypisanie zadań członkom zespołu + terminów
❏ monitorowanie postępów realizacji projektu
Asana.com pomaga w przygotowaniu, realizacji
i wdrożeniu projektu. Ułatwia jego kompleksową obsługę.
19. 1
2
3
4
“Jakość Państwa pracy oceniam bardzo wysoko, w szczególności terminowość.“
Marek Wiśniewski, Korporacja Samorządowa im. Józefa Dietla
“Dziękuję. Muszę przyznać, że pana "opieka" nad nami daje mi bardzo dobre
"customer experience" :)” Kamil Dudwał, MDT
“Elastyczność, profesjonalizm, szybkość działania, a przede wszystkim fachowa
pomoc w administracji systemem [...] polecamy Agencję Interaktywną Krakweb.pl
jako rzetelnego partnera.” Aleksandra Skawiniak, Genesis Consulting
Zaufali nam także: http://goo.gl/Ll6vZs
Mówią o nas
20. Zapraszamy do współpracy
Damian Świerk
✉ damian@krakweb.pl
☎ (+48) 530 555 521
☏ (12) 429-30-13
Agencja Interaktywna Krakweb.pl
www.krakweb.pl
www.marketing.4www.pl
ul. Rzemieślnicza 20/124B Kraków