Witajcie,

Kilka miesięcy temu odpaliłem stronę http://www.wreckandreef.com. Teraz przyszła pora na jej rozbudowę do pełnej postaci, czyli katalog produktów oraz hurtownię.

Nowa wersja strony roboczo wisi sobie na domenie http://www.dualfabric.com. Jako że pod spodem jest OscGold, który będzie używany jako hurtownia, produkty pochodzą z wersji demo.

Przykładowy produkt z pełnym zakresem funkcjonalności katalogu (zakładki w opisie, technologie użyte w produkcie) zamieściłem w tej pozycji http://www.dualfabric.com/aparaty-kompakto...t-a540-pd-1.htm.

Jest to wersja bardzo rozwojowa (miejscami niedokończona), dlatego proszę Was o ogólne uwagi, bez wdawania się w szczegóły że kod się nie waliduje czy coś tam gdzieś się przesunęło

Szczególnie zależy mi na opinii na temat strony startowej, bo tu szczerze powiedziawszy nie jestem przekonany co do uzyskanego efektu.

Pozdrawiam
Krzysiek

No chyba żartujesz:

http://www.dualfabric.com/aparaty-cyfrowe-pl-1%20OR%201.htm
http://www.dualfabric.com/aparaty-cyfrowe-...1111111,2,3.htm


Zmień skrypt sklepu ;] albo popraw dziury.

Widzę, że mamy problemy z czytaniem ze zrozumieniem?

Pisałem "Jest to wersja bardzo rozwojowa", a oznacza to, że liczę na komentarze na temat wyglądu, a nie wyszukiwanie dziur, bo wiem że jest ich wiele.

Jednym słowem: Gratulacje Szerloku! Znalazłeś wielkie mecyje w miejscu, które świadomie na razie zostawiłem zupełnie niedopracowane

nie martw się, jak dopracujesz to SHiP też je znajdzie...

strona wyglądem nie powala, te cienie w menu wyglądają jakoś "prostacko"

poza tym, kod, hmm... strasznie upakowany nie wiem czy to ma być zabezpieczenie przed kopiowaniem czy co

za dużo styli liniowych, korzystaj z arkuszy

@livinghatret: Mogę być i Szerokiem(bardzo lubię tą książkową postać) ale jeśli nie zabezpieczasz się przed tak poważnymi dziurami od samego początku to zapewniam Cię, że w ostatecznej wersji serwisu kilka pominiesz. O takich rzeczach się myśli od razu, a nie czeka aż kod urośnie na miarę setek zapytań. Później będziesz poprawiał każdy model, każde zapytanie oddzielnie? Bez sensu.

Oczywiście widzę, że to wersja wczesna dlatego np. nie pisałem o tym abyś wyłączył wyświetlanie błędów, bo normalnie na pewno bym to zrobił.


@Pawel_W: może się postara .

Problem w tym, że nie jestem mocny w zabezpieczeniach i nie mam zamiaru się w tej kwestii dokształcac, bo bardzo rzadko robię strony. Na sam koniec cały kod przeglądnie człowiek, który zawodowo zajmuje się tylko tym i wprowadzi niezbędne poprawki. Takie rozwiązanie jest na pewno szybsze i tańsze, niż gdybym miał sam w tym grzebac.

A jeśli on coś przeoczy? Cóż... Kary umowne i te sprawy

Ale my tu gadu gadu o błędach, a temat był o wyglądzie

ta masa zdjęć to pewno logo? strasznie kusi, żeby coś kliknąć i zobaczyć hmm... galerie?

cienie w menu - słabo to wygląda

podstrona z produktem o wiele lepiej się prezentuje, ale...
... cena powinna bardziej rzucać się w oczy
... "opis, specyfikacja, pliki" - jakiś inny hover by się przydał (ten lata jak galareta)

Ode mnie jak zwykle lista:

[-] Menu (te z lewej) - uważam, że przy tak zróżnicowanych kolorach gradientu lepiej prezentowałby się mały cień przy tekście (w PSie cień ustawiony 90stopni, 1 dla odległości i 1 dla rozmiaru),
[-] Breadcrumbsy ("nawigacja okruszkowa") z prawej strony to cios prosto w moje serce ,
[-] Minimalistyczne stopki są super o ile nie psuje ich taki element jak brzydka kreska "|" oddzielająca pozycje w menu,
[-] Białe bloki (np. News box) mają ścieżkę o szerokości 1 piksela z lekko przezroczystego koloru z lewej strony, <-- tylko taki detal
[-] Nie podoba mi się, że powiększenie fotki zasłania opis,
[-] Słaba ekspozycja ceny,
[-] Trochę pusto jest pod fotką w kontekście opisu, który jest nieco ściśnięty,

