Portfolio – Página 2 – 21ninjas

AED

  30.10.2017   21ninjas  

AED

En la parte técnica, todo el desarrollo se ha hecho a medida, utilizando el stack MEAN (MongoDB, ExpressJS, AngularJS y NodeJS). Para la pasarela de pagos, inicialmente se integró Stripe pero finalmente se terminó implementado la pasarela de pago de RedSys que tiene conexión con la gran mayoría de bancos españoles.

Además, entre otras cosas, se desarrolló un sistema de importación y exportación de datos en formato CSV y la validación de comprobantes de compra mediante código de barras utilizando una PDA con lector.

NodeJS
ExpressJS
JavaScript
MongoDB
AngularJS
Amazon AWS
Stripe
PayPal
NGINX

IDENTIDAD CORPORATIVA

Cuando trabajamos con marcas o productos relacionados con el mundo del deporte sabemos que existen ciertas pautas a tener en cuenta. Por lo general, el dinamismo visual, los colores energéticos y la contundencia gráfica suelen ser consideraciones muy habituales a la hora de plantear un diseño de este tipo.

Para AED ( Acomodación en Eventos Deportivos ), hemos querido seguir estas pautas para crear una marca acorde a su actividad y contexto.  El azul, blanco y rojo es una triada de colores que funciona perfectamente y es habitual su uso para temas deportivos. Una composición tipográfica sencilla pero contundente y armónica, que busca un fácil reconocimiento de la marca.

Desliza el slider para ver el antes y el después

GetYourTime

  29.06.2017   21ninjas  

GETYOURTIME

GetYourTime es una plataforma online pionera en el mundo que te permite comprar y vender el tiempo. Tan sencillo y a la vez tan complejo como suena. Tras registrar el tiempo como magnitud física ante notario y ante las Naciones Unidas, GetYourTime te permite comprar un día en un calendario global y que sea exclusivamente tuyo.

Incluso, hay un mercado de días populares de interés general donde puedes comprar segundos como inversión.

Es una plataforma que mezcla un fuerte componente social (usuarios, perfiles, timeline de momentos especiales, me gustas, etc) con una vertiente ecommerce donde el producto principal es el tiempo.

NodeJS
ExpressJS
JavaScript
MongoDB
AngularJS
Amazon AWS
Stripe
PayPal
NGINX

APLICACIÓN MÓVIL

La creación de la app supuso un reto desde la perspectiva del diseño y la usabilidad ya que GetYourTime es una plataforma compleja en sí. Hubo que priorizar los elementos principales que iban a conformar el flujo principal de navegación para mantener la simplicidad y sobre todo, crear una experiencia agradable a la hora de utilizar la app.

La app está disponible para iOS y para Android. Para simplificar el proceso de desarrollo, se utilizó React Native para generar versiones nativas para ambas plataformas con un mismo desarrollo.

React Native
iOS
Android
App Store
Play Store
API móvil

IDENTIDAD CORPORATIVA

Sin duda alguna, GetyourTime no es un producto cualquiera. La primera plataforma de venta y adquisición del tiempo desarrollada en el mundo. Un producto que desea convertirse en global requiere de un diseño de marca global, que sigue las premisas del diseño “FLAT”. Líneas sencillas, colores planos y una composición basada en la estabilidad geométrica nos llevan a jugar con las letras “G” y “T”, para conformar un símbolo que se asemeja a un reloj.

GyT es una producto eminentemente digital, por lo que su diseño ha tenido en consideración esta realidad, buscando una grafísmo que soportara las exigencias de formato que el entorno digital demanda.

Desliza el slider para ver el antes y el después

COMUNICACIÓN ONLINE

Se han utilizado las redes sociales como foco de comunicación y atracción hacia el público existente y objetivo. Basándonos en la creación de contenido creativo que comunicase y trasmitiese el feeling de la marca, porque como se suele decir: una imagen vale más que mil palabras.

SEO, PUBLICIDAD Y ANALÍTICA

Con GetYourTime se ha creado una propia herramienta de SEO para poder mejorar su posicionamiento orgánico sin necesidad de recurrir a herramientas externas. En cuanto a la publicidad se han mejorado los canales visuales con diseños más sofisticados, así como la creación de contenido específico que ayudase a atraer más público y dar a conocer la plataforma.

PICASST

  28.09.2016   21ninjas  

PICASST

MongoDB
AngularJS
Express
NodeJS

Piccast es una innovadora forma de crear, gestionar y compartir tu material docente. Puedes crear tus contenidos mediante una aplicación de pizarra digital. Puedes escribir y dibujar lo que quieras, subir tus ficheros PDF o Powerpoint y trabajar directamente sobre ellos. Cuando termines, tu material estará disponible on-line y, si lo deseas, también para todos tus alumnos. ¿No es genial?

Este proyecto surgió de una necesidad detectada por un profesor universitario que comprendió que el sector educativo debía hacer un esfuerzo por actualizarse y ofrecer a sus alumnos las últimas tecnologías para el desarrollo de sus quehaceres.

