Dla Creative Bench stworzyliśmy stronę internetową, która prezentuje ich misję, działalność a także bogate portfolio członków grupy.

Projekt graficzny i layout 

Opracowany przez nas projekt graficzny zgodnie z założeniami nawiązuje do klimatu retro, stylistyki lat 60 i 70 przy czym elementy interaktywne zostały zaprojektowane tak, by nie obciążać uwagi widza zbyt dużą ilością ozdobników. Bogata typografia natomiast pozostaje w zgodzie z kreatywną specyfiką działalności grupy. 

Layout został opracowany tak, aby adaptował się do wielkości ekranów komputerów i tabletów (Responsive Web Design).

Technologie

Strona została oparta w całości o system WordPress. Jego podstawową funkcjonalność

blog –  wykorzystaliśmy do prezentacji wydarzeń związanych z grupą Creative Bench i inspirujących ich cytatów.

Portfolio – zbiór prezentacji wszystkich osób zaangażowanych w tworzenie grupy, zostało uporządkowane według wykonywanych przez nich zawodów i specjalizacji. Zaimplementowane przez nas portfolio pozwala na prezentację zdjęć, ilustracji, filmów, krótkiej biografii a także linków do social media i CV do pobrania. Ostylowany odtwarzacz filmów został zintegrowany z serwisem vimeo, dzięki czemu aby umieścić film w portfolio wystarczy wpisać jego kod.

Kreatywna Mapa

Jako, że Creative Bench tworzą ludzie z całego Świata, aby zaprezentować ich sylwetki i w przyszłości pokazać ciekawe zdjęcia “zza kulis” stworzyliśmy Kreatywną Mapę, w której zastosowaliśmy autorskie rozwiązanie, integrujące WordPress z Instagramem. Wkrótce będzie ono dostępne jako plugin o czym nie omieszkamy poinformować.  

Rok 2012 (trzeci rok naszej działalności) rozpoczęliśmy dużymi zmianami, nie tylko personalnymi (powiększyliśmy zespół) ale też strategicznymi. Był on dla nas bardzo pracowity, rozbudowaliśmy swoje portfolio o wiele wymagających projektów, rozpoczęliśmy pracę dla kilku marek szeroko rozpoznawalnych na polskim rynku. Dziękujemy wszystkim klientom za zaufanie i owocną współpracę!

Znów z powiększonym zespołem, nowymi planami i jeszcze większym zapałem wkraczamy w rok 2013. Strategia na ten rok zakłada spore zmiany w funkcjonowaniu Hello! Studio. Niebawem uchylimy rąbka tajemnicy, trzymajcie rękę na pulsie! :)

Miałam wczoraj przyjemność reprezentować Hello! Studio biorąc udział w seminarium, tym razem
w charakterze słuchacza. 

Moje ogólne wrażenia są jak najbardziej pozytywne. Poziom prezentacji ogólnie rzecz biorąc był wysoki
a organizacja sprawna, choć zdarzały się opóźnienia i nieoczekiwane zmiany w kolejności prelekcji. Postaram się w skrócie opisać kilka prezentacji, które zwróciły moją uwagę z różnych względów (nie zawsze pozytywnych).

The world in 2021

Nick Sohnemann

Począwszy od wielkiego wejścia Nicka, prezentacja była świetną pobudką na wzmocnienie po przerwie kawowej. Szybka akcja, interesujące przykłady innowacyjnych rozwiązań takich jak google glasses, augumented reality czy grywalizacji i forma prezentacji na żywo oraz klipów wideo sprawiły, iż widzowie śledzili jego wystąpienie z zaangażowaniem i rozbawieniem. Aż żal, że trwało to tylko pół godziny. 

Prawdy i trendy w UX

Łukasz Tyrała

W swojej prezentacji Łukasz skutecznie i przekonująco obalił kilka mitów związanych z UX a także podważył oczywistości, z którymi do tej pory niewielu odważyło się polemizować. Jednym z takich mitów jest przekonanie, że strona główna jest najważniejszą stroną serwisu. Moim zdaniem wszystko zależy od kontekstu. Na przykład w przypadku stron e-commerce powinniśmy przykładać większą wagę do prezentacji produktów. Jeśli jednak weźmiemy pod uwagę mniej rozbudowane strony firmowe to może się okazać, że strona główna ma ogromny wpływ na decyzję klienta. 

Kolejną odwieczną zasadą, nad którą warto się zastanowić jest projektowanie stron tak, aby użytkownik miał dostęp do wszystkich (zwykle ważnych) informacji bez przewijania ekranu. Tymczasem wszyscy przyzwyczailiśmy się do scrollowania, i nie stoi ono na przeszkodzie w dostępie do informacji.  To samo dotyczy przekonania o niechęci do czytania tekstów. Wszystko zależy od sposobu prezentacji. Najważniejsze by był on czytelny i nie odwracał uwagi użytkownika od tego co chcemy przekazać.