[+] Top fajny, mimo tego, że odruchowo chce się "wejść w zdjęcie",
[+] Górne menu bardzo fajnie wpasowane (chociaż w żółtym na górze jest pikseloza),
[+] Projekt jest ciemny, a mimo wszystko czytelny,
[+] Fajne wrażenie ogólne,

Dodam coś od siebie.

// TOP
Otwierając stronę ukazał mi się top i od razu myśl czy to na pewno ten link, ponieważ bardziej top kojarzył mi się z portfolio fotografa lub ostatecznie grafika gdyż na pierwszy żyt oka nie zauważyłem loga.

//MENU
Co do menu to od razu w oczy rzucają się cienie pod tekstem jak i ikonami: http://img801.imageshack.us/i/0012l.png/ , http://img836.imageshack.us/i/0016.png/ , http://img413.imageshack.us/i/0015u.png/
Ikony głównie w górnym menu można by było troszkę zmniejszyć i przyda się zrobić tam coś z tekstem, ponieważ gdy tekst na niewybranej opcji jeszcze przejdzie to na wybranej już nie. Gradient ostatecznie może ujść tylko ten „ciemny pomarańcz-pomarańcz” coś mi tam nie pasuje. A i jeszcze odwróć gradient tutaj: http://img831.imageshack.us/i/0017.png/

//PODSTRONY
Tutaj już lepiej wszystko wygląda, zniknęła nawet grafika z topu, która trochę myliła (na pewno mnie ), ale było by to zbyt pięknie gdyby nie niedociągnięcia (chyba tak się mówi, sam nie wiem ). W podstronach można się przyczepić do koloru zakładek. Jak dla mnie kolor niewybranej jest trochę za jasny: http://img405.imageshack.us/i/0018e.png/
Następnie, dlaczego nie dałeś do wszystkich zdjęć opcji zoomu? Chciałbym zobaczyć aparat od tyłu w przybliżeniu, a nie mogę :/.
Aktualność gdzieś się schowały…: http://img294.imageshack.us/i/0011g.png/
Co to jest?: http://img153.imageshack.us/i/0019z.png/
Grafika jak i marginesy do poprawy, na moje oko (nie sprawdzałem) z lewej jest większy niż z prawej: http://img517.imageshack.us/i/0020.png/
Dlaczego e-mail jest grafiką?: http://img818.imageshack.us/i/0021x.png/
Coś na siebie nachodzi: http://img535.imageshack.us/i/0022n.png/

//STOPKA
Prosta, takie najbardziej mi się podobają.

To by było na tyle. Pod koniec już tylko same screeny ponieważ czas goni człowieka. Mam nadzieję, że zrozumiesz cokolwiek z tego opisu, ponieważ ja sam go nie rozumiem .

Witajcie,

Dziękuję za uwagi.

Mnie się też nie podoba, więc postanowiłem nieco go pozmieniać:

1. Mniejszy kontrast (zrezygnowałem z białego tła pod tekstami na rzecz półprzeźroczystego) i dodatkowo rozjaśniłem tło;
2. Nieco inny układ strony startowej;
3. Inne menu kategorii (tu jeszcze nie mam pełnej koncepcji, ale na pewno pozbędę się gradientów);
4. Menu główne zostało zmniejszone (doszedł jeden przycisk) i pozbyłem się pikselozy.

Poprawioną wersję wrzucę pod ostrzał jutro

A co do niektórych elementów, do których mieliście uwagi:

1. Banner główny - tu będzie flash, który nie będzie wyglądał jak galeria. Dodatkowo będą też inne bannery - zupełnie nie galeriowe;
2. Bread crumb - po lewej nie ma na niego miejsca. Gdybym chciał umieścić go pod logo, przestrzeń pod menu byłaby zbyt duża i zbyt pusta;
3. Zoom w zdjęciach - to, czy można zoomować zależy od wielkości oryginalnej fotki - zdjęcia skalowane są na serwerze z większych fotek. Te fotki to tylko przykład.

Tylko usability "siada"...

Witajcie

Po tygodniowej przerwie wrzuciłem na serwer nową wersję layoutu. Nie jest ona jeszcze gotowa pod względem technicznym i niektóre elementy są jeszcze niedokończone, ale widac już cały zamysł.

Link nie uległ zmianie: http://www.dualfabric.com

Oceńcie proszę, jak Wam się ta wersja podoba.