VisualGraf Comunicación » Desarrollo Web

Los mejores diseños web del Mundial 2010

juancar — Tue, 13 Jul 2010 08:28:48 +0000

Con la llegada del mundial nació una oportunidad de marketing a niveles altisimos. Desde las camisetas de la roja hasta paquetes de viaje o cualquier otro sector deportivo. Incluso los medios online han tenido que adaptarse al evento y saber aprovecharlo, veamos un ejemplo de todo esto. Un genial showcase de los mejores diseños de páginas web sobre el ya finalizado Mundial de Sudáfrica 2010.

Twitter World Cup

Fifa World Cup Game

ITV Fifa World Cup

Sky Sports World Cup 2010

Budweiser Predict And Win

Fifa World Cup

Sony Football

Football World Cup

Football Fanhouse

Goal

SBO Bet World Cup

Carlsberg Football

100% Football

Sony Ericsson Twitter Cup

Calendario en Marca.com

Un recopilatorio de WebDesignerDepot.

ChollosChic tu tienda de chollos en internet

juancar — Wed, 19 May 2010 09:42:49 +0000

Hemos trabajado en el rediseño de la tienda online Chollos Chic. Se trata del primer proyecto del sector de la moda en el que trabajamos. El cliente acudió a nosotros debido a que poseia una tienda en el ya desfasado sistema de oscommerce y quería sacarle más partido a su negocio en internet. Depositó su confianza en nosotros y le respondimos lo mejor que hemos podido. Optamos por usar una nueva tienda bajo la plataforma Joomla! y usando un componente de tienda online. Se realizó el diseño del tema acorde con la nueva imagen que el cliente quería dar a su tienda y el resultado ha sido otro cliente contento.

Diseño antiguo:

Diseño Nuevo:

Podeis visitar la nueva web en: www.cholloschic.com

Finalizamos un proyecto con glamour

juancar — Thu, 13 May 2010 09:05:02 +0000

El Club Glamour, es un nuevo cliente que ha depositado su confianza en nosotros para crear su imagen corporativa y desarrollar una web. Para VisualGraf era la primera vez que trabajamos con este tipo de sector pero como para todo en esta vida, siempre hay una primera vez. Hemos asesorado al cliente en todo momento y le hemos encarrilado hacia una línea corporativa adecuada para su negocio.

Os invitamos a conocer la web del club

www.club-glamour.es

Comentar que el cliente ha quedado gratamente sorprendido con el trabajo y ha optado por colaborar con nosotros en otro proyecto, del cual os informaremos más adelante.

Las mejores galerías y sliders de imágenes con jQuery

juancar — Mon, 10 May 2010 07:54:37 +0000

Los sliders son uno de los recursos más comunes en proyectos donde necesitemos mostrar un conjunto de imágenes a modo de portafolio o pase de diapositivas. La mayoría de ellos poseen efectos de transición muy suaves que hacen que ver la galería de imágenes de una web sea una experiencia agradable para el usuario, en vez de convertirse en una labor tediosa. Con la llegada de los frameworks de JavaScript, como jQuery, Prototype, Mootools, etc, la calidad de las galerías de imagen en JavaScript han mejorado drásticamente.

Veamos un recopilatorio con los mejores scrips de jQuery para crear galerías.

jQuery lightBox

Demo | Download
jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery’s selector.

Gallerific

Demo | Download

Easy Slider

Demo | Download

S3 Slider : jQuery Image Gallery

Demo | Download

Anything Slider

Demo | Download

Coin Slider

Demo | Download

Cycle

Demo | Download

Featured Content Slider

Demo | Download

Horinaja Plugin

Demo | Download

jqFancy Transitions

Demo | Download

jQueryGlobe – jQuery Plugin

Demo | Download

Looped Slider

Demo | Download

Nivo Slider

Demo | Download

Piecemaker XML Gallery

Demo | Download

Pretty Photo

Demo | Download

Slide Deck

Demo | Download

Thickbox

Demo | Download

Simple Slide

Demo | Download

Yoxview

Demo | Download

Un recopilatorio original de Hongkiat

El rojo como color base de tus diseños

juancar — Thu, 29 Apr 2010 07:45:54 +0000

El rojo es un color muy fuerte. Está asociado a una gran variedad de cosas, desde el corage y la bravura hasta adertencias y peligros. Por supuesto también suele asociarse a emociones fuertes como el amor y la pasión. Se trata de uno de los colores más populares para el diseño web, pero a la vez también se trata de un color dificil para tener de base en tu diseño ya que siempre se mantiene en un primer plano debido a la fuerza del mismo.

Veamos algunos ejemplos de diseños web que te pueden servir de inspiración a la hora de basar tu paleta de colores en este popular color.

Intensity in Ten Cities

Big Spaceship

Grafik

jonwallacedesign

Codebutton.com

Chrome

Khai Liew

Thierry Castel

Hemlock

Sonze Design Studio

Host Riser

Youth Against Sudoku

Take the Walk

Remood

Waider Mediendesign

Liga Retro

Saforian

Red Relevant

Coalmarch Productions

Avalon Business Advice

Mirror Communications

Blogsessive

New to York

Associate

Truf Creative

Fuente NetTutsPlus

Construimos la página web de Bengosa

juancar — Wed, 21 Apr 2010 13:26:19 +0000

Construcciones Bengosa es una empresa que desarrolla su actividad dedicándose a la rehabilitación y restauración de todo tipo de fachadas y tejados. Este nuevo cliente ha depositado su confianza en VisualGraf Comunicación para realizar su proyecto de construcción de una imagen corporativa desde cero, con el diseño e impresión de trípticos, tarjetas, flyers, carpetas personalizadas, sobres además de otro tipo de trabajos gráficos como actualización del logotipo. También nos hemos encargado de realizar la web corporativa de la constructora. Los diseños se han actualizado manteniendo una armonía de colores acorde a la imagen y logotipo que disponían anteriormente.

