Sitio E-Closet

E-Closet Store

E-closet es una boutique en línea, está montada sobre wordpress y la tienda corre con un plugin llamado WP e-Commerce.

E-Closet tiene algunos servicios interesantes. Puedes pagar en línea o hacer una transferencia interbancaria, puedes hacer que te lleven la ropa a tu casa y con un terminal móvil te cobran en cualquier lugar donde estés.

Hablando del trabajo, este sitio nos costó mucho trabajo, principalmente por el funcionamiento del plugin, digamos que no está hecho de la mejor manera, tampoco estoy orgulloso del código que genera :s. Hacerlo funcionar y que se viera como queríamos ya era ganancia.

Al final el sitio quedó como lo diseñé salvo algunas pequeñas cosillas. Si le encuentran algún bug les agradecería me lo hicieran saber. Visita E-Closet.

Las votaciones de Exponet han terminado

ExponetAyer nos enviaron los sitios finalistas de los premios Exponet para una última evaluación, son los 10 sitios con mayor puntaje en todo el proceso. Debo decir que hay algunos sitios muy bien hechos y que siguen al pie de la letra las mejores prácticas, pero hay un par que sobresalen por su gran calidad en el código, además tienen muy buen diseño, es obvio que no puedo decirles cuales sitios son pero es cosa de días para que se sepan los resultados.

Iniciativas como estas deberían ser una costumbre en cada país, en México no tengo registro de un evento así pero supongo que si los han hecho aunque no con la difusión y el empuje que han tenido en Guatemala.

Ya falta poco para la salida que es el 29 si tengo bien mis datos, así que pronto habrá noticias, fotografías e impresiones del viaje :)

Magento plataforma de e-commerce

magento-logo.gifMagento es una pataforma de e-commerce que fue diseñada desde sus cimientos con la flexibilidad, arquitectura modular y gran funcionalidad. Este no es un post patrocinado, je, he venido siguiendo el desarrollo del proyecto y es muy prometedor, actualmente se encuentra en fase beta y está disponible para descarga en su versión .6.

Últimamente he estado involucrado en algunos proyectos de e-commerce y ha sido un dolor de cabeza el control del diseño en estos sistemas, según lo que leemos en el sitio magento fue concebido con esto en mente, así que espero que sea la solución definitiva para los diseñadores-desarrolladores.

Si visitan el sitio de pruebas podrán ver que tiene muchas herramientas o addons que vemos actualmente en los sitios de los grandes retailers gringos como Amazon e Ebay. Cosas como productos relacionados, whish lists, cupones de descuento, comparación de productos, customer reviews, friendly urls y muchas cosas más. La parte del backend está muy bien trabajada y sobresale por su limpieza y su facilidad de uso, y lo mejor de todo es open source, esto significa que lo puedes usar libremente.

Si tienes algún proyecto en puerta no está de más darle un vistazo. Sitio de Magento.

Mobile web design

Mobile Web Design

Si eres desarrollador de sitios esto debería interesarte. Cameron Moll recién lanzó este libro y como su nombre lo dice es un libro sobre como hacer sitios para dispositivos móviles.

Las estadísticas hablan por sí mismas, mas de 2.7 billones de dispositivos móviles en el mundo no se pueden pasar por alto.

El libro tiene un costo de 19 usd y lo puedes descargar en PDF, definitivamente es un must have.

Sitio web Alpha Group

Alpha GroupEste sitio fue hecho en asociación con Morgan Global Solutions y debo decir que fue una experiencia muy positiva en muchos sentidos. Es un sitio de bienes raíces, promociona propiedades en Arizona y Sonora. El sitio está hecho completamente en CSS + HXTML y tiene algo de flash en el home y en los interiores, además está en inglés y en español.

Aquí pueden ver el sitio viejo, aquí pueden ver el sitio que les hicimos.

La paleta de colores del sitio la hice así porque así son los colores de nuestro entorno acá por Sonora y Arizona, cafés, naranjas, amarillos, incluso a veces los cerros se ven morados.

