Dentro del trabajo realicé la identidad de marca de Lean Lobby, la estructura y diseño del sitio público, y la estructura y diseño de la aplicación con un enfoque marcado en la usabilidad.
Dentro de la aplicación utilicé una estructura adaptable con el uso de media queries para que se aproveche al máximo desde una tableta o ipad, hasta monitores Full HD.
Lenguajes: HTML5, CSS3 y Javascript para algunos detalles.
Sitio público
Aplicación
Por varios temas lo tuve que dejar de lado siendo que ya casi está está terminada la segunda versión.
Uno de los mayores problemas con los que me topé en esta nueva versión fue al incorporar trenes y colectivos a la ecuación. Pasaron de un par de recorridos, a casi mil en total. Pero lo más complicado de todo esto no es hacer un algoritmo que tenga en cuenta estos tres servicios al momento de calcular la ruta, sino conseguir los datos de esas rutas de una fuente confiable y preferetemente open source.
Desde el comienzo siempre hice subba sin ánimos de lucro, simplemente como una necesidad personal ya que las herramientas que existían en ese momento eran poco fiables y extremadamente anti-usables.
Todo esto trabó un poco el desarrollo de subba, pero me dio tiempo para pensar una buena solución que no solo ayude a subba, sino a la comunidad en general.
Dentro de poco tiempo ya estaré profundizando más en este tema.
De momento les dejo una muestra de lo que viene con la nueva versión y una lista de las funcionalidades que tiene hasta ahora.
- Búsqueda de recorridos utilizando únicamente los subtes (por ahora solo muestra los resultados en texto y teniendo en cuenta la cantidad de cuadras a caminar)
- Registro dentro de subba – por ahora solamente con email (facebook, twitter y google proximamente)
- Utilización del GPS o triangulación por redes wifi si está disponible
- Posivilidad de guardar lugares como favoritos para luego buscarlos directamente en el campo de dirección
La app tomaba los datos del usuario que entraba, mostraba un carousel con los juegos más destacados y una grilla con todos los juegos, e información de ellos.
Además el usuario tenía la posibilidad de invitar amigos y compartir la aplicación.
Herramientas: Photoshop CS5, Sublime Text.
Frameworks: Javascript, Facebook Api.
El gamebar contenía la estética cada juego y mostraba el logo, el botón de like y algunos tabs hacia elementos relacionados como el sistema de pagos, o modals para invitar amigos.
La barra de cross promotion tenía una parte fijo, con un call to action, y un carousel de banners.
La idea base era crear una interfaz amigable y fácil de usar para navegar el sitio Taringa!
Por el momento la aplicación no está terminada, pero se pueden rescatar cosas interesantes del desarollo como el diseño que se mimetiza como una amplicación de android nativa, conceptos de usabilidad, sistemas de navegación como por ejemplo en los posts, o los usuarios, que consta con 3 o 4 filas de items que se pueden screllear horizontalmente con el título de cada fila cambiando en la parte superior, y a su vez cada fila tiene un scroll vertical. Todo esto realizado con html, css y javascript.
Pueden ver la aplicación funcionando Acá!
El sitio fue diseñado y realizado en un día.
Se buscó un diseño moderno, que refleje la estrecha relación de la empresa con internet.
El diseño es simple y responsivo, para que se adapte de la mejor forma a cualquier pantalla (escritorio, laptop, tablet, smartphone).
Herramientas: Photoshop cs5, Sublime Text
Frameworks: Jquery, fitText
El sitio tenía información sobre el casamiento, la fiesta, y la lista de regalos, en donde cualquiera de los invitados o conocidos podía hacerle el regalo directamente desde allí.
Tecnologías: Html, Css, Jquery, Php y Mysql.
Podés usarla desde el navegador de tu teléfono o descargarla desde el Android Market.
Actualmente está en estado de beta, por lo que puede tener algunos errores.
Mandame un email si tenes alguna idea o una opinión.
——
DA Search is an application to search art on deviantART on mobile devices such as Android or Iphone.
You can use it from your mobile web broser o download from the Android Market.
Currentrly it is on Beta state, so it may have some bugs.
Email me if you have an idea or an opinion =)
QR Code:
Screenshots:
Para la estética utilicé la ilustración vectorial, representando paisajes en los que se destaque la fruta de la que está hecha el producto.
Como trabajo final realicé una maqueta de un stand promocional para un supermercados.
