Sugerencia para sitio web

kakashi20 · #1 (**permalink**) 23/09/2014, 08:31

hola

Estoy desarrollando este sitio web http://securityon.lovendoya.com/NUEVO/

El cliente lo quiere en negro, gris y blanco, y aunque se ve terminado aun siento que algo hace falta, no se si mas color o algunos retoques, pero realmente no se como corregirlo o que mas agregarle.

Alguna sugerencia ?

Le agradecería la ayuda prestada.

Franchesquini · #2 (**permalink**) 23/09/2014, 09:00

el slide de imagenes está centrado con las tres secciones de abajo ("supervisión y control", "mejore sus costos", etc.)? porque en mi monitor se ve más tirado a la izquierda el slide y el resto más a la derecha

kakashi20 · #3 (**permalink**) 23/09/2014, 09:06

mmm.. seria bueno un pantallazo, aunque tengo problema con el sitio, aqui esta el post:

http://www.forosdelweb.com/f53/sitio...pleto-1109517/

pero aun asi, tambien quisiera la sugerencia de colores.. y siento que algo le falta al sitio..

lauser · #4 (**permalink**) 23/09/2014, 11:26

A mi se me baja...

siddartha23 · #5 (**permalink**) 23/09/2014, 15:20

Te faltan recursos gráficos, así como lo presentas mas parece un boceto.

Los espacios en blanco también se diagraman, por ejemplo debajo de cada producto si solo vas a agregar dos textos podrías evitar alinearlo a un lado y dejarlo centrado para distribuir mejor los vacíos, otra detalle podría ser resaltar los precios en un fondo oscuro, trabajar los nombres del producto en tamaños de letra distinto, uniformizar los fondos de los productos, incluir botones "Call to action"...

Te sugiero que agarres algún catálogo y te inspires un poco... suerte

Franchesquini · #6 (**permalink**) 23/09/2014, 16:51

Cita:

Iniciado por kakashi20

mmm.. seria bueno un pantallazo, aunque tengo problema con el sitio, aqui esta el post:

http://www.forosdelweb.com/f53/sitio...pleto-1109517/

pero aun asi, tambien quisiera la sugerencia de colores.. y siento que algo le falta al sitio..

Para que se vea correctamente en monitores distintos probaría hacerlo responsive. Para probar
coloca esto en el <head>

Código:

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

y esto en el css

Código:

/* para 980px o menos */ 
@media screen and (max-width:980px) {
 .container { 
width:98%; 
} 
section { 
width:68%; } 
}

/* para 700px o menos */ 
@media screen and (max-width:700px) { 
aside,section { 
float:none; width:96%; 
}
 nav, section { 
font-size:1.2em; 
} 
aside { 
margin-top:5px; 
}
 nav ul { 
float:none; clear:both; 
} 
} 

/* para 480px o menos */ 
@media screen and (max-width:480px) { 
aside { 
display:none; 
} 
nav, section { 
font-size:1.5em; 
} 
section { 
width:94%; 
} 
nav ul { 
float:left; 
clear:none; 
width:50%; 
} 
nav ul li { 
float:none; 
} 
}