Max Starkenburg

Escríbame
Cambiar estilo

Bienvenidos a maxwell.fyi

For Your Information

Mi nombre es Max Starkenburg. Soy un profesional web de los EEUU actualmente viviendo en Bremerton, Washington Houston, Texas Rancagua, Chile la Ciudad de México Washington, DC.

Mi trabajo se ha enfocado en manejar HTML, CSS, JavaScript y editores de gráficos para crear interfaces estéticas e intuitivas para sitios web de gran y pequeña escala. Acá puede ver algunos ejemplos de mis trabajos anteriores.

Si bien mi experiencia académica se ha cimentado en el estudio de la arquitectura, toda mi trayectoria profesional, incluyendo trabajos veraniegos desde 1999, ha tenido a la creación de interfaces web como enfoque. Vea más detalles en mi currículum.

Aprenda más sobre cómo hice este sitio web en el colofón.

Dónde encontrarme

Otros lugares donde me encuentro en línea:

No dude en comunicarse conmigo usando este formulario o simplemente escribiéndome a max@maxwell.fyi.

Ejemplos de trabajo

Varias interfaces web creadas o rediseñadas para la Universidad George Washington. Vea más ...

Encontrar tu libro en la biblioteca se ha vuelto más fácil. Vea más ...

Prototipos interactivos de un editor WYSIWYG escritos a mano. Vea algunos de sus funciones. Vea más ...

Pruébelo usted mismo. Dele una vuelta ...

Mi trabajo más largo ha sido con Connexions, un sitio web educativo de código y contenido abierto. Vea más detalles acá ...

Varios de mis proyectos profesionales han requerido que creara "segundas pieles" para interfaces complejas. Vea más ...

A través de los años he creado varios sitios web pequeños y básicos para usos específicos Vea más ...

Proyectos de índole personal (y también de índole informática) relacionados con los libros. Lea más ...

Currículum

Max Starkenburg

Portafolio: https://maxwell.fyi/es · max@maxwell.fyi

Lo que le puedo ofrecer:

Transformar sus metas conceptuales en entregables digitales a través de la construcción de interfaces intuitivas fortalecidas por código robusto y limpio y elementos visuales estéticos.

Se puede contar conmigo para aportar:

  • una fuerte defensa de las necesidades del usuario
  • un enfoque a resolver problemas que es colaborativo, meticuloso e integral
  • dos décadas manejando las capacidades de HTML, CSS, JS y otras tecnologías relacionadas

Buscaré de forma proactiva la solución óptima a cada problema, sea con un diseño creado en Illustrator, un script de Bash, o algo intermedio, para brindarle un producto exitoso y experiencia de usuario agradable.

Experiencia laboral

Universidad George Washington · Diseñador web ("Web Designer")

Bibliotecas e Innovación Académica (GWLAI) · 11/2016–hoy

  • Dirección u orientación en cada paso del ciclo de vida de los sitios web de GWLAI (hechos en Drupal 7 y Drupal 8), con el objetivo de facilitar la promoción de recursos estudiantiles por parte de editores de contenido y al mismo tiempo reducir cuellos de botella de desarrollo, incógnitas y costosos cambios retroactivos:
    • Recopilación de requisitos y delimitación del alcance de proyectos
    • Creación de maquetas interactivas y responsivas para uso en pruebas de usabilidad
    • Configuración del sitio y evaluación de módulos contribuidos
    • Desarrollo de código para el theme (tema) usando Sass/CSS, Twig y JS/jQuery; incorporación de bibliotecas y APIs de terceros; revisión de cumplimiento de accesibilidad; ligero desarrollo de módulos usando PHP
    • Participación en revisión de código, depuración de errores y pruebas de calidad; optimización de nuestro flujo de trabajo de Git
    • Mantenimiento de los sitios a través de Drush, desarrollo de scripts de copias de respaldo y consultas sobre cambios de servidor
  • Creación de planos de planta interactivos (en formato SVG) enlazados desde el catálogo de la biblioteca para mostrar al usuario la ubicación exacta del libro en los estantes físicos
  • Asesoramiento a colegas de toda la organización para satisfacer sus necesidades de creación de contenido, consultando sobre las mejores prácticas de accesibilidad, las capacidades de CSS y la incorporación de JavaScript
  • Dictado de talleres para estudiantes, empleados y profesores sobre Adobe Illustrator y HTML/CSS
  • Producción de arte para anunciar talleres, lecciones, exposiciones y eventos de entrenamiento

OERPUB | Diseñador de interacciones ("Interaction Designer")

