Core.jpg
       
     
Core UI Kit
       
     
       
     
Card Components
       
     
Core UI Kit v0.1 - Base Elements
       
     
Core UI Kit v0.1 - Navigation
       
     
Core Design System-small.jpg
       
     
Core Ecommerce Reference Design
       
     
Core Ecommerce Reference Designs
       
     
Core Reference Design Basic Floor Application
       
     
Core Article Reference Design
       
     
Core Product Page Reference Design
       
     
Core Product Page Reference Design
       
     
Core V2 Website Design
       
     
Core V2 Website Design
       
     
Mockup 09.jpg
       
     
Badge.png
       
     
Badge2.png
       
     
Buttons.png
       
     
Buttons2.png
       
     
Cards.png
       
     
Checkbox.png
       
     
Color.png
       
     
Contact.png
       
     
Dropdown.png
       
     
DropdownButton.png
       
     
Dropdownbutton2.png
       
     
Engaging1.png
       
     
Engaging2.png
       
     
Engaging3.png
       
     
EngagingNAV.png
       
     
Fields.png
       
     
Footer.png
       
     
List.png
       
     
List2.png
       
     
Loading.png
       
     
Lockup.png
       
     
Lockup2.png
       
     
Menu.png
       
     
OptimisticNAV.png
       
     
OptimisticNAV2.png
       
     
Pills.png
       
     
Purposeful.png
       
     
Purposeful2.png
       
     
Purposeful3.png
       
     
PurposefulNAV.png
       
     
PurposefulNAV2.png
       
     
RadioButton.png
       
     
Tables.png
       
     
Tabs.png
       
     
TabsH.png
       
     
Toggle.png
       
     
Tooltip.png
       
     
Typography.png
       
     
Core.jpg
       
     
Core UI Kit
       
     
Core UI Kit

From the beginning, Core was established to be a design system that applied equal importance to designer and developer alike. By doing this, developer are able to speak the same language which in turn improves efficiency and working relationships across teams. The system is hinged upon the use of EM's instead of pixel counts and a flex grid based on percentages instead of columns.

       
     
Core Walkthrough

This video gives a brief walkthrough of the Core Design front door site. One point to note, the site also serves as a means to delineate itself from the other design language at GE - The Predix Design System. Core serves as the visual structure for all non industrial use cases within the company.

Card Components
       
     
Card Components

This animation illustrates the modular components that leverage to create a pattern, in this case a card. Patterns are groupings of components like navigation, footers, form, block elements and tables. 

Core UI Kit v0.1 - Base Elements
       
     
Core UI Kit v0.1 - Base Elements

Brand fonts, colors, and base components are at the heart of Core Design. From the beginning the design and development teams worked cohesively to create elements fully realized in code.   

Core UI Kit v0.1 - Navigation
       
     
Core UI Kit v0.1 - Navigation

Global elements like navigation we the first major paradigm shift that I drove the team to establish first using the establish Core, color, font and components. As simple as it, defining a universal navigational system for the company was a major win.

Core Design System-small.jpg
       
     
Core Ecommerce Reference Design
       
     
Core Ecommerce Reference Design

Along with the base UI kit we provided developed and a fully editable Sketch file that leverages base Core components, typography, master brand colors, and imagery.

Core Ecommerce Reference Designs
       
     
Core Ecommerce Reference Designs

The view displays a generic homepage e-commerce experience.

Core Reference Design Basic Floor Application
       
     
Core Reference Design Basic Floor Application

A simple manufacturing shop floor application reference design, it leverages a purposeful navigation paradigm and flexible table structure to monitor digital assets. 

Core Article Reference Design
       
     
Core Article Reference Design

Our digital industrial application ecosystem is of equal importance to amplifying the new digital industrial company culture of GE. A blog or editorial based website reference design has become highly successful in terms of reuse.

Core Product Page Reference Design
       
     
Core Product Page Reference Design

To launch any successful product one needs to rapidly amplify it immediately to continue the GE Fastworks principles. This design provides a designer and in turn a developer to create a home for their growing application. 

Core Product Page Reference Design
       
     
Core Product Page Reference Design

Responsive is at the heart of the flex grid is the scaffolding to all reference designs.

Core V2 Website Design
       
     
Core V2 Website Design

This next evolution of the design system implements many full screen navigational structures that dovetail well with large format TV or recline experiences.

Core V2 Website Design
       
     
Core V2 Website Design

This shows another navigational paradigm. 

Mockup 09.jpg
       
     
Badge.png
       
     
Badge2.png
       
     
Buttons.png
       
     
Buttons2.png
       
     
Cards.png
       
     
Checkbox.png
       
     
Color.png
       
     
Contact.png
       
     
Dropdown.png
       
     
DropdownButton.png
       
     
Dropdownbutton2.png
       
     
Engaging1.png
       
     
Engaging2.png
       
     
Engaging3.png
       
     
EngagingNAV.png
       
     
Fields.png
       
     
Footer.png
       
     
List.png
       
     
List2.png
       
     
Loading.png
       
     
Lockup.png
       
     
Lockup2.png
       
     
Menu.png
       
     
OptimisticNAV.png
       
     
OptimisticNAV2.png
       
     
Pills.png
       
     
Purposeful.png
       
     
Purposeful2.png
       
     
Purposeful3.png
       
     
PurposefulNAV.png
       
     
PurposefulNAV2.png
       
     
RadioButton.png
       
     
Tables.png
       
     
Tabs.png
       
     
TabsH.png
       
     
Toggle.png
       
     
Tooltip.png
       
     
Typography.png