fmotrel web

Desarrollo Tecnologías FrontEnd

Portafolio Freelance (Muestreo)

Fmotrel Web

Sector: Portfolio
Descripción del Proyecto

Diseño, desarrollo y maquetación de "Portfolio Fmotrel Web" implementando la estructura externa con CSS Grid Layout y los elementos interiores con Módulos FlexBox.

Estructura con HTML5 y capa de presentación con CSS3 y Sass. Funcionalidad de la Interface con JavaScript. Cross browser multinavegador.

Extracción de imágenes, optimización de las mismas e implementación con etiqueta "picture" según resolución de pantalla. Uso de preprocesador Sass para la optimización y reutilización del código.

Implementación de las Normas WCAG 2.1. de Accesibilidad Web según Estándares W3C y Validadores Online de Accesibilidad. Estrategia para un SEO on page óptimo.

Diseño Responsivo Multidispositivo con maquetación válida para cualquier Resolución y Dispositivo (Mesa, Mano ó Portátiles).

Tecnologías Usadas
  • Accesibilidad web, Normas WCAG 2.1., W3C, Taw, Examinator, Wave, Rocket Validator.
  • HTML5, CSS3, Responsive Web Design, CSS Grid Layout / Módulos Flexbox, Sass, Cross Browser.
  • Animaciones CSS3, JavaScript, Php, Includes.
  • Url Amigable, Favicón, Sitemap, Filezilla, Seo.
  • Photoshop, Archivos Psd, Wireframes.
  • Editor de Texto: Atom.
  • Sistema Operativo: Windows 10.
Año 2019

Alessandra Ambrosio 'Brasil Woman'

Sector: Empresa Tecnológica
Descripción del Proyecto

Diseño, desarrollo y maquetación de la web "Alessandra Ambrosio 'Brasil Woman'".

Estructura con HTML5 y capa de presentación con CSS3. Funcionalidad de la Interface con JavaScript y Jquery. Cross browser multinavegador.

Implementación de Normas WCAG 2.0. de Accesibilidad Web. Experiencia de Usuario (UX) mejorada con Ajax y Json para la trasmisión de Datos. Estándares W3C, Estrategia Seo on page y Home con espectacular Galería Expandible.

Web Service con Arquitectura REST. Animaciones con ActionScript y CSS3. Gráfico vectorial SVG.

Diseño Responsivo Multidispositivo con maquetación válida para cualquier Resolución y Dispositivo (Mesa, Mano ó Portátiles).

Tecnologías Usadas
  • HTML5, CSS3, Responsive Web Design, Gráfico vectorial SVG, Animaciones CSS3.
  • Javascript, Jquery, Php, Json, Ajax, Includes, Web Service REST.
  • Animaciones ActionScript, Galería Expandible Jquery.
  • Wireframes, Photoshop, Dreamweaver, Flash, Filezilla Client.
  • Seo, Url Amigable, Favicón.
  • Google Analytics, Webmasters Google y Bing.
  • Sistema Operativo: Windows 7.
Año 2015

European Champions League

Sector: Persona Particular
Descripción del Proyecto

Diseño, desarrollo y maquetación, implementando Parallax, de la web "European Champions League" para la consulta del Ranking de los Equipos Europeos de Futbol y de Baloncesto.

Estructura con HTML5 y capa de presentación con CSS3. Funcionalidad de la Interface con JavaScript y Jquery.

Home con acceso a los Menu de Futbol y Baloncesto. Menú Interior con acceso a los Equipos a consultar. Página Personalizada de cada Equipo con su Plantilla, Palmarés y Ranking Europeo. Los contenidos se muestran al hacer Skrol Vertical logrando sensación dinámica y gran visualidad.

Standares W3C, Analitica Web, Estrategia Seo y "Ley de Cookies".

Tecnologías Usadas
  • Parallax, Html5, CSS3, Cross Browser.
  • Photoshop, Dreamweaver, Filezilla Client.
  • Seo, Url Amigable, Favicón, Standares W3C, Sitemap.
  • Google Analytics, Webmasters Google, Bing.
  • Sistema Operativo: Windows 7.
Año 2014

Mundo Árabe

Sector: Asociación Regional
Descripción del Proyecto

Implementación con CMS Wordpress y el Theme 'Phogra' de la web "Mundo Árabe".

Home con Slider Horizontal del que aparece el Menu Vertical tras hacer clic en el logo del sitio.

Diseño personalizado del 'Template Phogra' con customizaciones Html y CSS2.

Implementación de los Pluggins necesarios para mejorar el desarrollo y la funcionalidad del sitio logrando una mejor accesiblidad y usabilidad.

Seo y "Ley de Cookies".

Tecnologías Usadas
  • Wordpress, Theme 'Phogra', Pluggins Wp.
  • Html, CSS2, Php, MySql.
  • Photoshop, Dreamweaver, Filezilla.
  • Sprite, Sitemap, Seo, Url Amigable, Favicón.
  • Google Analytics, Webmasters Google, Bing.
  • Sistema Operativo: Windows 7.
Año 2013

Maria Sharapova 'Nacida para Ganar'

Sector: Empresa Tecnológica
Descripción del Proyecto

Diseño, desarrollo y maquetación de la web "Maria Sharapova 'Nacida para Ganar'".

Estructura con Html y capa de presentación con CSS2. Funcionalidad de la Interface con JavaScript y Jquery. Cross browser multinavegador.

Home con Menu Personalizado todos ellos con Galería Fotos Jquery de la tenista rusa. Menu Títulos con los torneos ganados cuya Experiencia de Usuario ha sido mejorada con Ajax. Home con sencillo y divertido 'Test Jquery'. Standares W3C, Analitica Web, Estrategia Seo y "Ley de Cookies".

Diseño Personalizado y Responsivo con creación de Wireframes (.psd) para la posterior maquetación válida para cualquier Resolución y Dispositivo (Mesa, Mano ó Portátiles).

Diseño personalizado de las Páginas de Error.

Tecnologías Usadas
  • Html, CSS2, Responsive Web Design, Javascript, Jquery, Ajax, Php, MySql.
  • Wireframes, Photoshop, Dreamweaver, Filezilla Client.
  • Rollover, Galería Jquery, Galería Iframe, Text Jquery.
  • Seo, Url Amigable, Favicón, Standares W3C, Sitemap, .htaccess.
  • Google Analytics, Webmasters Google, Bing.
  • Sistema Operativo: Windows 7.
Año 2012

Últimos Trabajos

Usamos cookies propias y de terceros para ayudarte en tu navegación. Si continuas navegando consideramos que aceptas el uso de cookies. OK
Más información