diff --git a/consultations_prj/media/js/views/components/plugins/application-area.js b/consultations_prj/media/js/views/components/plugins/application-area.js
new file mode 100644
index 000000000..1f77cac2a
--- /dev/null
+++ b/consultations_prj/media/js/views/components/plugins/application-area.js
@@ -0,0 +1,86 @@
+define([
+    'knockout',
+    'viewmodels/workflow',
+    'viewmodels/workflow-step',
+    'views/components/workflows/new-tile-step',
+    'views/components/workflows/set-tile-value',
+    'views/components/workflows/get-tile-value'
+], function(ko, Workflow, Step) {
+    return ko.components.register('application-area', {
+        viewModel: function(params) {
+            var self = this;
+            params.steps = [
+                {
+                    title: 'Assign Address',
+                    description: 'Assign an address to your application area. Use the address as the default name',
+                    component: 'get-tile-value',
+                    graphid: '336d34e3-53c3-11e9-ba5f-dca90488358a',
+                    nodegroupid: 'e857704a-53d8-11e9-b05a-dca90488358a',
+                    resourceid: null,
+                    tileid: null,
+                    parenttileid: null,
+                    icon: 'fa-envelope'
+                },
+                {
+                    title: 'Assign Name',
+                    description: 'Assign a name to your application area',
+                    component: 'set-tile-value',
+                    graphid: '336d34e3-53c3-11e9-ba5f-dca90488358a',
+                    nodegroupid: 'c5f909b5-53c7-11e9-a3ac-dca90488358a',
+                    resourceid: null,
+                    tileid: null,
+                    parenttileid: null,
+                    icon: 'fa-tag'
+                },
+                {
+                    title: 'Area Map',
+                    description: 'Draw (or select from the Development Area Overlay) the extent of...',
+                    component: 'new-tile-step',
+                    graphid: '336d34e3-53c3-11e9-ba5f-dca90488358a',
+                    nodegroupid: 'eafced66-53d8-11e9-a4e2-dca90488358a',
+                    resourceid: null,
+                    tileid: null,
+                    parenttileid: null,
+                    icon: 'fa-map-marker'
+                },
+                {
+                    title: 'Area Description',
+                    description: 'Describe the Application Area',
+                    component: 'new-tile-step',
+                    graphid: '336d34e3-53c3-11e9-ba5f-dca90488358a',
+                    nodegroupid: '63cdcf0f-53da-11e9-8340-dca90488358a',
+                    resourceid: null,
+                    tileid: null,
+                    parenttileid: null,
+                    icon: 'fa-clipboard'
+                },
+                {
+                    title: 'Area Designations',
+                    description: 'Select the Application Area designations',
+                    component: 'new-tile-step',
+                    graphid: '336d34e3-53c3-11e9-ba5f-dca90488358a',
+                    nodegroupid: 'e19fe3a1-6d22-11e9-98bf-dca90488358a',
+                    resourceid: null,
+                    tileid: null,
+                    parenttileid: null,
+                    icon: 'fa-bookmark'
+                }
+            ];
+
+            Workflow.apply(this, [params]);
+
+            this.next = function(){
+                var previousStep;
+                var activeStep = self.activeStep();
+                if (activeStep && activeStep.complete() && activeStep._index < self.steps.length - 1) {
+                    this.updateUrl(activeStep, 'forward')
+                    self.previousStep = activeStep;
+                    self.activeStep(self.steps[activeStep._index+1]);
+                    self.activeStep().resourceid = self.previousStep.resourceid
+                }
+            };
+            self.ready(true);
+        },
+        template: { require: 'text!templates/views/components/plugins/application-area.htm' }
+    });
+});
diff --git a/consultations_prj/templates/views/components/plugins/application-area.htm b/consultations_prj/templates/views/components/plugins/application-area.htm
new file mode 100644
index 000000000..e2c360f69
--- /dev/null
+++ b/consultations_prj/templates/views/components/plugins/application-area.htm
@@ -0,0 +1,2 @@
+{% extends "views/components/plugins/workflow.htm" %}
+{% load i18n %}