Esta selección es sobre la funcionalidad, diseño, conceptos técnicos y complejidad de proyectos realizados, destacar la correcta selección de los colores, imagen y tipografia resultan en sitios web que destacan por su diseño profesional y usabilidad.
Este website ha sido creado con diseño a medida tomando como herramienta Elementor pro. Como principal atractivo es la ejecución del diseño, el mismo ha sido pensado en base a ambientar la escencia de la agencia respetando su línea gráfica, colores, fuentes ect....
visitar el site- Wordpress
- JavaScript
- PHP
- HTML5
- CSS3
- Sass
- Bootstrap
- Elementor
La ejecución un concepto web a medida manteniendo el equilibrio de la distribución de los espacios para mostrar la información de manera fluida require seleccionar técnicas avanzadas en maquetación por lo tanto css grid y flexbox son los protagonistas para la construcción de un website bien distribuido en tanto al respeto de los espacios y la información.
visitar el site- Grid
- JavaScript
- PHP
- Git
- WebPack
- Sass
- Bem Metodology
- PixelPerfect
Web App que permite adquirir soluciones de pagos a travez de la plataforma Stripe y PayPal, con la posibilidad de interactuar enviando información desde el front, al back-end de manera filtrada y segura.
visitar el site- Materialize
- JavaScript
- PHP
- WebPack
- Sass
- Stripe paiment
- PayPal paiment
- PHP Unit
- Composer
- Rest API
Diseño moderno y responsivo, implementación de elementos gráficos que complementan la funcionalidad y el estilo del sitio, seleccion de tipografias modernas en combinación de colores, fluidez y accesibilidad combinadas en un web site atractivo.
visitar el site- Axios
- JavaScript
- PHP
- Git
- Docker
- BitBucket
- WebPack
- Sass
- Rest API
Diseñar una interfaz puede parecer una tarea para un diseñador que domina las herramientas de diseño, pero no es lo mismo y esta fuera de la realidad en un 50%, lograr el objetivo inicia con un diseño que combina la linea gráfica de la empresa en donde desde la seleccion de las imagenes hasta la selección de la tipografía deben armonizar sin perder el concepto de que debe ser accesible y agradable. Luego esta el como se comporta la web en los diferentes dispositivos y que tecnicas usar para dar prioridad a las informaciones y elementos de la web, entonces un diseñador web debe aunque no sea developer conocer el comportamiento de los elementos y de como estos fluyen atravez de los dispositivos así de las diferencias entre print y web, finalmente conocer sobre customizaciones y procesos de carga entre otros temas.
visitar el site- Ilustrator
- Photoshhop
Interactuar con acciones del usuario en mayor porcentaje se limita a la interacción con un link o un boton. Realizarlo a travez de una imagen svg es más complejo pues los limites, en las zonas pueden tener zonas dinamicas como lo es un mapa, luego de obtener la interacción con el area poder conectar con la información para poder desplegarla dinamicamente puede suponer que estos datos datos provienen desde una base de datos convencional. En este caso como base de datos se toma la informacion a travez de una API que conectada a google sheets podemos simplificar el manejo de los mismos solo con modificar la hoja de cálculo , luego está el como manipular la interaccion del usuario con cada sección del mapa lanzando la información al detectar el hover sobre las diferentes areas, para obtener un resultado como este.
visitar el site- Google sheets
- JavaScript
- PHP
- WebPack
- Sass
- Rest API
- SVG Image
Interactuar con elementos 3D dentro de un ambiente web es una cualidad extra y no muy explotada en la actualidad, cada elemento puede ser interactivo y cambiar entre otras cosas su color, material, escala, etc. Esto permite una experiencia de usuario inmersiva y tridimensional en la cual el usuario puede obtener informacion en la misma escena, seleccionar el elemento para una compra siendo este un abanico de posibilidades del cual se debe tener un equipo con el conocimiento como para poder crear los elementos en 3D para luego a travez de las librerias como Threejs y WebGL. "en el link descarga al archivo original blender"
visitar el site- Blender
La complejidad del desarrollo de un plugin depende que tantas rareas este es capaz de realizar, el mismo puede ser solo visible en el back o en el front incluso no tener presencia pero si ejecutar comandos en el sistema. En este caso este plugin interacua tanto en back como en el front y ademas realizar tareas internas, Javascript controla los calculos matemáticos, obtención de datos y la interacción con los usuarios, el back se encarga de la creación de celdas en la base de datos, guardar los datos una vez filtrados, obtener los datos de control que hacen la conección con strype, envio de emails, y la eliminación de datos una vez desintalado el plugin.
visitar el site- Javascript
- WebPack
- Babel
- Sass
- Bem Metodology
- Axios
- Git
- Stripe
- MailService