Code Monkey home page Code Monkey logo

eventech's Introduction

Eventech

Web App that allows event creation and sign up, while also its spreading and sharing among the tech community.

Project developed for Laboratoria's 2018 final hackaton.

Eventech Eventech

OBJETIVOS

  • Create and sign up for tech related events.
  • Strengthening the knowledge among the tech community through audiovisual records of events and meetups.
  • Delivering customized content according to the user's preferences, all for free.

Planning:

To Do

Ver To Do

Survey

Edad Estudia por Internet Sitio de Aprendizaje Comparte Conocimiento

Ver Encuesta

OBSERVACIONES DE LA ENCUESTA

Se registró un total de 43 usuarios durante la encuesta realizada, donde percibimos que:

El 80% comparte sus conocimientos por internet. Dentro de los medios disponibles de aprendizaje online la mayoría prefiere youtube, esto significa que tenemos una oportunidad de mercado en los usuarios que prefieren plataformas audiovisuales. Adicionalmente un porcentaje cercano al 50% de los usuarios estudian por internet. Los usuarios también estudian u obtienen sus conocimientos de cursos online eventos, meetups y en workshops.

Según nuestra investigación podemos concluir que no existe una plataforma que reúna todos estos conocimientos y los almacene en un solo servidor. Por esta razón nace EVENTECH, una plataforma que potencia el conocimiento del área tech en Chile, ya que es un área que está en constante crecimiento, tomando registro audiovisual de cada una de charlas y workshops realizados.

Por medio de la encuesta pudimos rescatar diferentes insights que nos sirvieron para validar el contenido y llegar a una solución viable.

Observaciones Encuesta

Ver detalles de la observación

Luego con los resultados de la misma encuesta creamos un “golden circle” para entender decisiones clave que determinan cómo será nuestro producto y que es lo que ofrecerá.

Observaciones Encuesta

Ver Golden circle

NECESIDADES

  • El usuario necesita una plataforma de fácil acceso y sin cobros adicionales, que sea capaz de entregar conocimiento constante y actualizado.
  • El usuario se informa a través de medios digitales pero, no cuenta con una plataforma de eventos en el área de la tecnología que los unifique a todos.
  • El usuario al no poder asistir a un evento pierde la capacidad de obtener ese conocimiento.

Una vez detectadas las necesidades de los usuarios, realizamos una síntesis previa de la información obtenida por medio de la investigación, decidimos definir la estructura de contenidos, que fué clave para orientarnos en el proceso de ideación del proyecto.

De esta manera pudimos determinar cuál será la experiencia que tendrá un usuario cuando acceda a la web app. Y así poder determinar dónde estarán ubicados los diferentes contenidos de navegación.

Inventario de Contenido

Ver estructura de contenidos

A partir de esta estructura de contenidos logramos crear el Sketch inicial de nuestra propuesta, para trabajar en conjunto con nuestro equipo front end y poder desarrollar de manera ágil y eficiente nuestro MVP.

Sketch

Sketch

Ver sketch

Una vez que realizamos el proceso de la creación del sketch, logramos realizar el diagrama de flujo de la web app, donde se puede visualizar el recorrido que realizarán los usuarios al momento de ingresar a la plataforma.

Diagrama de flujo

Ver diagrama de flujo

El Sketch lo fuimos afinando a medida que realizamos diferentes testeos para lograr percibir cuáles son los momentos más débiles en la interacción del usuario con la plataforma.

Sketch

Ver sketch testeado

Test de usuarios

Ver test de usuarios

Para realizar el testeo se consultó a 5 posibles usuarios de nuestra web app.

  • Los resultados del testeo arrojaron que 1 de 5 usuarios no logró completar la tarea de inscribirse correctamente en la web app. Fué porque el usuario pensó que iba a volver a anular cada vez al momento de inscribirse.
  • Hubieron dos usuarios que buscaron el crear evento en el menú desplegable y no donde nosotras situamos el botón inicialmente. en conclusión creemos que es correcto dejarlo en el mismo lugar porque si funcionó para otros usuarios, pero también incluir esa alternativa en el menú desplegable.

Ver sketch testeado

SOLUCIÓN Una web app que sea capaz de dejar un registro del material audiovisual, de difundir y de entregar conocimiento para el área de la tecnología.

PROTOTIPO FINAL, MVP Prototipo Como el proyecto se enfoca en el área tech y en los eventos, le asignamos por nombre EVENTECH. Los colores y tipografías son acordes a los conceptos asociados a la tecnología y modernidad.

Navegar Prototipo

Hosting

Heroku

GH-PAGES

Development

Made with React and React-Bootstrap.

React

This library was used for component creation and its virtual DOM characteristics.

npm install react
npm install react-dom

Tech requirements

The project was developed with the following dependencies

  • Dev dependencies

    • GH-PAGES ^1.1.0
  • Product dependencies

    • Firebase ^4.11.0
    • React ^16.2.0
    • React-DOM ^16.2.0
    • React Bootstrap ^0.32.1
    • React Bootstrap Date Picker ^5.1.0
    • React-Fontawesome ^1.6.1
    • React Scripts 1.1.1

Prototype

sample

Authors

UX Designer

  • Jocelyn González
  • Valentina

Front End Developers

License

This project is licensed under the MIT License - see the LICENSE.md file for details

eventech's People

Contributors

bimiriya avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.