Strona WWW

Witam co sądzicie o tej stronie? Projekt wykonany od podstaw samodzielnie i po prostu potrzebuję opinii, gdzie powinny zostać naniesione poprawki. Adres strony www.ibmarketing.pl

Na pewno ucina ok 10% na brzegach strony na komórkach

Pierwsze wrażenie (zanim zescrollowałem w dół) było nawet-nawet, lecz potem było coraz gorzej...

http://ibmarketing.pl

1. Na minus brzydkie zielone obramowanie pojawiające się po najechaniu kursorem na któryś element menu.
2. W/w menu poszerza się po najechaniu kursorem - również nie wygląda to estetycznie.
3. Plus to menu jest bardzo małe, zupełnie nie daje do zrozumienia, że ono jest przewodnikiem po stronie.
4. Biały tekst Twoje Internetowe biuro marketingu! bardzo źle łączy się z jasnym tłem - patrząc na to mam ochotę przywalić w monitor. Moim zdaniem wybrałeś w ogóle złe zdjęcie, ponieważ ciężko do niego dopasować sensowną kolorystykę tekstu.
5. Dlaczego Co mogę ci zaoferować? to obrazek? :|
6. Nie mieszaj Ariala z Palatino Linotype... generalnie unikaj mieszania jakichkolwiek odrębnych fontów. Oraz unikaj Palatino Linotype :P Wybierz sobie coś ładnego z repozytorium Google Fonts.
7. Prawdopodobnie w tekście Jak to się odbywa? próbowałeś celowo to "J" wyodrębnić, aby zrobić z tego formę inicjału, lecz wybrałeś zupełnie niepasujące miejsce (środek strony na inicjał? to się robi od lewej w bloku tekstu).
8. znajduje zakładce Oferta "Oferta" powinno być linkiem. Masz ułatwiać użytkownikowi/klientowi przedstawienie siebie, a nie utrudniać.
9. Coś mi nie pasuje w tym okręgu ze zdjęciem makintosza. Pomijając fakt, że z jakiegoś niezrozumiałego powodu postanowiłeś uciąć fragment ekranu na rzecz klawiatury.
10. Obramowanie tych czterech boxów z ikonkami jest nieładne. Kojarzy mi się z odzaznaczonym folderem w Windowsie (też mają takie wykropkowane/wymrówkowane obramowanie).
11. Podobnież same te ikonki nie pasują do siebie. Jednorodność to podstawa, a u Ciebie jedna ikona ma cień, druga nie - jedna jest jakaś taka półtrójwymiarowa, druga nie...
12. Dół strony rodem z lat '90 - tyle że z wykorzystaniem linear-gradient, a nie powtarzającego się w bok PNGa :P
13. Napis Design by Maksymilian Kieroński 2016. nie jest wyśrodkowany. Gdybym miał OCD, nasłałbym na Ciebie jakichś ziomków z osiedla (nie bierz tego personalnie), ponieważ brak symetrii potrafi nieźle kolić w oczy.

http://ibmarketing.pl/Galeria

1. Na poprzedniej stronie przycisk pod napisem był przyciskiem, a tutaj już nie jest klikalny. To wprowadza zamęt, bo odwiedzającego nachodzą myśli "omójboże, dlaczego tutaj już nie mogę kliknąć? czy ja coś zepsułem?"
2. Dlaczego napis Oferta!?

http://ibmarketing.pl/Kontakt

1. W razie jakicHś pytań. Liczba mnoga.
2. lub złącza zdania równoważne, zatem nie stawia się przed nim przecinka, chyba że pojawia się w formie wtrącenia bądź występuje więcej niż jeden raz w jednym zdaniu. Ania kupiłaby warzywa lub owoce, lub mutanta..
3. Mniejszego tego formularza kontaktowego nie dało się zrobić? O paddingu słyszał?

No i generalnie strona jest jakaś taka... nijaka, pusta, brzydka. Brak konkretów, same ogólniki i gradienty. Ode mnie dostajesz ocenę Słaba, argumenty powyżej. W ramach pokuty poprzeglądaj sobie kilka swoich ulubionych stron internetowych przyglądając się, jak często są na nich wykorzystywane gradienty. Podpowiedź: praktycznie wcale, a już na pewno nie jako tło. (tzn. wprawny grafik dałby radę to ze sobą zgrabnie połączyć, ale na Twojej stronie po prostu nie ma miejsca na takie "wodotryski").

Oraz przede wszystkim: Twoja strona jest nieresponsywna. To już jest coś, co trzeba wykrzyczeć.
Mamy XXI wiek, tworzysz stronę reklamującą projektowanie, pozycjonowanie i wszystko po drodze... a w kodzie masz takie kwiatki jak width: 1000px; dla głównego kontenera.

Moja rada: kup sobie książkę o projektowaniu stron (a najlepiej kilka - ja przerabiam aktualnie Nie każ mi myśleć od Steve'a Kruga), poprzyglądaj się swoim ulubionym stronom oraz witrynom podobnym tematycznie do Twojej - zobacz w jaki sposób mają zaprojektowane menu, opisy, ikony; poczytaj o material designie (...). No i nie zrażaj się - nie każdy od początku tworzy świetne, wodotryskowe, full-user-experience'owe interfejsy - ale da się co nieco nauczyć ;-)

stronka nie jest tragiczna, ale wymaga dopracowania szczególnie wersja mobilna (której w sumie nie ma) może lepiej jednak użyć gotowego szablonu

czysteskarpety napisał(a):

stronka nie jest tragiczna, ale wymaga dopracowania szczególnie wersja mobilna (której w sumie nie ma) może lepiej jednak użyć gotowego szablonu

O nie nie mój drogi :). Dziękuje bardzo za konstruktywną krytykę :) Siadam do roboty i jadę z poprawkami!!! :)

Kilka uwag ode mnie ;)

1. Hovery w menu nijak nie pasują do reszty
2. Wszystko jest bardzo duże i wręcz toporne
3. Typografia leży
4. Footer kompletnie nie jest spójny z całością
5. Poczytaj o RWD
6. Favicon nie działa
7. Ikonki również nie są spójne z resztą
8. O mnie to porażka - brak jakiegoś zamysłu - tekst przedzielony belką
9. Oferta - za dużo tekstu (lepiej hasłami) i ikonki znów mało spójne ze stroną
10. Kontakt -inputy nie są ostylowane, pole na mail stanowczo za niskie. Brak jakiegokolwiek paddingu. Brak ort! danych.

Ogólnie strona wydaje się pisana w 20 min przy braku większej koncepcji. Najlepiej poczytaj kilka książek o webie, nawiąż współpracę z jakimś grafikiem i będzie dobrze :)

Powodzenia w dalszej nauce ;)

Grafika (szczególnie zestawienie kolorów) jakoś nie bardzo pasi.