Iniciativa de edición de recursos educativos abiertos · 12/2011–04/2014

  • Creación desde cero de maquetas funcionales de alta fidelidad de un editor WYSIWYG en línea que permitía a catedráticos publicar libros de texto de calidad profesional
  • Cuantificación del éxito relativo de los aspectos interactivos de la interfaz, conduciendo múltiples estudios de usabilidad utilizando las mismas maquetas
  • Creación de un set de íconos vectoriales de código abierto, diseño de un logo y modificaciones de plug-ins y plantillas en WordPress para el sitio web de la iniciativa

Universidad Rice · Diseñador y desarrollador XSLT ("Designer and XSLT Developer")

Servicios Académicos Digitales ("Digital Scholarship Services") · 11/2010–04/2011

  • Modificación del archivo digital académico de la universidad en DSpace usando XSLT para brindarles a investigadores una experiencia de imagen y navegación sin contratiempos al repositorio de miles de artículos
  • Reparación de errores en el XSLT e incorporación de nuevas funciones en la salida HTML de 500 documentos XML

Universidad Rice · Diseñador web/gráfico ("Web/Graphic Designer")

Connexions (ahora llamado "OpenStax CNX") · 01/2001–04/2011

  • Dirección del diseño visual en un repositorio educativo y medio de publicación abierto de más de 18.000 páginas, 2.000 usuarios y 1,6 millones de visitas mensuales
  • Creación iterativa de ideas de diseño (2.200 maquetas en total) para nuevas funciones como la interfaz de búsqueda/navegación, plug-ins de redes sociales, diseños de marca conjunta, perfiles de usuario, la interfaz de publicación, la página principal y la interfaz de etiquetado
  • Garantía de la alta calidad del software mediante la realización de pruebas exhaustivas en cada ciclo de lanzamiento

Formación académica

Universidad Rice (Rice University) · Houston, Texas, EEUU
Licenciatura en Estudios de Arquitectura (BA, Architectural Studies) · 2003

Experiencia e información adicionales

  • Conferencias: Asistencia a DrupalCon 2018 y 2019, Drupal GovCon 2018 y 2019, AccessU 2019 y asistencia regular a MeetUps de Drupal en el área metropolitano de Washington, DC
  • Cursos: Inscrito en talleres de medio día hasta de varios días sobre ES6, Composer y desarrollo en PHP
  • Idiomas: Inglés: hablante nativo · Español: dominio intermedio-superior (ILR 3, CERF B2)
  • Experiencia intercultural: 2 años de residencia y trabajo remoto en Chile y México (2015-16)
  • Residencia: Ciudadano estadounidense, actualmente en Washington, DC, abierto a traslado o trabajo de forma remota

LinkedIn: /in/max-s/es | StackOverflow: /users/5285945 | GitHub: /maxstarkenburg

Colofón

Creación del sitio

Usé Jekyll además de algunos otros gems de Ruby para poder hacer la página bilingüe sin duplicar el código, para escribir el CSS en Sass y para que pudiera mantener presentes los diseños anteriores de la páinga con facilidad (está viendo versión 1, vea versión 2 o versión 3). Manejé el cógido en Git, generalmente escribiéndolo en una virtualización de Ubuntu a través de VirtualBox, haciendo push al repositorio "origin" en BitBucket como recaudo y haciendo push a otro repositorio remoto en mi alojamiento web donde un "post-receive hook" escrito en Bash construye el HTML y otros archivos. Traté de asegurar que cada diseño fuera responsivo para una buena experiencia independientemente del dispositivo desde el que se lee y aproveché la creación de algunos de los diseños para hacer animaciones de archivos SVG y de CSS.

Aparte de lo notado aquí en el colofón y algunos comentarios en el código, todo fue programado por su servidor desde cero.

Debajo de la cubierta

Además de algo de JavaScript de jQuery, Velocity.js y Bootstrap (este por su función "scrollspy"), en esta página configuré Magnific Popups y Colorbox para las galerías, usé la fuente Lato por Łukasz Dziedzic (alojada en Google Fonts), Formspree para un formulario de contacto sin PHP, Let's Encrypt para el certificado SSL y algunos íconos por Open Iconic y Icon 54. Usé ScreenToGif para crear y gifsicle para optimizar las animaciones de los ejemplos de trabajo. Las siguientes herramientas también fueron de gran ayuda: Color Blender de Eric Meyer (provee puntos medios entres colores con valores hex), regex101 (un probador de expresiones regulares y maravilloso antídoto a dolores de cabeza) y Can I Use? para información sobre compatibilidad entre navegadores.