SlideShare a Scribd company logo
1 of 19
Download to read offline
P R E Z E N T U J E
Elementy strony firmowej
przykłady, inspiracje, dobre praktyki
na realizacjach Krakweb
Powtarzające
się problemy
spotykane
w zmienianych
przez nas firmowych
stronach www
● nieczytelna - niski kontrast
● nienowoczesna - przestarzały styl
graficzny
● chaos informacyjny
● niezrozumiała - nie mówi od razu
czym zajmuje się firma
● trudna edycja - źle skonfigurowany
CMS
● niefunkcjonalny silnik -
przestarzały lub niedostosowany do
potrzeb CMS
Rozwiązania
stosowane przez nas
przy projektowaniu
nowych firmowych stron
www
● nowa architektura treści
(struktura, makiety)
● nowy projekt graficzny
● wymiana systemu CMS
● optymalizacja
(treści, kodu, linkowania, strukury)
● szkolenie zespołu redakcyjnego
Widoki
podstrony spotykane
w firmowych
stronach www
● strona główna - np. longpage
● o nas, historia
● strony ofertowe - landing pages
● formularze tekstowe (podstrona +
widgety)
● nowości (aktualności, artykuły)
● galerie
● do pobrania
● kontakt
● oferty pracy
● social media
Wybrane
moduły
ICEberg CMS
służące do budowy tych
stron (realizacji tych
funkcji)
● longpage
● podstrony tekstowe
● landing pages
● generator formularzy kontaktowych
● aktualności (artykuły + galerie)
● downloader
● mapa google
● wyszukiwarka
● menu
● grafiki losowe
● widgety
● katalog ofert pracy + formularz
● social media feed
Widoki
Zacznijmy jednak od widoków,
czyli rodzajów podstron
w firmowych stronach www
Strona główna
● film / slajder /
grafika na całą
szerokość
● animowane
liczby
● formularze
kontaktowe
* inspiracje pochodzą
z projektów Krakweb
O nas (o firmie)
● animacje
wyjaśniające
● certyfikaty
● referencje
● case study do
pobrania
● wykresy
z wynikami
* inspiracje pochodzą
z projektów Krakweb
Oferta
● lista
podstron
ofertowych
(LP)
● formularze /
briefy
● dane
kontaktowe
Landing page
● formularze
kontaktowe
● materiały do
pobrania
● mapa Google
● slidery
● inne treści na
dany temat
Strony
tekstowe
● łatwa edycja
● możliwość
umieszczenia
boksu
tekstowego
w dowolnym
miejscu na
stronie
Aktualności
● chronologiczna
lista treści
● miniaturki
zdjęć
● tytuł
i wstęp
● data
Artykuły
● polecanie
w social
mediach
● tagowanie
artykułów
● możliwość
druku
● powiązanie
z innymi
artykułami
Galerie
● różnorodne
układy galerii
● daty
● miniaturka
galerii
● tytuł galerii
Downloader
● okładka
● tytuł
● opis
● formularz
leadgen
(pobranie po
wcześniejszym
wypełnieniu formularza
lub bez zostawiania
danych)
Kontakt
● dane
teleadresowe
● formularz
kontaktowy
● mapa dojazdu
● osoba
kontaktowa
● dane do faktur
● oddziały
Kariera
● informacje
dla przyszłych
pracowników
● lista wolnych
stanowisk
● formularz
aplikacyjny
Social media
● wszystkie
kanały SM
firmy
w jednym
miejscu
● przekiero-
wanie do
postu / zdjęcia
lub linku
Maciej Chmielowski
✉ mc@krakweb.pl
☎ (+48) 530-555-521
☏ (12) 429-30-13
Agencja Interaktywna Krakweb.pl
www.krakweb.pl
ul. Rzemieślnicza 20/124B
30-363 Kraków
Stwórzmy razem świetną stronę

More Related Content

Similar to Elementy firmowej strony www

Code driven development w Drupalu 7 | DrupalCamp Wrocław 2014
Code driven development w Drupalu 7 | DrupalCamp Wrocław 2014Code driven development w Drupalu 7 | DrupalCamp Wrocław 2014
Code driven development w Drupalu 7 | DrupalCamp Wrocław 2014Grzegorz Bartman
 
Zaplecze w seo. O teroii i praktyce ...
Zaplecze w seo. O teroii i praktyce ...Zaplecze w seo. O teroii i praktyce ...
Zaplecze w seo. O teroii i praktyce ...Silesia SEM
 
Mikroserwisy, strony produktowe
Mikroserwisy, strony produktoweMikroserwisy, strony produktowe
Mikroserwisy, strony produktoweKrakweb
 