Quiero contarles algo que pasó con este cliente. En un principio no sabían si soltarnos el trabajo, —¿sí lo van a hacer bien? preguntaban, ahí Daniel jugó un papel muy importante en la labor de ventas y convencimiento, pasado este episodio comenzamos a trabajar y les envié el diseño, lo vieron y dijeron que gustó mucho no sin antes preguntar si realmente nosotros lo habíamos hecho, sorprendidos levantaron las cejas, al parecer no pensaban que desde este lado de la frontera, se hiciera diseño de calidad. La realidad es que los norteamericanos algunos norteamericanos tienen esa percepción de México, creen que todo es como se ve en la TV.

Terminar y entregar este trabajo fue una experiencia agridulce, por un lado fue dulce por que el nuevo sitio les gustó mucho el trabajo lo vendimos bien y un poco agria por otro lado por que creen que en México no somos capaces de hacer trabajo de calidad y eso saltaba en diferentes partes del proceso. Al final creo el balance fue bueno.

Todavía no ponen el sitio en su dominio final, no se la razón pero creo que andan en eso.

Pemex estrena sitio

PemexPemex tiene sitio nuevo y está hecho con CSS, recién me enteré por un comentario que dejó Sergio Valladares en una entrada antigua en este blog.

De entrada el sitio se ve bien, al parecer siguen un manual de identidad por la imagen de presidencia que está presente en el sitio. En general el sitio está bien hecho, tiene muchos contenidos, documentos y fotografías que lo enriquecen mucho.

Solamente unas pequeñas recomendaciones:

  • Los textos de lectura son pequeños, incluyendo el menú superior
  • Los textos justificados siempre han dado problemas, para el texto en web no existe la separación silábica de modo que se generan ríos en las mánchas de texto. Ya hemos escrito de eso antes.
  • No valida como documento XHTML Transitional

Nadie dijo que fuera fácil, pero que el sitio esté hecho bajo estándares ya es ganancia, así que felicitaciones al equipo de diseño y desarrollo de Pemex por montarse en el barco de los estándares.

Ayer le mandé un email a Sergio felicitándolo y me escribió de vuelta dándome algunos otros detalles del desarrollo, incluyendo el por qué de los textos justificados (que no depende de él si no de otras personas que así lo prefieren), en fin, échenle un vistazo al sitio, de los pocos sitios del gobierno federal hecho casi-completamente en CSS.

Actualización: Sergio nos habló un poco de como fue el proceso del resideño del sitio, interesante lectura, si quieren saber que dijo pasen a leer los comentarios.

Comentarios desactivados

Videobox, despliega tus videos en overlay

Seguramente ya conoces Lightbox, herramienta que te permite abrir una imagen sobre la página sin que tengas que cambiar a otra página. Aquí en nudonation la usamos para desplegar las imágenes.

Paseándome por el foro de mootools me encontré este script llamado videobox que te permite hacer lo mismo pero con archivos de video. El script está montado sobre mootools, pesa sólo 8kb y también usa swfObject para inyectar el flash.

Hay sitios donde queda como anillo al dedo, si no quieres poner los videos completos y que tu sitio se haga extremadamente largo, puedes poner una lista de links y desde ahí abrir los videos.

Este script puede abrir archivos de: Youtube, Metacafe, Google Video, iFilm, custom flash, Quicktime(mov)new, WMV(or ASX)new and FLV files. Lo puedes descargar aquí.

Sitio SuperMedia

SupermediaRecién terminé este sitio. Es una compañía que vende publicidad en los carritos de los supermercados, bueno, en carritos y en los pisos. La idea aunque no es nueva, no ha sido implementada de lleno aquí en la ciudad de Hermosillo, esperemos que le vaya bien a Javier Gallego, director de SuperMedia.

Las fotos las saqué de istockphoto.com se los recomiendo, tiene fotos de muy buena calidad a precios muy bajos, tanto como 1 dolar. El sitio está hecho con CSS + XHTML, y fue listado en algunos directorios de diseño de sitios como: cssmania.com, cssgalerie.cz, Screenalicious.com, mostinspired.com.

Sitio web Sonograph

SonographRecién terminamos este sitio para Sonograph, lider regional de impresión de etiquetas en rollo. Buscando acceder al mercado de EU se hizo una versión en inglés. El sitio es 100% informativo, está hecho con XHTML + CSS.

Para los títulos (que usan una tipografía custom) usé sIFR, la tipografía se llama Alwyn.

