La Rambla

Witaj na La Rambla
Witamy na La Rambla, gdzie dyskusje toczą się całą dobę! La Rambla to dział stworzony specjalnie dla zarejestrowanych Użytkowników FCBarca.com. Zapraszamy do rejestracji oraz dyskusji nie tylko o Barcelonie i nie tylko o piłce nożnej. W tym dziale obowiązuje regulamin serwisu FCBarca.com, który znajdziecie tutaj.

La Rambla

Online: 1319 Culés

60

#ChwalęSię

Jakiś czas temu udało mi się zaprojektować stronę dla najpopularniejszego pisarza w Polsce wg. badań, czyli Remigiusza Mroza. Jest to mój w zasadzie pierwszy projekt dla osoby, którą większość osób kojarzy, więc myślę, że warto jest się tym pochwalić :)

Strona docelowo miała wyglądać nieco inaczej, bardziej minimalistycznie i prosto, ale raz, że nas godziny nieco ograniczały (za stronę płaciło wydawnictwo, a nie sam Mróz), a dwa że Pan Remigiusz chciał mieć stronę o nieco bardziej artystycznym charakterze, więc trzeba było kombinować jak upchnąć ładny projekt w małej ilości godzin. Mam nadzieje, że mimo wszystko udało się to osiągnąć, mimo że osobiście liczyłem na inny efekt końcowy. Jednakże koniec końców Remigiusz Mróz bardzo zadowolony z projektu i współpracy. Enjoy! :)

https://remigiuszmroz.pl/

@michal26 @!34RC3!_0N4 - oznaczam, bo nam się zdarzało współpracować :)

6

@macio_944 Well,I think it looks really good,dude ;)

7

@macio_944 profeska jak zawsze Maćku :) gratuluję, bo to bardzo ciekawy projekt i marketingowo dla Ciebie świetny. Masz co w CV wpisać :)

4

@macio_944 Pokaze zonce, oceni fachowym okiem :) Mi sie podoba :)

5

@tomek8756 @michal26 @JimMorrisonFCB A dzięki bardzo. Wasze zdrowie!

konto usunięte

1

@macio_944 Śmieszna ta strona. Nie pod względem technicznym, więc żadna uwaga do Ciebie, ale treść jest... :D

1

@macio_944 Za bezpieczny!

0

@macio_944 Tak z ciekawości, taki projekt jest czasochłonny?

2

@anxted Mróz ogólnie to trochę śmieszek i jest dość specyficzny w niektórych momentach :D
Polecam wywiady z nim i ostatni program u Wojewódzkiego.

1

@tomek8756 Projekt, wdrożenie + sprawdzanie błędów, testowanie etc. - około 200/250h nam zajął jakoś. Nie dużo. Aktualnie biorę udział w projekcie, który jest wyceniany na ponad 700h.

Moja praca to około 80-100h wraz z ewentualnymi poprawkami.

konto usunięte

2

@macio_944 No możliwe, do mnie nie trafia ani jego twórczość ani on sam :) Ale gratulacje.

1

@anxted Ja jego książek w ogóle nie czytałem, więc trochę pszypau :D
Ale może kiedyś się wezmę, zobaczymy.

konto usunięte

0

@macio_944 Z jakiej strony ukradłeś szablon? ( ͡° ͜ʖ ͡°)

1

@MesQueUnClub96 Themeforest i freepik ( ͡° ͜ʖ ͡°)

konto usunięte

1

@macio_944 Przynajmniej nie z google sites ;)

2

@macio_944 w te 200-250h to on z 3 książki jest w stanie napisać, widać oczekiwał od Was podobnego tempa pracy ;p

4

@macio_944 moim zdaniem font w opisach taki trochę niewygodny do czytania, a przy tym w sekcji serii zdecydowanie przydałby się lepszy kontrast. Ikonki w okręgach są chyba nie do końca wyśrodkowane. No i bardzo dużo animacji, tu wskakuje następna sekcja, tu się coś kręci, tu wypełnia, tu podkreśla :D Ogólnie wygląda przyjemnie i z pomysłem, więc chyba wyszło jak powinno ;)

0