Construcciones Bengosa – Fachadas y tejados

www.bengosa.com

Los clientes han quedado contentos con todos los trabajos realizados y desde VisualGraf Comunicación estamos deseando volver a colaborar con ellos.

Os invitamos a conocer la nueva web de la empresay si os animáis dejar vuestras impresiones en los comentarios.

Novedades en Adobe Dreamweaver CS5

juancar — Tue, 13 Apr 2010 10:19:29 +0000

Estas son las principales novedades de la nueva versión de Dreamweaver CS5, el software para el diseño de sitios web de Adobe. Para muchos desarrolladores DreamWeaver es sin duda una herramienta vital para nuestros proyectos. Bien es sabido que un buen programador podría hacer una web con el simple bloc de notas, pero… ¿ por qué desprestigiar una herramienta con tan buenas prestaciones? Adobe Dreamweaver CS5 presenta algunas novedades muy interesantes:

Compatibilidad integrada con sistemas de gestión de contenido (CMS): Total compatibilidad de creación y comprobación para los marcos de trabajo de sistemas de gestión de contenido existentes como WordPress, Joomla! y Drupal. La función de archivos relacionados dinámicamente ofrece un acceso directo a archivos relacionados con una página, incluso en el caso de páginas dinámicas, y la navegación de vista en vivo ofrece vistas previas precisas de aplicaciones dinámicas.

Inspección de CSS: visualiza detalladamente el modelo de cuadro de CSS sin leer código y sin necesitar funciones adicionales. Desplaza el cursor sobre los elementos de bloque en la vista en vivo para ver su cascada y su contexto en lugar de emplear la herramienta de selección de etiquetas.

Integración con Adobe BrowserLab: previsualiza páginas web dinámicas y contenido local mediante múltiples herramientas de visualización, diagnóstico y comparación a través de la integración con Adobe BrowserLab, un nuevo Servicio en línea* de Adobe CS Live que comprueba de manera rápida y precisa el contenido web en diversos exploradores web y sistemas operativos. Los Servicios en línea de CS Live son gratuitos durante un tiempo limitado. Visita www.adobe.com/go/cslive_es para obtener información.

Sugerencias de código (code hinting) PHP de clase personalizada: muestra una sintaxis apropiada de funciones PHP personalizadas para poder escribir código de un modo más preciso. Permite crear y mantener aplicaciones de manera rápida y obtener una perspectiva directa de los métodos, objetos y funciones PHP principales gracias a la sugerencia de códigos PHP dinámica.

Integración con Business Catalyst®: aprovecha la integración entre Dreamweaver y el nuevo servicio en línea de Adobe Business Catalyst (disponible por separado) para ofrecer potentes procesos empresariales en línea sin necesidad de programación.

Para terminar os dejamos el video de Terry White con sus 5 características preferidas de Flash CS5 y Dreamweaver CS5:

Fuente: Web oficial del producto y NetTuts

Rediseñando a Carmen Quirós Decoración

juancar — Mon, 05 Apr 2010 14:57:56 +0000

Carmen Quirós Decoración es una empresa con más de 10 años de experiencia en la decoración y el diseño de interiores. En 2010 tras la apertura de su nueva tienda en Gijón y tras haber realizado una actualización completa de sus estilos, decidieron que era hora de actulizar tambiñen su imagen en internet, puesto que después de todo internet no es más que otra forma de darse a conocer, tan necesaria hoy en día.

VisualGraf ha sido el encargado de realizar un nuevo diseño tanto para la web como el blog corporativos de Carmen Quirós. Basándo la estructura y los colores en las nuevas líneas decorativas del cliente y de la imagen de modernidad que éste ha querido transmitir. Esperamos que os guste el nuevo diseño.

Diseño anterior

Diseño nuevo

Carmen Quirós Decoración

Visita también su blog de decoración, síguelos en Twitter y Facebook.

Inspiración para tus interfaces web

juancar — Mon, 29 Mar 2010 14:24:15 +0000

PatternTap, es un genial comunidad de usuarios que recoge de manera ordenada y eficaz una gran base de datos con diseños de interfaces web, para tus futuros proyectos. Si te has atascado en un diseño web o simplemente no te acaba de convencer la interfaz de tu nueva aplicación, lo mejor es que te des una vuelta por el catálogo de PatternTap que seguro que encuentras la inspiración que estás buscando.

Futbol Jin – Escuela y campus de fútbol en Asturias

juancar — Wed, 17 Mar 2010 09:36:57 +0000

La escuela deportiva de Gijón Futbol Jin, en colaboración con VisualGraf Comunicación, han realizado un proyecto de rediseño de su web corporativa. En Futbol Jin han querido hacer una actualización de imagen corporativa completa, para el cual hemos creado un portal de contenidos aprovechando la potencia de un CMS como Joomla y adaptándolo a las necesidades del proyecto. Comentar que VisualGraf no fue la empresa encargada del diseño anterior, el cual podéis comparar con el nuevo diseño en la siguiente imagen.

Como dato interesante recordaros que la escuela también dispone de unos excelentes campus de fútbol en verano en colaboración con el club Doble A de Cajastur para el disfrute de los más pequeños.

Os animamos a visitar www.futboljin.com y manteneros al día de todas las noticias del deporte base.

Nota: Todavía se están propagando las DNS, es posible que algunos veáis la versión anterior. En unas horas quedará solucionado.