Strona w rękach klienta: o czym pamiętać, aby ułatwić pracę edytorom treści [PL]
Strona w rękach klienta: o czym pamiętać, aby ułatwić pracę edytorom treści [PL]Strona w rękach klienta: o czym pamiętać, aby ułatwić pracę edytorom treści [PL]
Strona w rękach klienta: o czym pamiętać, aby ułatwić pracę edytorom treści [PL]Droptica
 
Zaplecze w pozycjonowaniu
Zaplecze w pozycjonowaniuZaplecze w pozycjonowaniu
Zaplecze w pozycjonowaniumarcinduraj
 
TwóJ Biznes W Internecie
TwóJ Biznes W InternecieTwóJ Biznes W Internecie
TwóJ Biznes W Internecieguest5e9dd1
 
Luqam - case study z realizacji strony www
Luqam - case study z realizacji strony wwwLuqam - case study z realizacji strony www
Luqam - case study z realizacji strony wwwKrakweb
 
Responsive Web Design - kto mało pyta, nie błądzi
Responsive Web Design - kto mało pyta, nie błądziResponsive Web Design - kto mało pyta, nie błądzi
Responsive Web Design - kto mało pyta, nie błądziJakub Wiśniewski
 
Wordpress dla początkujących szkolenie / warsztat 04/10 Optymalizacja WordPressa
Wordpress dla początkujących szkolenie / warsztat 04/10 Optymalizacja WordPressaWordpress dla początkujących szkolenie / warsztat 04/10 Optymalizacja WordPressa
Wordpress dla początkujących szkolenie / warsztat 04/10 Optymalizacja WordPressaMariusz Szatkowski
 
Prototypowanie
PrototypowaniePrototypowanie
PrototypowanieSymetria
 
Dlaczego Twoja kolejna aplikacja powinna bazować na platformie Drupal?
Dlaczego Twoja kolejna aplikacja powinna bazować na platformie Drupal?Dlaczego Twoja kolejna aplikacja powinna bazować na platformie Drupal?
Dlaczego Twoja kolejna aplikacja powinna bazować na platformie Drupal?Grzegorz Bartman
 
Efektywne pozycjonowanie | 6 kroków na szczyty wyszukiwarek
Efektywne pozycjonowanie | 6 kroków na szczyty wyszukiwarekEfektywne pozycjonowanie | 6 kroków na szczyty wyszukiwarek
Efektywne pozycjonowanie | 6 kroków na szczyty wyszukiwarekMartyna Zastrożna
 
Kurzor - wprowadzenie firmy / Kurzor - company introduction (in polish)
Kurzor - wprowadzenie firmy / Kurzor - company introduction (in polish)Kurzor - wprowadzenie firmy / Kurzor - company introduction (in polish)
Kurzor - wprowadzenie firmy / Kurzor - company introduction (in polish)Marek Gach
 
Aplikacja dedykowana - katalog i konfigurator produktów Derby
Aplikacja dedykowana - katalog i konfigurator produktów DerbyAplikacja dedykowana - katalog i konfigurator produktów Derby
Aplikacja dedykowana - katalog i konfigurator produktów DerbyKrakweb
 
Prezentacja JustProto na PJWSTK
Prezentacja JustProto na PJWSTKPrezentacja JustProto na PJWSTK
Prezentacja JustProto na PJWSTKJustProto
 
Pan mi to zrobi na WordPressie
Pan mi to zrobi na WordPressiePan mi to zrobi na WordPressie
Pan mi to zrobi na WordPressieAgnieszka Bury
 
SEO Surgery Polska with Piotr Michalak
SEO Surgery Polska with Piotr MichalakSEO Surgery Polska with Piotr Michalak
SEO Surgery Polska with Piotr MichalakAnton Shulke
 
IxDA Poznan #4 Łukasz Plutecki: Użyteczny e-commerce - frontend i backend w p...
IxDA Poznan #4 Łukasz Plutecki: Użyteczny e-commerce - frontend i backend w p...IxDA Poznan #4 Łukasz Plutecki: Użyteczny e-commerce - frontend i backend w p...
IxDA Poznan #4 Łukasz Plutecki: Użyteczny e-commerce - frontend i backend w p...IxDA Poznan
 

Similar to Elementy firmowej strony www (20)

Code driven development w Drupalu 7 | DrupalCamp Wrocław 2014
Code driven development w Drupalu 7 | DrupalCamp Wrocław 2014Code driven development w Drupalu 7 | DrupalCamp Wrocław 2014
Code driven development w Drupalu 7 | DrupalCamp Wrocław 2014
 
