Opinen

[Swa]

Bueno hace aprox 2 semanas estoy en marcha con una web que hice para una banda de rock llamada 'Viejo Bocha' la cual es paga y es un base de WORDPRESS, que me dio el para pasarla a html/php.

 

El diseño esta con photoshop, y nada mas.

 

la web:

 

http://www.swatoowebsite.com.ar/viejobocha/

 

(Estamos haciendo tramites para el webhosting, lo voy a pasar a su dominio y todo.

 

Conmenten

[PCclone]

Muy linda, quedaron muy buenos los colores, font, muy buena

[Gabii]

si lo hiciste vos solo esta buenisima!

[DiCHANHO]

¿Solo participaste del diseño?.., así no entro en detalles de programación y esas cosas al darte una devolución de tu trabajo =).

 

Saludos.

[Swa]

participe en el diseño 100% y el codigo solo un 50, me atrevo decir 60

[DiCHANHO]

Suena duro, pero no lo es. Te va a servir para mejorar en el futuro.

 

Desmenuzando el sitio:

1. El flash de la fecha, arriba a la derecha, sacalo, no rinde ni ahí a nivel estético.

2. Todo lo que sea redes sociales, es conveniente si esta en el header ponerlo del lado derecho y no al izquierdo (lo digo por el de fb).

2.1. Si esta en el header del lado derecho como corresponde, debería ser o arriba o abajo, nunca en el medio "middle" no!.

3. Si piensas dejar el reproductor ese, ponlo 1 pixel mas arriba, alinearlo al comienzo del botón 'FOTOS o al final de LIBRO DE VISITAS'. Cámbiale el amarillo del texto y si podes borrarle la extensión y el numero de tema tmb.

4. El intento de pegatina esta totalmente fuera de contexto, aparte parece una pelota de rugby xD. Directamente sacalo!.

5. Botones del navbar, deberían ser diferentes fondos por botones, le daría más originalidad, incluso poniéndole colores en vez de imágenes.

5.1. Demás esta decir que no deberías repetir un fondo 2 veces, en este caso, fondo del sitio "background" con fondo de los botones en a:hover.

5.2. Todos los botones tienen que tener las mismas dimensiones en cuanto a altura y no largo. Para destacar un botón en especial podrías hacerle algún splash que lo destaque.

5.3. Si tus botones del navbar son rectangulares con bordes redondeados al extremo, tu submenu que es redondeado NO AL EXTREMO, deberían contener botones rectangulares, BIEN! pero el sub botón rectangular debería tener el mismo tamaño! y a lo sumo diferente tamaño de letra.

6. La imagen de "viejo bocha 2010 en construcción", que vas a poner un flash?? o usaras javascript?.. al margen, se nota que es una imagen rectangular, por lo tanto si escondes los bordes oscureciendo la imagen, deberías percatarte que en el medio de la misma también este ese efecto.

7. "Próxima fecha", bien.. si usas javascript para lo de al lado <--, has tal cual lo hiciste pero con más.. mínimo 3, 5 o 6. Si son más deberías hacer un auto scroll con 8, 12, o 16. Que valla pasando onda twitter, siempre de ABAJO hacia arriba!.

8. Muy bueno el de "Contenidos", ese diseño se esta poniendo muy de moda y es muy sencillo.

8.1. Queda muy descubierto el lado izquierdo de "Contenidos", tal vez podrías poner algún tipo de descripción de lo que se te ocurra..

9. "Historia/Web" o sector noticias?.., en fin.. esta bien.. pero un pequeño detalle seria el cambiar el diseño del scroll, o sacarlo. Yo te aconsejaría cambiarlo.

9.1. Un detalle, en la actualidad ya casi ningún navegador te acepta la modificación del diseño del scroll, por lo tanto, tienes que reemplazar ese scroll por uno echo en javascript tal vez.

9.2. El titulo siempre tiene que encabezar ese sector del sitio. Ej: Titulo a la izquierda, fecha a la derecha. Debajo del titulo el autor, en caso de poner el autor con la fecha, la fecha tiene que ir encima del autor y no debajo.

9.3. Los formatos de fechas pueden ser: "17 de Septiembre del 2010.", 17/10/10, 17/10/2010, o en ingles 10/17/10, "17 Sep, 2010.".

9.4. El borde gris que acompaña el articulo o noticia, queda muy bien!, pero debería ir fuera del scroll, para que no se pierda el marco inferior al bajar con el.

10. "Videos", no voy a entrar en el tema de como poner los videos, etc.. Sino en como esta armada esa columna con respecto a la de noticias, hazlas igual!, no hace falta que pongas una etiqueta como en "contenidos".

10.1. Sobra lugar?, digo noticia larga y la capsula videos queda muy pequeña, pone otra más chica debajo con algún... "fans de facebook" ? tal vez.. como para rellenar.

11. Lo de fechas esta bien, solo quita el autor.

11.1. Yo agregaría una mini descripción, pero calculo que eso es el ¿DONDE?, trata de mantener un largo y ancho por igual por cada una de las descripciones.

11.2. Fechas, usa dd/ms/mmm = 17/10/10

12. En donde aparece esa imagen, podrías poner un video, y dejar el sector "videos" para otras cosas. Si hay sistema de comentarios, pues últimos comentarios no vendrían mal.

 

Diseño en general:

1. Si vas a hacer todo rectangular, hace todo rectangular.

2. Si haces bordes redondeados, el diseño interior tiene que ser rectangular. No puede ser también redondeado!.

3. Si haces capsula rectangular con bordes redondeados, y el interior es rectangular por que así tiene que ser, fíjate de no cometer el error que hiciste de hacer otra capsula con diferente diseño. En este caso cometiste el error de hacer capsula rectangular con borde redondeados y el interior lo mismo :S.

4. Combinación de colores excelentes.

5. Ten cuidado con el uso del brillo.

6. Si usas colores oscuros como paleta general del diseño, acostúmbrate a usar SOMBRAS, quedan de 10! al igual si usas colores muy claros.

7. Ubica bien tus derechos en el background de tu web. Más abajo y a la izquierda. Trata de mantener un RECTÁNGULO PERFECTO E INVISIBLE, o sea en tu mente.. para hacer una especie de corral y asi saber donde ubicar tu copyright.

8. El background debería ser más pequeño.

9. El backgound no tendría que ser parte del diseño del header.

10. El espacio del header no debería ser tan grande. En especial el sidebar es muy grande para estar vacío con ese fondo.

 

Sugerencias:

1. Publicidades siempre a los costados.

2. Publicidades para mayores ingresos siempre lo mas cerca posible de la parte superior del sitio, abajo no sirve!.

3. Acostúmbrate a hacer un buen SEO.

4. Usa mucho los METAS, son importantisimos.

5. NUNCA PERO NUNCA USES LA PALABRA "EN CONSTRUCCIÓN", si esta en construcción directamente no subas la web o ese determinado área de la web.

 

Espero que te sirva..

 

Saludos.

[PeritaMapper]

Esta bastante buena , no voy a opinar como paul por que mucho nose XD, lo que no me gusto fue el "Nueva WEB" creo que es temporal y el reproductor mucho no me copa ahi mas a la derecha o nose... otro lugar por que queda medio tirado.

[feme]

Quita el flash de la fecha.

Mucho espacio libre arriba para solo mostrar el fondo.

Quita el loguito "Nueva Web"

Creo que permite XSS los comentarios.

Error de sintaxis en la pagina de comentarios (debe ser por el xss que puse, perdón xd)

No utilizes marcos para cargar las páginas.

El hover de los botones no conbina mucho que digamos, resalta mucho.