Roles
UX Design
User Research
Visual Design
Prototyping
Development
Overview
In 2016 the GE Healthcare announced a plan to invest in enhanced training for over two million health professionals globally by 2020. As one of the early tactics employed I was tasked with creating an online shared knowledge base and learning system.
The Problem
In a company that creates and publishes thousands of white papers, videos, articles an more per year. There is an ever increasing need for a better way to doctors, technicians and research the enormous amount of content.
The Solution
A collective repository for all of GE Healthcare's global education network. Users can store, share and access postings, on a multitude of topics, as they see fit.
User-Centric Design
Creating Personas
We began the exploration and discovery phase of the project by trying to understand the users motivations, goals, pain points and more. These were refined down into a set of persona of doctors, technicians, students and others.
Refining the User Stories
To keep focused to the customer objectives a set of user stories were presented and rated in levels of priority. Some that stood out were being able to publish to a group and keeping up with news were among the highest priorities.
The Edison Design System (EDS)
For this project I was required to build the production repository utilizing the
GE Design System, a central hub for modern UI design and development. Note that at this time the framework was not yet branded as "Edison".
GE Design System, a central hub for modern UI design and development. Note that at this time the framework was not yet branded as "Edison".
Typography
GE Inspira Sans is a core part of the GE and Edison™ brand. It is designed to carry the voice of the brand across all media.
Inspira Sans was developed with digital applications in mind and represents a fresh and modern typeface for GE.
Brand Colors Palette
The GE color palette is simple and based around the brand blue of #026cb6 or an rgb(2, 108, 182) value.
Wireframes
First step in the process of understanding the fundamental structure of the system, low fidelity wireframes were drafted. Then, with each step forward adding in complexity, detail and more in order to set the informational architectural framework in a way that users understood.
Coding the Project
In this project, I was also tasked with creating the production code that would support the Global Education Network on the front end. Technologies included of course were some HTML, Bootstrap, jQuery, CSS and XML.
The Finished Product
In this project, I was also tasked with creating the production code that would support the Global Education Network on the front end. Technologies included of course were some HTML, Bootstrap, jQuery, CSS and XML.
Gotta project?
Have questions?
Have questions?