Zaplecze w seo. O teroii i praktyce ...
Zaplecze w seo. O teroii i praktyce ...Zaplecze w seo. O teroii i praktyce ...
Zaplecze w seo. O teroii i praktyce ...
 
Mikroserwisy, strony produktowe
Mikroserwisy, strony produktoweMikroserwisy, strony produktowe
Mikroserwisy, strony produktowe
 
Projektowanie ewolucyjne
Projektowanie ewolucyjneProjektowanie ewolucyjne
Projektowanie ewolucyjne
 
Strona w rękach klienta: o czym pamiętać, aby ułatwić pracę edytorom treści [PL]
Strona w rękach klienta: o czym pamiętać, aby ułatwić pracę edytorom treści [PL]Strona w rękach klienta: o czym pamiętać, aby ułatwić pracę edytorom treści [PL]
Strona w rękach klienta: o czym pamiętać, aby ułatwić pracę edytorom treści [PL]
 
Zaplecze w pozycjonowaniu
Zaplecze w pozycjonowaniuZaplecze w pozycjonowaniu
Zaplecze w pozycjonowaniu
 
TwóJ Biznes W Internecie
TwóJ Biznes W InternecieTwóJ Biznes W Internecie
TwóJ Biznes W Internecie
 
Luqam - case study z realizacji strony www
Luqam - case study z realizacji strony wwwLuqam - case study z realizacji strony www
Luqam - case study z realizacji strony www
 
Responsive Web Design - kto mało pyta, nie błądzi
Responsive Web Design - kto mało pyta, nie błądziResponsive Web Design - kto mało pyta, nie błądzi
Responsive Web Design - kto mało pyta, nie błądzi
 
Wordpress dla początkujących szkolenie / warsztat 04/10 Optymalizacja WordPressa
Wordpress dla początkujących szkolenie / warsztat 04/10 Optymalizacja WordPressaWordpress dla początkujących szkolenie / warsztat 04/10 Optymalizacja WordPressa
Wordpress dla początkujących szkolenie / warsztat 04/10 Optymalizacja WordPressa
 
Prototypowanie
PrototypowaniePrototypowanie
Prototypowanie
 
Dlaczego Twoja kolejna aplikacja powinna bazować na platformie Drupal?
Dlaczego Twoja kolejna aplikacja powinna bazować na platformie Drupal?Dlaczego Twoja kolejna aplikacja powinna bazować na platformie Drupal?
Dlaczego Twoja kolejna aplikacja powinna bazować na platformie Drupal?
 
Wydajny frontend 2023
Wydajny frontend 2023Wydajny frontend 2023
Wydajny frontend 2023
 
Efektywne pozycjonowanie | 6 kroków na szczyty wyszukiwarek
Efektywne pozycjonowanie | 6 kroków na szczyty wyszukiwarekEfektywne pozycjonowanie | 6 kroków na szczyty wyszukiwarek
Efektywne pozycjonowanie | 6 kroków na szczyty wyszukiwarek
 
Kurzor - wprowadzenie firmy / Kurzor - company introduction (in polish)
Kurzor - wprowadzenie firmy / Kurzor - company introduction (in polish)Kurzor - wprowadzenie firmy / Kurzor - company introduction (in polish)
Kurzor - wprowadzenie firmy / Kurzor - company introduction (in polish)
 
Aplikacja dedykowana - katalog i konfigurator produktów Derby
Aplikacja dedykowana - katalog i konfigurator produktów DerbyAplikacja dedykowana - katalog i konfigurator produktów Derby
Aplikacja dedykowana - katalog i konfigurator produktów Derby
 
Prezentacja JustProto na PJWSTK
Prezentacja JustProto na PJWSTKPrezentacja JustProto na PJWSTK
Prezentacja JustProto na PJWSTK
 
Pan mi to zrobi na WordPressie
Pan mi to zrobi na WordPressiePan mi to zrobi na WordPressie
Pan mi to zrobi na WordPressie
 
SEO Surgery Polska with Piotr Michalak
SEO Surgery Polska with Piotr MichalakSEO Surgery Polska with Piotr Michalak
SEO Surgery Polska with Piotr Michalak
 
IxDA Poznan #4 Łukasz Plutecki: Użyteczny e-commerce - frontend i backend w p...
IxDA Poznan #4 Łukasz Plutecki: Użyteczny e-commerce - frontend i backend w p...IxDA Poznan #4 Łukasz Plutecki: Użyteczny e-commerce - frontend i backend w p...
IxDA Poznan #4 Łukasz Plutecki: Użyteczny e-commerce - frontend i backend w p...
 

