Porta PRO

Osobny serwis Porta dla tych, którzy drzwi wpisują do projektu.

Porta PRO to dalszy ciąg naszej pracy z Porta. Zaczęliśmy od nowego standardu identyfikacji: logo zostało, a wokół niego zbudowaliśmy nowy klucz wizualny. Na nim oparliśmy Strefę Architekta, serwis tylko dla architektów. Pobiorą tu pliki BIM, znajdą realizacje do inspiracji i szybko pokażą inwestorowi, co ich inspiruje i jak dane rozwiązanie działa.

Zobacz, jak działa

53bloki, z których zespół Porta sam składa strony
58artykułów bazy wiedzy przeniesionych automatycznie
2języki: polski i rumuński

Drzwi po parametrach

Najpierw wymagania, potem model

Architekt szuka drzwi po tym, co muszą spełnić: przeciwpożarowe, antywłamaniowe, akustyczne, do wnętrz albo wejściowe zewnętrzne. Tak ułożyliśmy serwis. Drzwi wybiera się po parametrach albo po typie obiektu, a pliki do pobrania filtruje po rodzaju drzwi i cechach technicznych. Tabelę parametrów odtworzyliśmy tutaj na modelach z serwisu.

Rodzaj drzwi Wewnętrzne3 Akustyczne6 Przeciwpożarowe4 Antywłamaniowe8

Model	Klasa mechanicznaWytrzymałość na obciążenie, skręcanie i uderzenia.	AntywłamaniowośćOdporność na próby włamania, klasy RC.	Ogień i dymOdporność ogniowa i dymoszczelność.	DźwiękoszczelnośćIzolacyjność akustyczna w decybelach.
Porta Decor, Basic, CPL Basic	kl. 1–2	–	–	–
Porta Decor, CPL, Resist	kl. 1–3	–	–	–
4 klasa mechaniczna	kl. 4	–	–	–
Akustyczne 27 dB	kl. 3	–	–	27 dB
Akustyczne 32 dB	kl. 3	–	–	32 dB
Silence 37 dB, EI30	kl. 4	–	EI30	37 dB
Innovo 37 dB	kl. 3–4	–	–	37 dB
Innovo 42 dB	–	–	–	42 dB
Akustyczne 42 dB	kl. 3	–	–	42 dB
Przeciwpożarowe EI30	kl. 3	–	EI30	32 dB
Steel EI30 Plus	kl. 2	–	EI30	32 dB
Przeciwpożarowe EI60	kl. 3	–	EI60	32 dB
Steel EI60 Plus	kl. 2	–	EI60	32 dB
Agat	kl. 3	–	–	32 dB
Opal	kl. 3	RC2	–	32 dB
Steel Secure RC3	kl. 3	RC3	–	37 dB
Extreme RC2, EI30	kl. 4	RC2	EI30	37 dB
Extreme RC3, EI30	kl. 4	RC3	EI30	37 dB
Extreme RC3, EI60	kl. 4	RC3	EI60	37 dB
Granit klasa C	kl. 4	RC3	–	32 dB
Extreme RC4, EI30	kl. 4	RC4	EI30	37 dB

Modele i wartości z tabeli w serwisie Porta PRO.

Korytarz szpitala: białe drzwi do sali 14 z drewnianą listwą i rozmyta postać w ruchu — Szpital Kliniczny w Poznaniu, jedna z realizacji w serwisie. Fot. Tomasz Nowicki

Bloki

Cała strona składa się z klocków

Zamiast szablonu na każdą podstronę zbudowaliśmy motyw z 53 bloków. Każdy ma swoje pola, wersję na telefon i wersję językową. Zespół Porta układa z nich nowe strony i zmienia istniejące w panelu, bez programisty, a nowe realizacje, wydarzenia i nowości same trafiają na listy i na stronę główną.

Rodzina bloków 01 Techniczne 11 02 Artykuły 10 03 Listy 10 04 Nagłówki i nawigacja 10 05 Sprzedaż 12

Dane, których architekt szuka w pierwszej kolejności.

Parametry drzwi
Dobór po parametrach
Drzwi według typu obiektu
Filtr produktów
Tabele wymiarów
Rysunki wymiarowe
Pliki BIM
Okleiny do CAD
Katalogi do pobrania
Inne pliki
Przewodnik po drzwiach

