[www] Wreckandreef - katalog Opcje

[livinghatret]

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 (IMG:style_emoticons/default/smile.gif)

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

Pozdrawiam
Krzysiek

[SHiP]

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.

Ten post edytował SHiP 4.09.2010, 06:59:31

[livinghatret]

Zmień skrypt sklepu ;] albo popraw dziury.

Widzę, że mamy problemy z czytaniem ze zrozumieniem? (IMG:style_emoticons/default/biggrin.gif)

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 (IMG:style_emoticons/default/thumbsupsmileyanim.gif)

[Pawel_W]

Jednym słowem: Gratulacje Szerloku! Znalazłeś wielkie mecyje w miejscu, które świadomie na razie zostawiłem zupełnie niedopracowane (IMG:style_emoticons/default/thumbsupsmileyanim.gif)

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 (IMG:style_emoticons/default/smile.gif) nie wiem czy to ma być zabezpieczenie przed kopiowaniem czy co (IMG:style_emoticons/default/haha.gif)

za dużo styli liniowych, korzystaj z arkuszy

[SHiP]

@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 (IMG:style_emoticons/default/winksmiley.jpg) .

[livinghatret]

Później będziesz poprawiał każdy model, każde zapytanie oddzielnie?

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 (IMG:style_emoticons/default/winksmiley.jpg)

Ale my tu gadu gadu o błędach, a temat był o wyglądzie (IMG:style_emoticons/default/smile.gif)

Ten post edytował livinghatret 4.09.2010, 17:12:04

[r4xz]

ta masa zdjęć to pewno logo? strasznie kusi, żeby coś kliknąć i zobaczyć hmm... galerie? (IMG:style_emoticons/default/worriedsmiley.gif)

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) (IMG:style_emoticons/default/haha.gif)

[Daiquiri]

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 (IMG:style_emoticons/default/smile.gif) ,
[-] 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 (IMG:style_emoticons/default/smile.gif)
[-] 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,

[kszymon0]

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 (IMG:style_emoticons/default/tongue.gif) ), ale było by to zbyt pięknie gdyby nie niedociągnięcia (chyba tak się mówi, sam nie wiem (IMG:style_emoticons/default/tongue.gif) ). 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 (IMG:style_emoticons/default/tongue.gif) .

Ten post edytował kszymon0 5.09.2010, 09:22:03

[livinghatret]

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 (IMG:style_emoticons/default/smile.gif)

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.

Ten post edytował livinghatret 6.09.2010, 10:55:47

[Daiquiri]

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;

Tylko usability "siada"...

[livinghatret]

Witajcie (IMG:style_emoticons/default/smile.gif)

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.

Ten post edytował livinghatret 10.09.2010, 20:33:39