More from Krakweb

Co to jest Breadcrumbs?
Co to jest Breadcrumbs?Co to jest Breadcrumbs?
Co to jest Breadcrumbs?Krakweb
 
Portfolio i referencje krakweb [2017.03]
Portfolio i referencje krakweb [2017.03]Portfolio i referencje krakweb [2017.03]
Portfolio i referencje krakweb [2017.03]Krakweb
 
Corporate Identity: Księga znaku IPP - od Krakweb
Corporate Identity: Księga znaku IPP - od KrakwebCorporate Identity: Księga znaku IPP - od Krakweb
Corporate Identity: Księga znaku IPP - od KrakwebKrakweb
 
Katalog wydarzeń - Arrow ECS Events - Case Study
Katalog wydarzeń - Arrow ECS Events - Case StudyKatalog wydarzeń - Arrow ECS Events - Case Study
Katalog wydarzeń - Arrow ECS Events - Case StudyKrakweb
 
Moduł lead generation "lead sms" w ICEberg CMS
Moduł lead generation "lead sms" w ICEberg CMSModuł lead generation "lead sms" w ICEberg CMS
Moduł lead generation "lead sms" w ICEberg CMSKrakweb
 
Projektowanie stron www trendy UI na 2017 r.
Projektowanie stron www trendy UI na 2017 r.Projektowanie stron www trendy UI na 2017 r.
Projektowanie stron www trendy UI na 2017 r.Krakweb
 
Instagram - po co to komu?
Instagram - po co to komu?Instagram - po co to komu?
Instagram - po co to komu?Krakweb
 
GRK - Connect CRM, ERP, Business Intelligence, e-commerce and e-mail marketin...
GRK - Connect CRM, ERP, Business Intelligence, e-commerce and e-mail marketin...GRK - Connect CRM, ERP, Business Intelligence, e-commerce and e-mail marketin...
GRK - Connect CRM, ERP, Business Intelligence, e-commerce and e-mail marketin...Krakweb
 
Landing page - Arrow Akademia - case study
Landing page - Arrow Akademia - case studyLanding page - Arrow Akademia - case study
Landing page - Arrow Akademia - case studyKrakweb
 
E-commerce trendy 2017: UX & funkcjonalność
E-commerce trendy 2017: UX & funkcjonalnośćE-commerce trendy 2017: UX & funkcjonalność
E-commerce trendy 2017: UX & funkcjonalnośćKrakweb
 
Strona korporacyjna - elementy
Strona korporacyjna - elementyStrona korporacyjna - elementy
Strona korporacyjna - elementyKrakweb
 
Marketing internetowy dla dewelopera mieszkaniowego
Marketing internetowy dla dewelopera mieszkaniowegoMarketing internetowy dla dewelopera mieszkaniowego
Marketing internetowy dla dewelopera mieszkaniowegoKrakweb
 
Kampanie marketingowe - modele współpracy z klientem
Kampanie marketingowe - modele współpracy z klientem Kampanie marketingowe - modele współpracy z klientem
Kampanie marketingowe - modele współpracy z klientem Krakweb
 
Twitter podstawy
Twitter podstawyTwitter podstawy
Twitter podstawyKrakweb
 
Audyt SEO i UX dla WMM - case study
Audyt SEO i UX dla WMM - case studyAudyt SEO i UX dla WMM - case study
Audyt SEO i UX dla WMM - case studyKrakweb
 
SmartCity- czyste powietrze w inteligentnym mieście - case study
SmartCity- czyste powietrze w inteligentnym mieście - case studySmartCity- czyste powietrze w inteligentnym mieście - case study
SmartCity- czyste powietrze w inteligentnym mieście - case studyKrakweb
 
Squeeze page - strona generująca leady
Squeeze page - strona generująca leadySqueeze page - strona generująca leady
Squeeze page - strona generująca leadyKrakweb
 
Marketing internetowy dla startupu - case study z kampanii marketingowej dla ...
Marketing internetowy dla startupu - case study z kampanii marketingowej dla ...Marketing internetowy dla startupu - case study z kampanii marketingowej dla ...
Marketing internetowy dla startupu - case study z kampanii marketingowej dla ...Krakweb
 
Case study kampania marketingowa dla Payroll360
Case study kampania marketingowa dla Payroll360Case study kampania marketingowa dla Payroll360
Case study kampania marketingowa dla Payroll360Krakweb
 
Strona www, aplikacja, identyfikacja wizualna - Case Study - IEO
Strona www, aplikacja, identyfikacja wizualna - Case Study - IEOStrona www, aplikacja, identyfikacja wizualna - Case Study - IEO
Strona www, aplikacja, identyfikacja wizualna - Case Study - IEOKrakweb
 

More from Krakweb (20)

Co to jest Breadcrumbs?
Co to jest Breadcrumbs?Co to jest Breadcrumbs?
Co to jest Breadcrumbs?
 
Portfolio i referencje krakweb [2017.03]
Portfolio i referencje krakweb [2017.03]Portfolio i referencje krakweb [2017.03]
Portfolio i referencje krakweb [2017.03]
 
Corporate Identity: Księga znaku IPP - od Krakweb
Corporate Identity: Księga znaku IPP - od KrakwebCorporate Identity: Księga znaku IPP - od Krakweb
Corporate Identity: Księga znaku IPP - od Krakweb
 
Katalog wydarzeń - Arrow ECS Events - Case Study
Katalog wydarzeń - Arrow ECS Events - Case StudyKatalog wydarzeń - Arrow ECS Events - Case Study
Katalog wydarzeń - Arrow ECS Events - Case Study
 
Moduł lead generation "lead sms" w ICEberg CMS
Moduł lead generation "lead sms" w ICEberg CMSModuł lead generation "lead sms" w ICEberg CMS
Moduł lead generation "lead sms" w ICEberg CMS
 
Projektowanie stron www trendy UI na 2017 r.
Projektowanie stron www trendy UI na 2017 r.Projektowanie stron www trendy UI na 2017 r.
Projektowanie stron www trendy UI na 2017 r.
 
Instagram - po co to komu?
Instagram - po co to komu?Instagram - po co to komu?
Instagram - po co to komu?
 
GRK - Connect CRM, ERP, Business Intelligence, e-commerce and e-mail marketin...
GRK - Connect CRM, ERP, Business Intelligence, e-commerce and e-mail marketin...GRK - Connect CRM, ERP, Business Intelligence, e-commerce and e-mail marketin...
GRK - Connect CRM, ERP, Business Intelligence, e-commerce and e-mail marketin...
 
Landing page - Arrow Akademia - case study
Landing page - Arrow Akademia - case studyLanding page - Arrow Akademia - case study
Landing page - Arrow Akademia - case study
 
E-commerce trendy 2017: UX & funkcjonalność
E-commerce trendy 2017: UX & funkcjonalnośćE-commerce trendy 2017: UX & funkcjonalność
E-commerce trendy 2017: UX & funkcjonalność
 
Strona korporacyjna - elementy
Strona korporacyjna - elementyStrona korporacyjna - elementy
Strona korporacyjna - elementy
 
Marketing internetowy dla dewelopera mieszkaniowego
Marketing internetowy dla dewelopera mieszkaniowegoMarketing internetowy dla dewelopera mieszkaniowego
Marketing internetowy dla dewelopera mieszkaniowego
 
Kampanie marketingowe - modele współpracy z klientem
Kampanie marketingowe - modele współpracy z klientem Kampanie marketingowe - modele współpracy z klientem
Kampanie marketingowe - modele współpracy z klientem
 
Twitter podstawy
Twitter podstawyTwitter podstawy
Twitter podstawy
 
Audyt SEO i UX dla WMM - case study
Audyt SEO i UX dla WMM - case studyAudyt SEO i UX dla WMM - case study
Audyt SEO i UX dla WMM - case study
 
SmartCity- czyste powietrze w inteligentnym mieście - case study
SmartCity- czyste powietrze w inteligentnym mieście - case studySmartCity- czyste powietrze w inteligentnym mieście - case study
SmartCity- czyste powietrze w inteligentnym mieście - case study
 
Squeeze page - strona generująca leady
Squeeze page - strona generująca leadySqueeze page - strona generująca leady
Squeeze page - strona generująca leady
 
Marketing internetowy dla startupu - case study z kampanii marketingowej dla ...
Marketing internetowy dla startupu - case study z kampanii marketingowej dla ...Marketing internetowy dla startupu - case study z kampanii marketingowej dla ...
Marketing internetowy dla startupu - case study z kampanii marketingowej dla ...
 
Case study kampania marketingowa dla Payroll360
Case study kampania marketingowa dla Payroll360Case study kampania marketingowa dla Payroll360
Case study kampania marketingowa dla Payroll360
 
Strona www, aplikacja, identyfikacja wizualna - Case Study - IEO
Strona www, aplikacja, identyfikacja wizualna - Case Study - IEOStrona www, aplikacja, identyfikacja wizualna - Case Study - IEO
Strona www, aplikacja, identyfikacja wizualna - Case Study - IEO
 

Elementy firmowej strony www