fmotrel web

Descripción del Proyecto

Participación en diferentes proyectos de la Agencia de Publicidad ClickCode durante una etapa de carga de trabajo de la misma.

Maquetación de diferentes aplicaciones web, landing pages y newsletters de varios clientes de la Agencia como "MSD", "Asisa", "Kanlli", ... según diferentes diseños establecidos y aprobados por el cliente.

Tecnologías Usadas

• Bitbucket, Asana.
• HTML5, CSS3, Responsive Web Design, FlexBox, Sass, Cross Browser.
• JavaScript, Jquery.
• Photoshop, Adobe Xd, Zeplin (Sketch), Figma, Excel.
• Editor de Texto: Atom.
• Sistema Operativo: Windows 10.

Año 2019

Descripción del Proyecto

Incidencias de Maquetación para el proyecto "American Express - Global Business Travel" utilizando CSS3 para la resolución de las mismas principalmente.

Optimización y reutilización del código con preprocesador Sass y utilización de la técnica Cross Browsing para una maquetación óptima multinavegador.

Realización del Responsive Web Design para diferentes elementos y páginas web en las que había incidencias que afectaban a las Resoluciones para Dispositivos de Mano como Tablets o Móviles.

Uso de TFS con Visual Studio para el Control de Versiones del proyecto.

Tecnologías Usadas

• TFS, HTML5, CSS3, Responsive Web Design, Cross Browser.
• Bootstrap, Sass, Ruby, Compass.
• IDE: Visual Studio.
• Entornos Maquetación: .Net - AngularJs - Angular Material.
• Sistema Operativo: Windows 8.1.

Año 2016

Descripción del Proyecto

Maquetación del Home y las diferentes páginas del proyecto "Atradius - Crédito y Caución" según patrón de diseño basado en diferentes archivos Psd suministrados por la empresa.

Implementación de la estructura con HTML5 y capa de presentación con CSS3. Funcionalidad de la Interface con Javascript y Jquery. Uso de preprocesador Sass para la optimización y reutilización del código. Cross browser multinavegador.

Customización de los elementos del formulario y los input de los menús de navegación personalizados según diseño suministrado. Extracción de imágenes de los Psd y posterior optimización de las mismas.

Diseño Web Responsivo por lo que es operativo para cualquier resolución o dispositivo (mano, portatil o mesa).

Tecnologías Usadas

• TFS, HTML5, CSS3, Responsive Web Design, Cross Browser.
• Ruby, Sass, Compass, Jquery, Javascript.
• Photoshop, Dreamweaver, Acrobat.
• Editor de Texto: Brackets.
• IDE: Visual Studio.
• Sistema Operativo: Windows 8.1.

Año 2016

Descripción del Proyecto

Maquetación de diferentes páginas y elementos del proyecto "Sigaus - Observatorio Aceite Industrial Usado en España" según patrón de diseño basado en diferentes archivos Psd suministrados por la empresa.

Implementación de la estructura con HTML5 y Bootstrap, capa de presentación con CSS3. Desarrollo de la funcionalidad de la Interface con JavaScript y Jquery. Uso de preprocesador Less para la reutilización y optimización del código. Cross browser multinavegador.

Validación del formulario con JavaScript y su funcionalidad con Correo Mail. Extracción de imágenes de los Psd y posterior optimización de las mismas.

Diseñado únicamente para Portatiles y Dispositivos de Mesa por petición expresa del Cliente.

Tecnologías Usadas

• Tortoise SVN, HTML5, CSS3, Bootstrap, Less, Cross Browser.
• Php, Node, Javascript, Jquery.
• Correo Mail, Font Awesome Icons.
• Photoshop, Dreamweaver, Acrobat.
• Editor de Texto: Brackets.
• Sistema Operativo: Windows 8.1.

Año 2015 - 2016

Descripción del Proyecto

Implementación de la Aplicación 'Criteo OneTag' para el Homepage, páginas de Productos y de Confirmación de Compra para el sitio web "ThyssenKrupp Encasa SL - Salvaescaleras.com".

Implementación de la aplicación con script programado y modificado con JavaScript y Jquery para conseguir la óptima realización de la función requerida.

Tecnologías Usadas

• Tortoise SVN, Javascript, Jquery.
• Extensión Accurate de Google Chrome Web Store.
• Editor de Texto: Brackets.
• IDE: Visual Studio.
• Sistema Operativo: Windows 8.1.

Año 2015

Descripción del Proyecto

Web de Subastas implementando Wordpress y el Tema “WP Auctions Theme”. Archivos WP renombrados y traducción con Poedit Inglés/Español. Diseño personalizado y responsivo, modificando el Html y CSS con Php entrelazado.

Registro y puesta en marcha de las Redes Sociales de la Empresa (Facebook, Twitter, YouTube, Google +, Instagram, Flickr, Pinterest y Linkedin).

Implementación Cliente/Servidor del Software de Código Libre para la Gestión de Archivos ICA-ATOM.

Tecnologías Usadas

• Wordpress, WP Auction Theme, Pluggins, Poedit.
• HTML5, CSS3, Responsive Web Design, Javascript, Php, Sql.
• Photoshop, Dreamweaver, Filezilla.
• Seo, Url Amigable, Favicón, Redes Sociales.
• Software Gestión Archivos ICA-ATOM, Desarrollo Cliente/Servidor.
• IDE: Xampp.
• Sistema Operativo: Windows 8.1.

Año 2015

Descripción del Proyecto

Proyecto final de las prácticas del Certificado de Profesionalidad consistente en una web para el Alquiler de Aulas de Docencia en Centros para diferentes Empresas.

Diseño y Desarrollo Front con dos Back-end: Una Zona Privada para Administradores con Base de Datos Operativa, con tres Niveles de Administración con Sesiones y Cookies y otra Zona Privada para Clientes. Accesible para Aplicación Movil Android alojada en el Market.

Home con Galería Wow Slider. Standares W3C y Seo.

Diseño Personalizado con creación de Wireframes para la posterior maquetación en una Resolución Óptima de 1366 x 768.

Tecnologías Usadas

• HTML5, CSS3, Javascript, Php, MySql.
• Animaciones CSS3, Wow Slider.
• Includes, Sesiones, Cookies, Seo, Url Amigable, Favicón.
• Photoshop, Dreamweaver, Wireframes, Filezilla.
• Sistema Operativo: Windows 7.

Año 2014