nicialmente era un proyecto desarrollado en PHP y CodeIgniter pero se rehizo desde 0 en tecnologías más amigables usando el stack MEAN (MongoDB, ExpressJS, AngularJS, NodeJS).

Solo podemos recomendarte que lo pruebes.

MARSEGUR

  28.09.2016   21ninjas  

MARSEGUR

WordPress
PHP
MySQL
Javascript
jQuery

Dicen que la primera impresión es la impresión que luego queda y te aseguramos que es muy difícil cambiarla. Si además eres una empresa de seguridad privada y necesitas transmitir determinados valores o principios, más aún.

Hoy en día ya no es debatible que una de las puertas de entrada de clientes más importantes para tu negocio es Internet y esto Marsegur lo comprendió a la perfección. Su página web es el ejemplo perfecto de web corporativa en la que se presenta un producto o se vende un servicio.

MARINA NARVAL

  28.09.2016   21ninjas  

MARINA NARVAL

WordPress
PHP
MySQL
Javascript
jQuery

La Marina Narval es un enclave único situado en la playa de Anfi, en el sur de Gran Canaria. Se trata de un club que vende exclusividad y un lugar único para practicar deportes acuáticos. Desde el principio tuvimos claro que había que plasmar esa sensación en la web.

En estos casos lo mejor es tirar de recursos fotográficos y afortunadamente, en este caso, había mucho material. Se llevó a cabo un diseño que diera protagonismo a la fotografía, aprovechando el derroche de colorido que un sitio tan paradisíaco desprende. El resultado, en nuestra humilde opinión, no pudo ser más refrescante.

TABOGA

  28.09.2016   21ninjas  

TABOGA

WordPress
PHP
MySQL
Javascript
jQuery

El sector turístico es un sector lleno de competencia con multitud de opciones para pernoctar o simplemente pasar unas vacaciones. En un lugar como Canarias dónde 12 millones de turistas nos visitan cada año hay multitud de alternativas y diferenciarse del resto es complicado.

Un primer paso puede ser una web renovada y cumplidora con los estándares actuales, que ofrezca a los usuarios toda la información que necesitan y les permita hacerse una idea de a dónde van a ir.

Es lo mínimo.

HELLOEDOCTOR

  28.09.2016   21ninjas  

HELLOEDOCTOR

WordPress
PHP
MySQL
Javascript
jQuery

Todo proyecto que empieza necesita dos cosas además de la idea en sí: una identidad corporativa y una web. El resto viene a continuación. HelloeDoctor es un proyecto que innova en el concepto de medicina a distancia permitiéndote consultar un especialista desde el sillón de tu casa.

Las nuevas tecnologías están cambiando todos los sectores y la medicina no es una excepción. Pero si hay algo en lo que no cambia es en la necesidad de llegar a tu público objetivo.

HelloeDoctor empezó la casa por los cimientos y lo primero que abordó fue su web.

LOS GOFIONES

  9.09.2016   21ninjas  

LOS GOFIONES

Diseño editorial
Indesign
Diseño vectorial
Illustrator
Photoshop
Comunicación visual

A punto de cumplir 50 años de carrera, Los Gofiones tenían nuevo disco y el capricho de hacer algo diferente. De sorprender una vez más y sacar una sonrisa tanto a mayores como jóvenes.

Tuvimos el enorme placer de poder trabajar con ellos diseñando todas y cada una de las piezas que forman el rompecabezas que es sacar un disco nuevo al mercado. Imagen de disco, libreto, carátulas, elementos promocionales. Toda una amalgama de elementos que debían contar una historia, la historia de un disco llamado “Por una cabeza”.

Este disco supuso para Los Gofiones un punto de inflexión en el diseño y comunicación de sus productos musicales.

C.D LAS REHOYAS

  9.09.2016   21ninjas  

COMPLEJO LAS REHOYAS

WordPress
PHP
MySQL
Javascript
jQuery

Imagínate que renuevas tu negocio. Lo reformas y lo conviertes en referencia en el sector pero te olvidas de una parte importante. Una parte que está destinada a ser la puerta de entrada para futuros clientes además de un escaparate de todo lo que ofreces.

Por suerte al complejo deportivo Las Rehoyas no le pasó esto. Nos avisaron a tiempo y decidieron renovar también su aspecto digital. Una web para futuros clientes, una web para los actuales clientes, una web para todos.

FACIAL YOGA PLAN

  9.09.2016   21ninjas  

FACIAL YOGA PLAN

WordPress
PHP
MySQL
Javascript
jQuery

¿Sabes que es el yoga facial? Es un método pionero que consiste en ejercicios, masajes y estiramientos que ayudan a tonificar los músculos de la cara y a cuidar la piel de tu rostro. Fuera de España tiene muchos adeptos y aquí, gracias a Diana Bordón, empieza a formarse una comunidad que utiliza estas técnicas para el cuidado de su cara.

 

Hoy ya no es necesario salir de tu casa para aprender nada, así que el primer paso era crear una plataforma desde la cual todos pudieran aprender de forma rápida, sencilla y barata esta novedosa disciplina. A través de videos interactivos, una zona privada para clientes y una web adaptada para todos los dispositivos podrás aprender estas
ancestrales técnicas.