--- title: "Biurokoncept: strona z konfiguratorem pCon" description: "Nowa strona biurokoncept.pl z katalogiem ponad tysiąca mebli, konfiguratorem pCon i koszykiem zapytań z gotowymi konfiguracjami." url: https://fluostudio.pl/projekty/biurokoncept/ --- Biurokoncept # Biurko, które klient składa sam Zaprojektowaliśmy i zakodowaliśmy biurokoncept.pl: katalog ponad tysiąca mebli z konfiguratorem pCon i koszykiem zapytań. Zobacz, jak to działa ![Biurko SKY z elektryczną regulacją wysokości](https://fluostudio.pl/media/projekty/biurokoncept/biurko-s0-b0.webp) SKY · WUTEH Blat Brzoza Polarna Dąb Amber Orzech Antyczny Biały Czarny Brzoza Polarna Dąb Amber Orzech Antyczny Biały Czarny Stelaż Srebrny RAL 9006 Biały RAL 9016 Czarny RAL 9005 Srebrny RAL 9006 Biały RAL 9016 Czarny RAL 9005 Wyślij zapytanie Rendery z konfiguratora pCon na karcie produktu SKY w biurokoncept.pl. Katalog ## Ponad tysiąc mebli, które da się znaleźć Biurokoncept urządza biura wygodne dla zespołu i przyjazne dla klientów: od projektu wnętrza, przez dobór mebli i wyposażenia, logistykę i montaż, po serwis. Sprzedaje meble kilkudziesięciu producentów, a stara strona pokazywała to wszystko jako długą listę produktów. Przenieśliśmy produkty ze starego sklepu, uzupełniliśmy je i ujednoliciliśmy: producent, kategorie, przestrzenie, opisy i zalety. Dziś zespół klienta dodaje kolejne sam. - ok. 1040 produktów w katalogu - 32 marki producentów - 11 przestrzeni, od recepcji po outdoor - 10 grup produktów z ikonami w menu ![Strona główna biurokoncept.pl na telefonie leżącym na drewnianym blacie](https://fluostudio.pl/media/projekty/biurokoncept/bk-foto-telefon-drewno.webp) Architektura informacji ## Biuro zaczyna się od miejsca, nie od katalogu Na warsztatach wyszło, że część klientów to firmy z kilkoma oddziałami, które chcą, żeby jedna osoba zajęła się wszystkim, od projektu po montaż. Mniejsi klienci potrzebują więcej podpowiedzi, zanim się zdecydują. Jedni i drudzy myślą o miejscach: recepcji, sali konferencyjnej, strefie relaksu. Nowa strona miała pokazać całą ofertę na wizualizacjach, zdjęciach realizacji i aranżacjach, tak żeby Biurokoncept wyglądał na eksperta od urządzania biur, a nie na katalog mebli. Dlatego do oferty prowadzą trzy drogi: przez przestrzenie, przez produkty i przez usługi. Usługi, wcześniej niewidoczne w menu, dostały własną gałąź, a produkty podzieliliśmy na nowe grupy. Które menu pokazać Nowa strona Stara strona Produkty - Biurka elektrycznie regulowane - Meble mobilne - Fotele biurowe - Krzesła biurowe - Wysokie stoły - Szafy i regały biurowe - Ekrany akustyczne - Kabiny akustyczne - Ściany mobilne - Wykładziny biurowe - Oświetlenie biurowe - Akcesoria - Donice i kwietniki - Fotele gamingowe - Outlet - Mediaporty - Uchwyty do monitorów Pomieszczenia - Meble gabinetowe - Meble biurowe - Meble konferencyjne - Meble recepcyjne - Meble szkolne - Meble restauracyjne - Meble hotelowe - Horeca meble ogrodowe Reszta - O nas - Ergonomia - Projekty - Referencje - Kontakt Menu starej strony z archiwum internetowego. Przestrzenie Dla kogoś, kto urządza konkretne miejsce. Produkty Dla kogoś, kto wie, czego szuka. Usługi Dla kogoś, kto chce, żeby biuro urządził ktoś inny. - Biura i openspace - Gabinety - Sale konferencyjne - Recepcje - Strefa relaksu - Kantyny - Pomieszczenia socjalne - Szkoły - Przychodnie i szpitale - Restauracje - Outdoor Biurka i stoły - Biurka elektryczne - Biurka gabinetowe - Biurka pracownicze - Stoły konferencyjne - Stoły wysokie - Stoły i biurka mobilne - Stoły z litego drewna - Stoliki kawowe i pomocnicze Fotele i krzesła - Fotele biurowe - Krzesła konferencyjne i biurowe - Krzesła restauracyjne - Hokery - Ławki - Fotele gamingowe - Fotele gabinetowe - Krzesła specjalistyczne Panele i meble akustyczne - Kabiny i budki akustyczne - Panele ścienne - Panele sufitowe - Ekrany stojące i mobilne - Ekrany wiszące - Ekrany biurkowe - Lampy akustyczne - Meble akustyczne Soft seating - Sofy - Fotele - Pufy - Ławki - Systemy modułowe - Hokery i taborety Przechowywanie - Szafy i komody - Kontenery i cargo - Szafy skrytkowe i lockery - Regały - Szafy i regały na kółkach - Szafy BHP Recepcje - Lady recepcyjne - Sofy i fotele - Stoliki kawowe - Ławki Meble na wymiar - Kuchnie - Szafy i zabudowy - Biurka - Lady Uzupełniające - Wykładziny biurowe - Ściany mobilne - Oświetlenie biurowe - Meble metalowe - Meble mobilne Agility - Tapety - Rośliny biurowe Akcesoria - Mediaporty - Uchwyty do monitorów - Wieszaki - Podkłady na biurko - Kosze na odpady - Tablice - Stojaki TV - Donice i kwietniki Meble branżowe - Meble dla szkół - Meble dla służby zdrowia - Projektowanie wnętrz - Fit-out - Leasing mebli biurowych ![Rozwinięte menu produktów na biurokoncept.pl: dziesięć grup z ikonami i kolumna przestrzeni](https://fluostudio.pl/media/projekty/biurokoncept/menu-produkty.webp) Menu biurokoncept.pl dziś. Każda grupa produktów ma w menu własną ikonę. Ścieżka klienta ## Od sali konferencyjnej do gotowego zapytania Ścieżka miała się kończyć kontaktem z handlowcem, ale z konkretem w ręku. Klient wybiera przestrzeń, produkt i jego wersję, a do Biurokoncept trafia zapytanie z pełną konfiguracją: wymiarem, kolorem blatu, stelażem i dodatkami. 1. Przestrzeń Sale konferencyjne: meble wszystkich marek w jednym miejscu. 2. Kategoria Kafelki podkategorii i filtr po producencie i przestrzeni. 3. Konfigurator Model 3D z pCon: wymiar, blat, obrzeże, stelaż i dodatki. 4. Zapytanie Konfiguracja ląduje w koszyku zapytań razem z danymi kontaktowymi. ![Strona przestrzeni Sale konferencyjne z siatką produktów](https://fluostudio.pl/media/projekty/biurokoncept/ekran-przestrzen.webp)![Kategoria Fotele i krzesła z kafelkami podkategorii](https://fluostudio.pl/media/projekty/biurokoncept/ekran-katalog.webp)![Konfigurator pCon z modelem biurka SKY i listą cech](https://fluostudio.pl/media/projekty/biurokoncept/ekran-konfigurator.webp)![Koszyk zapytań z biurkiem SKY i formularzem Twoje zapytanie](https://fluostudio.pl/media/projekty/biurokoncept/ekran-zapytanie.webp) Zrzuty z biurokoncept.pl. ![Strona główna biurokoncept.pl w przeglądarce: hero ze zdjęciem biura, przestrzenie i marki producentów](https://fluostudio.pl/media/projekty/biurokoncept/bk-przegladarka.webp) ![Fragmenty strony głównej, strony O nas i strony realizacji biurokoncept.pl](https://fluostudio.pl/media/projekty/biurokoncept/bk-makiety.webp) Karta produktu ## Konfigurator to połowa pracy Druga połowa to dane. Z pCon da się wziąć model i wycenę, ale nie cechy do filtrów i porównywarki. Dlatego filtry uprościliśmy do tego, co da się utrzymać: producenta, przestrzeni i koloru, a resztę opisuje ujednolicona karta produktu. Stronę wdrożyliśmy na serwerze klienta, a zespół Biurokoncept dostał szkolenie i nagraną instrukcję, jak dodać produkt i podpiąć do niego konfigurator, bez programisty. ![Karta produktu SKY na biurokoncept.pl](https://fluostudio.pl/media/projekty/biurokoncept/karta-produktu.webp) Okruszki Okruszki Kategoria i podkategoria nad zdjęciem, żeby wrócić o poziom wyżej jednym kliknięciem. Galeria Galeria Zdjęcia aranżacji, czyli biurko w prawdziwym biurze, a nie tylko na białym tle. Producent nad nazwą Producent nad nazwą Na prośbę zespołu Biurokoncept marka producenta stoi nad nazwą produktu, tak samo na liście i na karcie. Zalety produktu Zalety produktu Jedna lista zalet w tym samym układzie dla ponad tysiąca produktów różnych producentów. Skonfiguruj Skonfiguruj Otwiera konfigurator pCon pod opisem. Gotowa konfiguracja trafia do koszyka zapytań. Porównanie Porównanie Porównywarkę produktów zbudowaliśmy jako osobny etap prac. Cechy do porównania uzupełnia się ręcznie. ![Wersja mobilna biurokoncept.pl na dwóch telefonach, z przodu karta produktu](https://fluostudio.pl/media/projekty/biurokoncept/bk-foto-telefony.webp) Wersja mobilna ## Ten sam katalog w kieszeni Wersję na telefon zaprojektowaliśmy osobno, razem z menu, które na małym ekranie rozwija grupy produktów jedna pod drugą. Po pierwszych testach klientki powiększyliśmy też tekst i interlinię w całym serwisie. - ![Strona główna biurokoncept.pl na telefonie](https://fluostudio.pl/media/projekty/biurokoncept/tel-glowna.webp) - ![Menu biurokoncept.pl na telefonie](https://fluostudio.pl/media/projekty/biurokoncept/tel-menu.webp) - ![Przestrzeń Recepcje na telefonie](https://fluostudio.pl/media/projekty/biurokoncept/tel-przestrzen.webp) - ![Kategoria Panele i meble akustyczne na telefonie](https://fluostudio.pl/media/projekty/biurokoncept/tel-katalog.webp) - ![Karta fotela BELT na telefonie](https://fluostudio.pl/media/projekty/biurokoncept/tel-produkt.webp) Key visual ## Dużo światła, piasek i jeden żółty akcent Marka odeszła od dotychczasowej kolorystyki. Jasne, piaskowe tła, ciemny grafit w nagłówku i jeden żółty kolor dla rzeczy, które klient ma kliknąć: konfiguracji, zapytania, punktów na zdjęciach realizacji. Do tego minimalistyczne układy, dużo światła, płynne animacje i film na otwarcie strony głównej. - Piasek`#F6F5F1` - Piasek 100`#B7B39D` - Piasek 200`#76725F` - Żółty akcent`#F7FF7D` - Grafit`#161616` Strona główna biurokoncept.pl. ![Cała strona główna biurokoncept.pl, od hero do stopki](https://fluostudio.pl/media/projekty/biurokoncept/strona-glowna-cala.webp) ![Strona biurokoncept.pl na tablecie](https://fluostudio.pl/media/projekty/biurokoncept/bk-foto-psd04.webp) ## Do handlowca trafia gotowe zapytanie Klient przegląda katalog od strony przestrzeni, produktów albo usług, sam składa biurko w konfiguratorze, a handlowiec dostaje zapytanie z gotową konfiguracją. Stary sklep stał na Redcart. Start przygotowaliśmy razem z agencją SEO klienta: mapa przekierowań prowadzi stare adresy produktów na nowe, a stronę sprawdziliśmy w audytach przed publikacją i po niej, razem z indeksacją i danymi w Google Search Console. Po starcie doszły strony o ESG i ergonomii, materiały do pobrania po zalogowaniu, landing pages pod zapytania i meble dla szkół i służby zdrowia. Klient Biurokoncept, Wrocław Zakres - Warsztaty strategiczne - UI/UX Design - Strona www - Kodowanie - Implementacja PCON - Panel CMS - Uzupełnianie treści - Wdrożenie Technologie - WordPress - WooCommerce - pCon.ui - Google Search Console Online [biurokoncept.pl](https://biurokoncept.pl/) ## Zobacz inne projekty Widok Duże kadry Siatka - [Septima Design Odświeżyliśmy logo krakowskiej pracowni wnętrz i zaprojektowaliśmy jej identyfikację, stronę oraz katalog 26 kart produktów.](https://fluostudio.pl/projekty/septima-design/) - [Itodi Nowa marka mebli na wymiar od zera: nazwa, logo z wydłużonym „o”, projekt sklepu z konfiguratorem, instrukcja i opakowanie.](https://fluostudio.pl/projekty/itodi/) - [Hana Design Lifting logo, materiały dla architektów, strona z konfiguratorem produktów i oklejenie aut.](https://fluostudio.pl/projekty/hana-design/) - [Porta Drzwi Design system dla istniejącego znaku: rama z logo, siatki, ikony, rysunki, katalog, porta.com.pl, social media i materiały dla sprzedaży producenta drzwi.](https://fluostudio.pl/projekty/porta-drzwi/) - [Mily Group Rebranding dostawcy poroża jelenia: strategia komunikacji, znak, księga znaku, strona milygroup.com i materiały na targi.](https://fluostudio.pl/projekty/mily-group/) - [Grupa Dawtona Cała komunikacja Dawtony poza półką: ponad 90 projektów, od postów i stoisk targowych po cztery serwisy i animacje.](https://fluostudio.pl/projekty/dawtona/) - [Overmax Projekt UX/UI sklepu Overmax: auta RC w filmowych ujęciach, dopracowana karta produktu, menu kategorii i test, który dobiera model.](https://fluostudio.pl/projekty/overmax/) - [Design Optyk Rodzinna sieć salonów optycznych premium: identyfikacja bez złota, materiały do salonów i nowy sklep połączony z magazynami sześciu z siedmiu salonów.](https://fluostudio.pl/projekty/designoptyk/) - [Fundacja MultiSport Identyfikacja z design systemem w Figmie, strona zgodna z WCAG i duet brand hero, który zachęca do ruchu.](https://fluostudio.pl/projekty/fundacja-multisport/) - [PetCuisine Zbudowaliśmy od zera markę producenta karmy z Grupy Dawtona: od nazwy i hasła, przez opakowania w 12 smakach i stronę, po stoiska na targach w Europie.](https://fluostudio.pl/projekty/petcuisine/) - [Zippy Tail Zbudowaliśmy markę Zippy Tail od zera: nazwę, strategię, etykiety ośmiu suplementów dla psów i kotów, paczkę i projekt sklepu.](https://fluostudio.pl/projekty/zippy-tail/) - [Intima Clinic Sześć marek medycznych w jednej grupie. Warsztaty, nazwy, identyfikacja, oznakowanie placówki, druki, animacje i strona intimaclinic.pl.](https://fluostudio.pl/projekty/intima-clinic/) ## Stoicie przed podobnym wyzwaniem? Opowiedzcie nam, co chcecie zmienić. Na pierwszej rozmowie sprawdzimy, czy i jak możemy pomóc, bez zobowiązań. Porozmawiajmy [Umów 30 minut konsultacji](https://calendly.com/anita-fluo/darmowa-konsultacja-30-minut)