@RobsonPL IMO właśnie w opisach to jeszcze pasuje. To są krótkie frazy. Do tekstów ciągłych oczywiście już byłby męczący. Ikonki w okręgach są wyśrodkowane, ale jest to złudzenie nieporządku wynikające z nieidealnego okręgu :)

Jednakże szanuję za uwagi. Generalnie wyszło jak miało wyjść odkąd wiedziałem ile mam na to godzin i czego oczekuje klient :)

0

@macio_944 z ciekawości, ile godzin przeznaczyłeś na projekt? js czy php? jakich frameworków używałeś jeśli można wiedzieć. jestem na telefonie i słabo zerknąć do źródła
ps: z sama bezszeryfową nie wyglądało lepiej? ale ogólnie bardzo fajnie to wygląda, gratki:)

0

@burcioszka To już pytanie do deva, ja odpowiadałem tylko za samą stronę wizualną :)

A godzin mniej-więcej podane są wyżej w dyskusji.

0

@macio_944, znasz może odpowiedź na pytanie w jakich technologiach całość została napisana?

0

@macio_944 moim zdaniem za dużo różnych czcionek i ogólnie zbyt duże odległości pomiędzy elementami. Wydaje mi się, że te "problemy" uwypuklają się wraz ze scroll'owaniem w dół (w niższych sekcjach). Ta tekstura z tyłu też jest niskiej jakości i dodaje trochę vibe'u z lat 2000.

0

@FCB_dimiC moim zdaniem js i react

0

@FCB_dimiC Niestety nie, ale mogę się dowiedzieć :)

@Bartula Ciekawe spostrzeżenie, ale nie powiedziałbym, że vibe z lat 2000 :D Prędzej vibe pisarsko-książkowy, czyli imitacja elementów. Nowoczesności dodają fonty i ogólne ułożenie elementów. Generalnie dobrze, że taki projekt się trafił. Coś zupełnie innego i nowego od tego co najczęściej tworzę. A jak chcesz vibe nowoczesny, to zapraszam na inną stronę przeze mnie zaprojektowaną (choć niektórych fajnych elementów brakuje na stronie docelowej, bo z nich niestety zrezygnowali): https://avra.pl/

konto usunięte

0

@FCB_dimiC to wordpress jest prawdopodobnie z pluginem LazySizes do responsywności i Yoast SEO do pozycjonowania, a animacje na jquery :P

0

@macio_944 Z ciekawości ile kosztuje taki projekt? No i gratulacje. :)

0

@Explode, jeśli jquery to dosyć przestarzała już technologia. Ciekawy jestem w jaki sposób zostało to zbudowane

1

@koksik2700 Nie wiem ile stricte wydawnictwo zapłaciło za całość, ale gdybym miał wyceniać prywatnie przy mojej jeszcze aktualnej stawce godzinowej, to wyszłoby 6-8k licząc około 80-100h na projekt :)

Dzięki bardzo!

1

@macio_944 Bardzo mi się podoba :) Nie jestem co prawda ekspertem, ale nie tylko eksperci od tworzenia stron będą ją odwiedzać :) Gratuluję,.kawał dobrej roboty!

1

@macio_944 tam już o wiele bardziej czytelnie. Podoba mi się klarowność, ale znowu jeśli chodzi o te statyczne jpg'i, to dobrze by było, żeby były w większej jakości, bo niestety zabierają to, co jest wypracowane przez resztę elementów. Może to tylko mój fetysz, ale jeśli po prawej masz te napisy - "Oddaj technologię w ręce ludzi, którym zależy" i występuje tam bardzo klarowny i kontrastujący kontekst, to zdjęcie po lewej stronie również powinno takie być, a to już odbiegając od samej jej rozdzielczości.

1

@macio_944 według mnie biała tekstura mogła by występować, ale nie w takiej skompresowanej postaci, a grafitowe elementy raczej coś bardziej gładkiego.

1

@macio_944 "Chwyci cię za gardło i nie puści, aż do zakończenia." Ten cytat w ustach Katarzyny Bondy zważywszy na ich związek brzmi dość dwuznacznie.

2