Dwie perspektywy w projektowaniu na Responsive Web Design
(User Experience i Web Developer)

Katarzyna Kozikowska i Marek Kaczkowski

Moim zdaniem był to jeden z ciekawszych tematów konferencji, głównie z tego względu, iż jest bardzo na czasie. Dlatego trochę żałuję, że przeznaczono na tą prezentację tylko 20 minut a prelegenci co chwilę byli poganiani przez prowadzącego.
W bardzo przystępny sposób zdołali jednak pokazać proces tworzenia strony w oparciu o RWD i jak w tym przypadku przenika się praca działu UX i developerów. 
Sam sposób prezentowania był OK, choć  jeden z prowadzących co prawda momentami gubił się we własnych myślach, ale sama bym miała problemy z ich formułowaniem czując taką presję ze strony organizatorów.

Do pozostałych prezentacji, które zwróciły moją uwagę należy „Doświadczenie Klienta buduje rozwój firmy” – case study Alior banku (Rafał Klepacz), która pokazała świetny przykład UX w „realu”  i „Persony, użytkownicy i komunikacja w zespole” Ady Szostak, która w ramach zastępstwa za Agatę Lauwers w ekspresowym tempie przygotowała całkiem interesujący wykład i wyjaśniła jak skutecznie zbudować persony. 

Trochę zawiodłam się na dwóch prowadzących, którzy zapowiadając ciekawe tematy moim zdaniem z różnych względów nie stanęli na wysokości zadania. Pierwszą taką prezentacją była „Design thinking jako uniwersalna metoda rozwiązywania problemów” (Marcin Piotrowski). Sam temat był dla mnie interesujący, momentami treści przekazywane przez prowadzącego wartościowe jednak sposób ich przekazywania
i prowadzenia wykładu spowodował, że niewiele z niego wyniosłam.

Drugą -„Jak na pięknie można zarobić? Nowoczesne (i ładne) aplikacje, producent treści intelektualnych
i pieniądze”(Tomasz Kopacz). Prezentacja dotyczyła tematu, który jest mi ostatnio bliski – aplikacji Windows 8
i tego jak można na nich zarabiać. Niestety odnoszę wrażenie, że prowadzący za wszelką cenę chciał zaprezentować jak największą ilość informacji w zbyt krótkim czasie jaki został dla niego przeznaczony.
Po wszystkim nie mogę się pozbyć porównania do telewizyjnych lub radiowych reklam środków farmaceutycznych, gdzie w ostatnich sekundach twórcy starają się upchnąć wszystkie ustawowo wymagane treści.

Podsumowując  seminarium, mogę z całą pewnością stwierdzić, że warto było przyjechać i poznać różne spojrzenia wszystkich prelegentów na tematykę User Experience. 

Mieliśmy przyjemność zaprojektować i stworzyć nowy serwis internetowy prezentujący działalność i ofertę Bielmaru.

Przed zmianą

Dotychczasowy serwis był systematycznie rozbudowywany o kolejne moduły i treści. Jednak nieprzemyślana struktura i chaos informacyjny, doprowadziły w pewnym momencie do stanu, w którym poruszanie się po stronie sprawiało coraz więcej trudności. Również dotychczasowy layout pozostawał już daleko poza obowiązującymi trendami, stąd konieczność mocnego odświeżenia wizerunku. 

Odbiorcy, konsumenci i dostawcy

Celem serwisu miała być przede wszystkim kompleksowa informacja dla trzech grup użytkowników. Stąd planując poszczególne elementy uwzględniliśmy potrzeby z jakimi przychodzą tu zarówno zwykli konsumenci, jak również grupy należące do głównych dostawców i odbiorców oferty Bielmaru.

Prezentacja oferty

Najwięcej uwagi poświęciliśmy atrakcyjnej i użytecznej prezentacji oferty produktów. Zastosowaliśmy podział na grupy asortymentowe, a każdy produkt z osobna został wyraźnie i ciekawie zaprezentowany. Oprócz opisu i prezentacji graficznej wprowadziliśmy uwspólnioną dla wszystkich grup metryczkę z charakterystyką najważniejszych parametrów produktu. Szersze informacje wraz z materiałami do pobrania zostały zebrane w formie interaktywnej tabeli dla odbiorców.

Technologia i produkcja

Przyjęte na początku założenia zakładały m.in. otwartość, z jaką Bielmar chciałby informować o swojej technologii i surowcach. Jednym z naszych pomysłów na pokazanie się od tej strony było skonstruowanie obszernej infografiki, na której w przystępny sposób zaprezentowaliśmy najważniejsze informacje związane z pozyskiwaniem surowców, produkcją i polityką środowiskową. Z procesem technologicznym mogliśmy zapoznać się osobiście podczas zorganizowanej specjalnie dla nas wycieczki po Zakładzie, co znacznie ułatwiło pracę nad projektem. Całość została oparta o rzeczywiste dane i parametry, dzięki czemu stanowi wartościowy materiał informacyjny.

Historia

Od początku szukaliśmy sposobu na najbardziej atrakcyjne pokazanie bogatej historii Zakładów. Duże wrażenie zrobiły na nas materiały archiwalne, z którymi zapoznaliśmy się w siedzibie firmy. Najlepszym rozwiązaniem okazało się zbudowanie timeline’u, dzięki któremu prezentowane wydarzenia zyskały przejrzystość i moc przyciągania uwagi. Nie bez znaczenia jest również to, że zaprojektowany przez nas mechanizm można wykorzystywać do samodzielnej aktualizacji i wprowadzania nowych treści.

Dla klientów

Na stronie można znaleźć kilka innych ciekawych rozwiązań, wprowadzonych z myślą o klientach, takich jak:

• Aktualności, których treść została uporządkowana według tematyki i czasu publikacji.
• Dział kulinarny, gdzie można znaleźć przepisy z wykorzystaniem produktów Bielmaru. Całość wygodna w przeglądaniu, dzięki odpowiednim filtrom i wyszukiwaniu.
• FAQ – czyli zestaw najczęściej zadawanych pytań wraz z odpowiedziami. Dla użytkowników, którzy nie znaleźli poszukiwanych informacji – możliwość wysłania zapytania przez formularz online.
• Nasze Akcje – prezentacja aktywności Bielmaru związanych m.in. z promocją i edukacją zdrowego odżywiania
• Integracja z social media, mechanizmy dzielenia się treścią, itp.
• Wyszukiwarka, z możliwością zawężania wyników wyszukiwania
• i inne…

Wkrótce uruchomimy również mobilną wersję serwisu.

Początkowo naszym zadaniem miało być stworzenie nowej strony internetowej firmy, jednak szybko okazało się, że konieczne będzie również opracowanie nowej identyfikacji wizualnej. Dotychczasowe logo, funkcjonujące bez zmian od powstania firmy, przestało być aktualne i pozostawało w tyle za zmieniającymi się trendami.

Podstawowe założenie jakim się kierowaliśmy było zbudowanie wizerunku silnej, stabilnej ale i dynamicznej firmy, wiarygodnego partnera w biznesie.

Nowe logo nawiązuje do kształtu kropli i zawijającej się fali. Woda opływa, okala słońce tworząc kompozycję zamkniętą. Elementy składowe znaków pozostają we wzajemnej harmonii, a całość jest nowoczesna i dynamiczna, nawiązując jednocześnie do nazwy i działalności firmy.

Nowe logo zostało oparte na kształtach, które niosą za sobą konkretne znaczenie:

• Fala – dynamizm – nawiązanie kształtem do fali zwraca uwagę na ciągły ruch, rozwój i dynamiczną politykę firmy (wzmacniając tym samym wizerunek lidera w branży).
• Koło – doskonałość, równowaga– uzupełnieniem dynamiki jest równowaga, stabilność i ciągłość (firma jako partner godny zaufania).
• Kropla – transparentność– kropla to symbol czystości, transparentności. Ta symbolika pozwala przekazać odbiorcy sygnał, że Hydrosolar to wiarygodny, sprawdzony i rzetelny partner w biznesie.

Aby zapewnić spójność identyfikacji wizualnej Hydrosolar opracowaliśmy podstawową księgę znaku jak i key visual (wiodący motyw graficzny) jako wzorzec dla materiałów promocyjnych mających powstać w przyszłości.

Kolejnym etapem zmiany wizerunku było stworzenie nowej strony internetowej firmy Hydrosolar. Tutaj od początku głównym celem było opracowanie witryny łatwo dostępnej i czytelnej dla przyszłych użytkowników – klientów i partnerów firmy, dla których poza ofertą sieci istotne są również informacje dotyczące przeprowadzanych szkoleń czy istniejących placówek. W tym celu stworzyliśmy przystępną prezentację oferty szkoleniowej w formie kalendarium a także mapę istniejących placówek opartą na google maps z możliwością filtrowania po województwach i miastach. 

Mieliśmy przyjemność zaprojektować i stworzyć stronę internetową prezentującą serię Origines Polonorum.