Klocki bazy wiedzy, z których powstaje każdy artykuł.

Tekst i media
Galeria
Porównanie
Lista ze zdjęciami
Karty cech
Lista pozycji
Ramka „Uwaga”
Karuzela
Produkty w tekście
Pliki w tekście

Treści, które przybywają co tydzień, układają się same.

Realizacje
Wyróżnione realizacje
Kalendarz wydarzeń
Wydarzenia
Minione wydarzenia
Webinary
Minione webinary
Nowości
Nowości produktowe
Karty bazy wiedzy

Początek każdej strony i droga do następnej.

Nagłówek z wyróżnieniem
Nagłówek kontaktu
Nagłówek wydarzeń
Nagłówek rozwiązań inwestycyjnych
Nagłówek wyszukiwarki
Nagłówek z mediami
Panel wiedzy
Panel menu
Kategorie w menu
Ścieżka powrotu

Bloki, które zamieniają czytelnika w kontakt.

Strefa architekta
Korzyści współpracy
Certyfikaty
Technologie
Wybierz pomysł
Kafelki z wezwaniem
Linki do rozwiązań
Przyklejane karty
Przesuwany napis
Pas logotypów
Kontakt i pytania
Zapis do bazy

Baza wiedzy

Baza wiedzy ułożona jak poradnik

To największa zmiana w nowej strefie. Każdy z 58 artykułów prowadzi architekta krok po kroku: spis treści, ponumerowane sekcje, porównania systemów, karty zalet, ramki „Uwaga”, rysunki z podpisami, polecane akcesoria i pliki do pobrania. Zaprojektowaliśmy na to dziesięć stylów bloków, więc redakcja dobiera formę do treści, a artykuły i tak wyglądają spójnie.

Akustyka w pomieszczeniachOdporność ogniowaDymoszczelnośćKlasa mechaniczna drzwiAntywłamaniowośćDźwiękoszczelnośćDeklaracje i certyfikatyAqua StopWentylacja
Pomiar otworu montażowegoSymbole drzwi w dokumentacji technicznejPrzykładowe zestawienie stolarki drzwiowejStrona otwierania drzwiPrzepisy prawneElementy dekoracyjneBrak węgarka, co zrobić?
Drzwi wysokieSzeroki otwór drzwiowyDrzwi w ścianie gipsowo-kartonowejŁączenie progu z podłogąOsoby z niepełnosprawnościąZwierzęta w domuSamodzielne malowanie drzwi

Ten sam artykuł przed i po

Artykuł „Drzwi przesuwne” w starej Strefie Architekta na porta.com.pl i w Porta PRO. Treść jest ta sama. Z jednej kolumny tekstu powstał poradnik z piętnastu bloków w dziesięciu stylach.

Wersja artykułu Przed Stara Strefa Architekta Po Porta PRO

Stary artykuł „Drzwi przesuwne” na porta.com.pl: tytuł, zdjęcie, jedna kolumna tekstu z listami, rysunki i lista plików — **Przed**Stara Strefa Architekta

Nowy artykuł „Drzwi przesuwne” w Porta PRO: duże zdjęcie, spis treści, galeria, porównanie systemów, karty zalet, ramka „Uwaga”, akcesoria i pliki do pobrania — PoPorta PRO

Języki

Strefa Architekta, Zona Arhitectului

Serwis od początku powstawał w kilku językach. Tłumaczenia przygotowaliśmy ze słownikiem pojęć Porta, żeby „ościeżnica” i „klasa mechaniczna” znaczyły w Bukareszcie to samo co w Gdańsku. Kolejny język przechodzi tę samą drogę: tłumaczenie, sprawdzenie i publikacja. Tak przygotowaliśmy już wersję angielską. Po tłumaczeniu każda wersja żyje własnym życiem, a zespół w Rumunii edytuje swoje treści niezależnie od polskiego.

Wersja PL Polski RO Rumuński

Strona główna Porta PRO po polsku: przydatne linki i napis „Strefa Architekta”

Ta sama strona po rumuńsku: „Linkuri utile” i napis „Zona Arhitectului”