@macio_944 Dzięki. No to moja strona ze sklepem musi jednak poczekac. xD Swoją drogą naszła mnie taka myśl, że tam takie "Jestem Remigiusz Mróz" Bla, bla, bla ale za taką świetną stroną stoją jednak inni ludzie i jakiś tam ich pomysł. A nie samego autora i to można trochę wziąć pod wysokie poczucie estetyki. :)

0

@Bartula Pamiętaj, że strona musi również dobrze działać i mieć wysoki wynik płynności. Większe tekstury, czy zdjęcia zabiłyby płynność, a to nie są strony wyjątkowe jak na Awwwards, tylko dla przeciętnego usera. Poza tym bardzo ważną kwestią jest rozdzielczość ekranu na której to oglądasz. Statystycznie najwięcej ludzi ma wciąż rozdzielczość 1366x768, a tutaj strony wyglądają bardzo dobrze. Podobnie ma się to na Full HD - gorzej, ale wciąż akceptowalnie.

Zawsze projektując stronę trzeba znaleźć punkt środkowy pomiędzy płynnością, użytecznością, a rozdzielczością w jakiej najwięcej ludzi będzie to przeglądać.

1

@macio_944 Wow. Gratulacje :-)

2

@macio_944 Czułem, że mam do czynienia z jednostką wybitną. Mi się bardzo podoba, gratulacje, życzę miłej satysfakcji :)

1

@macio_944 trzeba było wstawić gdzieś inside joke do Lekko Stronniczych :D bardzo lubię ich dissowanie się wzajemne, oczywiście dla beki
A no i lol, nie dopisałem, bardzo estetycznie wyszło :)

1

@macio_944 Jestem dumny z ciebie synu

0

@macio_944 "Statystycznie najwięcej ludzi ma wciąż rozdzielczość 1366x768, a tutaj strony wyglądają bardzo dobrze. "
What? Statystycznie to najwięcej ludzi przegląda internet korzystając z smartfonów. Strony powinno się tworzyć z użyciem zasady "mobile first", a ta strona na małym ekranie wygląda po prostu słabo, ktoś tu się skupił na "wodotryskach" a czytelność i RWD leży. Czcionka w banerze, "Remigiusz" dużo za mała, słabo czytelna. Ta "udziwniona", ozdobna- kompletnie nieczytelna. Ta w okrągłych odnośnikach "książki", "więcej o mnie" to już kompletna porażka, nie dość, że czcionka jest za mała, to co to za cudowny pomysł, żeby obracać tekst, który ktoś próbuje przeczytać?
Ogólnie rzecz biorąc za dużo efekciarstwa, a leżą podstawy i to kompletne podstawy w tworzeniu stron.

P.S.
"Pamiętaj, że strona musi również dobrze działać i mieć wysoki wynik płynności."
Kliknij jakikolwiek link w menu, a potem napisz, że strona działa dobrze i płynnie. ( ͡° ͜ʖ ͡°)
Optymalizacja też niestety leży.

konto usunięte

1

@macio_944
Gratuluję. Ja bym nie wybrał tej czcionki "pisanej". Jak dla mnie nieczytelna. Dla przykładu, nie wiem, kto poleca czytać R.Mroza - poza K.Bondą.

Chwalisz się, chwalisz - ale najważniejszego nie napisałeś - czy On kibicuje Barcy.
.
.
.
reszta nie ma kompletnie znaczenia ;).

0

@macio_944 P.S. 2
"Większe tekstury, czy zdjęcia zabiłyby płynność,"
Czekaj, to ty ładujesz te same grafiki bez względu na to z jakiej rozdzielczości korzysta użytkownik? Powinieneś przygotować co najmniej dwa zestawy grafik, następnie w CSS za pomocą breakpointow ustalić od jakiej rozdzielczości mają się ładować te w wyższej jakości. Ładując zdjęcia w dużej rozdzielczości na telefony zabijasz optymalizację, a jednocześnie tworzysz pikselozę na wysokich rozdzielczościach. To są naprawdę podstawy podstaw.

« Powrót do wszystkich komentarzy

Media

Sonda

MVP sezonu 2025/26 FC Barcelony jest: