Foros Diseño
Ejemplos de web de una sola página
30 30 Respuestas Sábado 13 de agosto, 2011
Buenas tardes compañeros, estoy buscando ejemplos de portfolios web de una sola página, es decir, páginas en las que no haga falta hacer click en ningún sitio para nada, que todo pueda verse dentro de una sola página jugando solo con el scroll. Si sabéis alguna y podéis compartirla os lo agradezco.
Un saludo y gracias
Un saludo y gracias
-
danieloso
Registrado desde 21/06/03 / Número de posts: 356
Las páginas de una página son un tema que me encanta, y considero que a la mayoría de las pequeñas empresas les vendrían bastante bien este tipo de sitios.
Los ejemplos que muestran son muy atractivos, pero en su gran mayoría son portafolios de diseñadores o de empresas creativas que recuerdan al año 2000 con los sitios "fullflash" (ahora "fullCSS3HTML5), que aun que sean más estandarizados son igual de obesos en efectos especiales y escasos de contenido relevante, dudo mucho que la mayoría de estas páginas sean visitados de forma masiva por compradores o usuarios no desarrolladores.
Una página que considero una obra maestra por su gran diseño y el concepto de una sola página, es http://campl.us/ esta página, pese a utilizar lo último en tecnología HTML5 y CSS3, no marea y cumple su objetivo de convencer a millones de usuarios de comprar la pequeña aplicación para el iPhone.
-
JCMartinez
Registrado desde 26/10/10 / Número de posts: 117
Es increible la cantidad de webs de este tipo que existen. Tavo a puesto una muy buena lista.
Personalmente me parecen una extraordinaria forma de enfocar algunos proyectos como minisites. Por otro lado muchos de estos sites suelen estar realizados en Wordpress y con HTML5/CSS3. Algunos de ellos también utilizan el efecto parallax en su navegación.
Lástima que las altas esferas son siempre reticentes a realizar este tipo de innovaciones web. La razón es que su visión tecnológica va con un retraso de 2 a 3 años. -
Alex Bailon
Registrado desde 06/05/11 / Número de posts: 116
A mi también me encantan estas páginas y decidí hacer mi web personal de este estilo más o menos. Lo que pasa que en la galería si que tienes que hacer click para ampliar las imágenes y poder verlas a un tamaño considerable. ya que sino, lo veía una descompesación de scroll acojonante, dado que mostrar varios trabajos en buena calidad, llama al scroll masivo y eso puede llegar a aburrir al cliente, vamos, es una opinión personal eh! ;). Mi web la puedes ver en mi firma, aunque ya te digo, dista mucho de llegar a ser un "site" profesional o un ejemplo a seguir, tan solo es una web humilde hecha como buenamente he podido.
Un saludo.
PD: los ejemplos que ha puesto Tavo son realmente interesantes. :D -
david89z
Registrado desde 12/04/11 / Número de posts: 42
En awwwards.com salen bastantes webs de una sola página realmente interesantes. -
Bonette
Registrado desde 27/04/10 / Número de posts: 260
Esta la tengo en mis favoritos: jorgerigabert.com, me parece un buen ejemplo de lo que buscas... -
Alex Bailon
Registrado desde 06/05/11 / Número de posts: 116
Bonette
Esta la tengo en mis favoritos: jorgerigabert.com, me parece un buen ejemplo de lo que buscas...
Muy chula esta página de este diseñador de mi tierra. -
annaOMline
Registrado desde 12/03/03 / Número de posts: 547
Hola,
Es cierto que las webs de una sóla página y scroll son cada día más populares, hasta hay una web que recopila precisamente este tipo de diseños, el link :
ONEPAGELOVE.COM
Saludos,
annaanna maría lópez lópez
/// Coolhunting digital, a la caza de las últimas tendencias /// Último libro publicado ///
/// http://by.anna-OM-line.com /// Portfolio gráfico ///
/// http://libros.anna-OM-line.com /// Libros publicados /// -
danieloso
Registrado desde 21/06/03 / Número de posts: 356
Disfruto mucho navegando estas páginas en el iPad
-
pelluz
Registrado desde 06/06/11 / Número de posts: 29
Hola a todos, ya sé que hablamos sobre todo de portfolios, pero como inspiración me ha gustado mucho como se resuelve la navegación aquí: http://twitter.github.com/bootstrap/- - -
@pelluz -
alenprei
Registrado desde 05/11/09 / Número de posts: 26
Alex Bailon
A mi también me encantan estas páginas y decidí hacer mi web personal de este estilo más o menos. Lo que pasa que en la galería si que tienes que hacer click para ampliar las imágenes y poder verlas a un tamaño considerable. ya que sino, lo veía una descompesación de scroll acojonante, dado que mostrar varios trabajos en buena calidad, llama al scroll masivo y eso puede llegar a aburrir al cliente, vamos, es una opinión personal eh! ;). Mi web la puedes ver en mi firma, aunque ya te digo, dista mucho de llegar a ser un "site" profesional o un ejemplo a seguir, tan solo es una web humilde hecha como buenamente he podido.
:D
Me mola tu web Alex. Tengo curiosidad de qué manera se programa la página para que el scroll de desplace progresivamente al pinchar en alguno de los ítems del menú.
Gracias! -
Alex Bailon
Registrado desde 06/05/11 / Número de posts: 116
alenprei
Alex Bailon
A mi también me encantan estas páginas y decidí hacer mi web personal de este estilo más o menos. Lo que pasa que en la galería si que tienes que hacer click para ampliar las imágenes y poder verlas a un tamaño considerable. ya que sino, lo veía una descompesación de scroll acojonante, dado que mostrar varios trabajos en buena calidad, llama al scroll masivo y eso puede llegar a aburrir al cliente, vamos, es una opinión personal eh! ;). Mi web la puedes ver en mi firma, aunque ya te digo, dista mucho de llegar a ser un "site" profesional o un ejemplo a seguir, tan solo es una web humilde hecha como buenamente he podido.
:D
Me mola tu web Alex. Tengo curiosidad de qué manera se programa la página para que el scroll de desplace progresivamente al pinchar en alguno de los ítems del menú.
Gracias!
Pues se hace con jquery, con esto: http://plugins.jquery.com/project/ScrollTo
Es muy simple, luego divides tu página en secciones con "section" y en el href pones, "section-1" para la sección uno y así.
El hacer scroll es bastante simple, lo difícil viene cuando quieres hacer cosas muy locas, como los ejemplos de las páginas que ponen en este post. que son flipantes. -
angel35
Registrado desde 08/09/09 / Número de posts: 9
sin duda la que más me ha gustado es la de jorgerigabert.com....Muy original y usable.______________________________________________
Diseño y posicionamiento web en Valencia
Diseño web valencia -
labrioche
Registrado desde 31/03/08 / Número de posts: 36
En esta pagina podrás encontrar muchas referencias, todas en html, y con muuy buenos diseños.
http://siteinspire.com/
Áreas Domestika
- Diseño (gráfico, web, industrial, producto)
- Programación (cliente, servidor, accesibilidad)
- Ilustración (autores, inspiración, técnicas)
- Fotografía (técnica, equipo, autores)
- Motion Graphics (showreels, software, estudios)
- Publicidad (campañas, anuncios, ideas)
- Informática (software, hardware, trucos)
- 3D (técnicas, iluminación, modelado)
- Experiencia de Usuario (usabilidad, AI, HCI)
- Cine, vídeo y televisión (críticas, producción)
- Música y Audio (sonidos, loops, discos)
- Espacios (arquitectura, interiorismo)