Presentación FS (jornadas UB-CAV). Mayo 2014

www.factorsim.com | [email protected]

¿me montas una web? CAV. 16 / 5/2014

http://www.factorsim.com


factorsim nació en 2007 en el vivero de Barcelona Activa. A día de hoy somos un equipo de casi 20 profesionales especializados en la realización de proyectos de comunicación web, ecommerce, campus de formación, producción de contenidos audiovisuales y consultoría de procesos. Lo que habitualmente se conoce como “un poco de todo”



Durante estos años, hemos trabajado con autónomos, empresas pequeñas, grandes, i n s t i t u c i o n e s p ú b l i c a s , fundaciones, ONGs y para familiares y vecinos.

Abertis, ROCHE, SABA, COFB, Saatchi & Saatchi, Grupo Constant, Roca, Olympus, Institut Català de la Salut, Edebe, Educa Borrás, McGraw-Hill, Banc Sabadell, Agrupació Mútua, Albiñana, Caixa Penedés, Diputació de Barcelona, UIC, GEC SA, UPC y UPC Talent, La Caixa, EurecaMedia, Graó, Foment, Editorial UOC, Fundació Bosch i Gimpera, UOC, Global Actuarial, Institu Català d’Oncologia, IDEC, Institut Català de Salut, Clic-Austral, Apple, Ayuntamiento de Barcelona, Universitat de Barcelona, Liberty Seguros, ISPC, Universidad de Salamanca, AGBAR, IL3-UB, Egarsat, ESADE, Iberkerygma, Grupo Constant, IOC, Hitecsa, Marinva, IESPORT, Grupo CEM, Elsevier, UCF, CFIE, Fundació La Caixa, Caixa Penedés...



Tenemos experiencia en… Campus-online

Diseño y elaboración de materiales

E-commerce

Consultoría y asesoramiento TIC

Conceptualización y desarrollo de entornos web



Proyecto: campus de formación para el ICS



Proyecto: campus de formación la Diputació de Barcelona



Proyecto: portal Autopistas.com



Proyecto: web TCI



Proyecto: Ecommerce Pegaso



Proyecto: entorno web de ROCA



Proyecto: contenidos para empresas



Proyecto: contenidos interactivos



Organización



Dirección general

Gestión administrativa

Sistemas / CTO

Programación

Diseño / UX

Gestión de proyectos

Maquetación

Testeo

Oficina técnica

Coordinación general. Dirección estratégica

Contabilidad. Laboral. Finanzas. Legal.

Servidores. Seguridad. Mejoras tecnológicas

Seguimiento proyectos. Coordinación. Documentación. Control de calendarios.

Diseño. Usabilidad. Wireframes.

Programación. Integración con sistemas.

Maquetación web. Responsive.

Revisión del desarrollo. Iteración con programadores y maquetación

Creación de contenidos (texto, imagen, audiovisual.)… Publicación. Traducciones.

Consultor/ComercialGestión de clientes. Presentación de propuestas. Seguimiento comercial.



Consultor/comercial Su objetivo es cerrar una venta. Para ello define un producto o servicio Establece un precio parametrizado con un precio/hora o según cálculos de ROI Se presenta una propuesta lo más detallada posible y se firma. En la propuesta normalmente intervienen sistemas, diseño y los responsables del área afectada. La gestión de expectativas es clave !Herramientas: CRM / Excel / Linkedin / Móvil



Gestión de proyectos Al momento de aprobarse un proyecto, se activa la figura del gestor. Su función es clave para evitar desviaciones. Reuniones con cliente, calendarios, peleas con el equipo de desarrollo y mucho trabajo de documentación es su día a día. !Herramientas: Jira / Teambox / Basecamp / Project Manager / Word y café



Análisis funcional El presupuesto no permite detalle. El análisis funcional es el documento que permite definir la funcionalidad del desarrollo de forma específica. Se realiza al principio de proyecto para detectar posibles incidencias. El documento funcional incluye la definición de las pantallas, los campos, la tecnología a usar, etc !Con el análisis funcional se puede definir el calendario de ejecución. La documentación de proyecto se ha de actualizar constantemente. !Herramientas: Confluence / Word / Wikis



Wireframes Antes de realizar el diseño, se realiza un prototipo básico que permita detectar errores en la navegación, carencias de información o defectos de usabilidad. Se realiza tanto la versión desktop como la mobile. De hecho, se tiende a desarrollar primero la versión móvil. !Herramientas: Axure / Prototyper / Visio



Diseño gráfico/Usabilidad Con el funcional y los wireframes aprobados. Se realiza el diseño de la web. Diseño desktop, responsive y exportación de los gráficos unitarios para que maquetación pueda integralos. Es conveniente tener ordenados los PSD y añadir comentarios en el diseño (pensando en programación y maquetación) !Herramientas: Photoshop / Illustrator / Bancos de imágenes



Programación ¿Qué decir de la programación? La quieres o la odias. :D Esta parte del equipo se encarga de hace que todo funcione conforme lo que se ha especificado. Si se ha definido bien, todo funcionará. !Herramientas: Depende de la tecnología base / GIT / Frameworks de desarrollo



Maquetación Seguramente después del gestor de proyectos la tarea más injusta del proceso de producción. Su misión es conseguir que todo se visualice correctamente en los diferentes navegadores del proyecto. !Herramientas: Frameworks de desarrollo y mucha paciencia. Jquery y Firebug tatuados en el hombro.



Testeo Localizar errores. Probar. Reportar fallos. Volver a probar. Reportar más fallos. Revisar los fallos reportados. Volver al punto número 1. !Herramientas: colirio para los ojos, Jira / gestor de tickets



Oficina técnica / Contenidos Un equipo de varias personas con diferentes perfiles (gestión de proyectos, creación de contenidos audiovisuales, traducción, guión, tratamiento didáctico, ilustración…). Su objetivo es dotar de contenido las webs de los clientes y realizar el mantenimiento. !Herramientas: de todo un poco



!Ahora ya conocéis un poco

más de los procesos necesarios para montar una web

¡Gracias por la paciencia!



Miguel Angel Muras Director [email protected]

C/Veneçuela 103 Planta 3 Bloque 2 B 08019 Barcelona Tel: 93 266 74 42 www.factorsim.info

¡Aquí os esperamos!


http://www.factorsim.info

Presentations & Public Speaking

Presentación FS (jornadas UB-CAV). Mayo 2014