Drewniane drzwi otwarte do sali spotkań z okrągłym stołem i granatowymi krzesłami — Biuro ATT pod Krakowem, jedna z realizacji w serwisie

UI/UX

Od realizacji do rysunku w trzech kliknięciach

Projekt zaczęliśmy od makiety funkcjonalnej, potem powstały widoki na komputer i telefon w Figmie, a na końcu motyw WordPress. Wygląd wynika z klucza wizualnego, który opracowaliśmy dla Porta, ale mówi językiem architekta: spokojnie, z danymi na wierzchu i z miejscem na każdy aspekt oferty. Z menu jest jedno kliknięcie do plików 2D, 3D i BIM, bazy wiedzy, realizacji oraz wydarzeń i targów, a po zapisie do bazy także do webinarów.

Strona Strona główna Realizacja Artykuł Dla inwestorów

Strona główna Porta PRO: przydatne linki, powody współpracy, drzwi szyte na miarę, zapis do bazy i nowości

Realizacja Teatr Szekspirowski w Gdańsku: lokalizacja, projekt, rok i galeria zdjęć

Artykuł „Akustyka w pomieszczeniach” ze spisem treści, porównaniem i produktami

Strona rozwiązań inwestycyjnych: drzwi dobrane do typu obiektu

Przeniesienie treści

Przenieśliśmy całą starą strefę

Treści przenieśliśmy automatycznie. Dla każdego artykułu, realizacji, wydarzenia i nowości powstał opis w pliku migracji: stary adres, nowy adres, kategorie, kolejność bloków, zdjęcia z podpisami i pliki. Skrypt, który przygotowuje ten opis, rozumie treść i do każdego fragmentu ze starej strony dobiera blok nowej, który do niego pasuje. Skrypt importu wstawia wpisy do WordPressa, a skrypt kontrolny porównuje wynik ze źródłem. Ponowne uruchomienie poprawia ten sam wpis i nie tworzy duplikatów.

Każdy stary adres ma zapisany nowy odpowiednik. Linki między artykułami przepięliśmy na nowe adresy, a końcowa kontrola nie znalazła w 58 artykułach ani jednego odnośnika do starej bazy. Rumuńskie wersje dostały własne, przetłumaczone adresy.

58artykułów bazy wiedzy
87realizacji z galeriami
786zdjęć realizacji, każda w swoim folderze
24wydarzenia
15nowości produktowych
31plików do pobrania

Stary i nowy adres

porta.com.pl/strefa-architekta/baza-wiedzy/artykul/47 , nowy adres: pro.portadoors.com/drzwi-przesuwne/
porta.com.pl/strefa-architekta/baza-wiedzy/artykul/12 , nowy adres: pro.portadoors.com/plyta-wiorowo-otworowa/
porta.com.pl/strefa-architekta/baza-wiedzy/artykul/5 , nowy adres: pro.portadoors.com/drzwi-szklane/
porta.com.pl/strefa-architekta/baza-wiedzy/artykul/17 , nowy adres: pro.portadoors.com/przepisy-prawne-drzwi-wewnatrzlokalowe/
porta.com.pl/strefa-architekta/baza-wiedzy/artykul/19 , nowy adres: pro.portadoors.com/antywlamaniowosc-drzwi/
porta.com.pl/strefa-architekta/baza-wiedzy/artykul/22 , nowy adres: pro.portadoors.com/dymoszczelnosc/

i 52 kolejne artykuły, a obok nich adresy realizacji, wydarzeń i nowości

Strefa Architekta przestała być zakładką.

Po wdrożeniu przeszkoliliśmy zespół Porta z pracy w panelu i nagraliśmy film instruktażowy, do którego można wrócić. Powstał też film, który zapowiada nową strefę architektom.

Porta PRO to część stałej współpracy z Porta. Warsztaty, identyfikację, katalog i porta.com.pl pokazujemy na osobnej stronie.

Zobacz całą współpracę z Porta

Klient: Porta
Zakres: Makieta, projekt UI/UX na komputer i telefon, motyw WordPress z 53 bloków, automatyczne przeniesienie treści, tłumaczenia, szkolenie i filmy
Online: pro.portadoors.com