Wyboru publikacji, z którą chcemy się zapoznać, dokonujemy z pozycji menu lub interaktywnej mapy Polski, którą umieściliśmy na stronie głównej.

Z uwagi na to, że seria będzie kontynuowana w kolejnych latach przewidzieliśmy również możliwość dodawania nowych miejsc na mapie. Całość oczywiście została zaimplementowana w taki sposób aby było to możliwe dzięki kilku kliknięciom w panelu zarządzania treścią.

Celem strony oprócz prezentacji samych książek było również ciekawe zaprezentowanie materiałów archiwalnych. Stąd treści wyselekcjonowane z poszczególnych pozycji książkowych zostały przedstawione w dynamicznych galeriach. Nie zabrakło obszernych opisów i materiałów związanych z promocją wydawnictwa.

Tym refleksyjnym wstępem pragniemy ogłosić, że naszym nowym Klientem zostało Powszechne Towarzystwo Emerytalne WARTA S.A. Cieszymy się, ponieważ projekt jest bardzo ambitny i będzie okazja pokazać co potrafimy. Szczegóły omówimy i pokażemy już wkrótce.

Nie zrażeni odległością po ciężkiej podróży w końcu dotarliśmy na konferencję.

Pierwszy dzień – Code Track – jak sama nazwa wskazuje, dotyczył strony technologicznej pracy z WordPressem. Numerem jeden tego dnia dla Krzysztofa była prezentacja Sprzątaj po sobie!, podczas której Marcin Pietrzak omówił dobre praktyki instalowania, wykorzystywania i usuwania wtyczek do (i z) WordPressa. Temat bardzo istotny w czasach kiedy wydajność odgrywa coraz większą rolę został podany w sposób ciekawy i przystępny. 

Drugi dzień – Chillout Track – był poświęcony tematom ogólnie związanym z użytkowaniem WordPressa. Naszym wspólnym numerem jeden tego dnia była prezentacja How we’re building a business around Wysija, podczas której Kim Gjerstad (współtwórca jednego z najpopularniejszych pluginów do obsługi mailingów w WordPress - Wysija) opowiedział o początkach swojego biznesu i wprowadził słuchaczy w świat technologicznych startupów. Jest to naszym zdaniem dobry elementarz, dla każdego, kto planuje zrewolucjonizować świat swoim projektem ale nie wie od czego zacząć ;)

Chillout Track  to też ścieżka, dla mojej prezentacji. Postanowiłam przedstawić uczestnikom tegorocznego WordCampa skróconą wiedzę na temat usability. W końcu jako twórcy rozwiązań interaktywnych często mają wpływ na ich ostateczny kształt. 

Dla zainteresowanych – slajdy z prezentacji.  

Last but not least…

Wielkie brawa i same pochwały należą się Michałowi Żukowi, który samodzielnie zorganizował i poprowadził całą imprezę. Oby więcej takich WordCampów! Żałujemy tylko, że prezentacja Michała, E-commerce na WordPressie, na którą bardzo liczyliśmy, nie doszła do skutku. Może za rok…?

Jeśli interesujesz się technologiami internetowymi, śledzisz najnowsze trendy, kodujesz dla przyjemności i nie jest Ci obcy system WordPress, być może szukamy właśnie Ciebie!

Mile widziani studenci kierunków informatycznych w ostatnich latach nauki (3, 4 rok).

Praca w naszym biurze w Krakowie.

Wymagania:

• biegła znajomość języka HTML oraz arkuszy CSS
• dobra znajomość języka Javascript i jQuery
• dobra znajomość języka PHP
• dobra znajomość systemu WordPress, mile widziane umiejętności kodowania szablonów
• umiejętność pracy z istniejącym kodem
• dobra organizacja pracy, dokładność, sumienność

Co dajemy w zamian?

• Możliwość rozwijania własnych umiejętności pod okiem ekspertów
• Ciekawą pracę przy różnorodnych projektach i dla ciekawych klientów
• Przyjazną i kreatywną atmosferę w pracy
• Wynagrodzenie adekwatne do umiejętności
• Elastyczne godziny pracy
• Okazjonalne wypady na gokarty ;)

Prosimy o przesłanie CV na adres praca@hellostudio.eu.

Prosimy o dopisanie następującej klauzuli „Wyrażam zgodę na przetwarzanie moich danych osobowych dla potrzeb niezbędnych dla realizacji procesu rekrutacji (zgodnie z ustawą z dn. 29.08.97 roku o ochronie danych osobowych Dz.U Nr 133 poz. 883)”. Zgłoszenia bez załączonej powyższej klauzuli nie będą rozpatrywane.

Zastrzegamy sobie prawo do odpowiedzi na wybrane zgłoszenia.