En otras cosas pero relacionadas a esto, quiero decir que el servicio de hospedaje de prodigy es pésimo, el control panel es horrible, nada intuitivo y cada link es abierto en una ventana nueva con _blank. Este es el segundo cliente que tengo que tiene contratado su hospedaje con prodigy hosting, la verdad ni el peor servicio que haya contratado en EU (que han sido varios) se compara con este, además del control panel que está hecho con las patas los pies, tuve otros problemas con las formas de contacto, el servicio no acepta por default un index.php hay que pedir a soporte que haga ajustes para que corra. En general muy mal, perdí casi una semana con los de soporte técnico para arreglar cosas que deberían estar corriendo por default.

Bueno, habiéndome desahogado… si le ven algún bug al sitio les agradezco me lo hagan saber. Ir a Sonograph.

Sitio del Monitoreo Legislativo Sonorense

MLSEstoy más que contento porque por fin terminamos este sitio, un proceso largo y lleno de momentos de prueba y error, pero al final el cliente quedó muy satisfecho y claro, nosotros también.

Se trata del sitio del Monitoreo Legislativo Sonorense, este sitio llevará un riguroso registro de las actividades de los legisladores en el congreso local de Sonora, por ejemplo sus asistencias, su producción, entre muchos otros datos, esto con el fin de transparentar sus actividades.

Debo decir que es el sitio más dificil que he hecho, fue todo un aprendizaje para mi, batallamos mucho para agarrarle al funcionamiento del congreso y después pasar eso a programación. El sitio es alimentado por personas que llevan el monitoreo de cada sesión del congreso, despúes con los datos recopilados accesan a un administrador y agregan los datos.

Este sitio está hecho en PHP+MySQL montado sobre documentos XHTML y maquetados en CSS. Además el CSS valida ;)

Este trabajo fue desarrollado por Trost con la ayuda en la parte de programación de Victor Castrejón de Desarrollos Digitales. El sitio es nuevecito, así que si le ven algún bug por favor me dicen.

Sitio Suspiros Pastelería

suspiros.jpgEsta vez el sitio no lo hice yo, si no Victor de Desarrollos Digitales. Pero igual me da gusto que se reconozca el trabajo de otros mexicano y claro, también porque este trabajo lo veo como hecho en equipo. Mi participación fue con el diseño, hice la página de inicio y se la entregué en un archivo .PSD. Aquí el sitio de Suspiros Pastelería.

El sitio fue agregado a CSSmanía y hasta el momento con una calificación de 9, CSSmanía es el directorio de sitios hechos bajo estándares web más importante hoy en día. Bien por Victor que es de los pocos —Asesores de Sistemas— (una vez se encabronó por que lo presenté a otro amigo como “El programador”) realmente preocupado por los estándares y el buen diseño.

Aquí pueden ver una captura de lo que hice.

Apple.com se renueva

barra-apple.png

Apple.com se renueva y lo hacen bien. Con el diseño limpio que siempre los ha caracterizado lanzan el día de hoy un nuevo diseño a lo largo de todo su sitio. Se venían tardando ya que los grandes del internet, dígase Yahoo, CNET, NYTimes, etc. lo habían hecho hace más de un año.

Apple lo venía haciendo en algunas de sus secciones más nuevas como la del iPod y la de iPhone, pero mantenían secciones de mucho peso en un diseño de 800px de ancho como la de iTunes y la de store.

En otras cosas diferentes pero relacionadas, Apple pone en descarga su versión de safari para windows, (¡cuidado! está en fase beta) así que si desarrollas en PC y quieres ver como renderea tus sitios el motor del safari valdría la pena darle seguimiento a esta aplicación. Yo lo he estado probando pero está muy buguiento todavía, truena a cada rato, algo normal en las versiones beta. Esperemos.

Bien por apple.

Categorías

Archivos por mes

Buscar

Suscríbete vía RSS

Suscríbete vía E-mail

Lo más reciente

  1. Logos que no deberían ser
  2. Preview de tus brochas de photoshop
  3. Parece que ya estamos de vuelta
  4. Custom fonts en el diseño web
  5. Infinitum aumenta velocidad de nuevo
  6. Lost: el humo negro
  7. Logo Phonotic
  8. Logo 3way
  9. Logo optimiza.mx
  10. Logo Cranker Bikes