1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4672],{93710:function(e,t,n){"use strict";n.r(t);var s,i=n(92777),r=n(82262),o=n(45959),c=n(63553),a=n(37247),l=n(59499),g=n(67294),d=n(12511),p=n(47228),m=n(90798),u=(n(84941),n(80550)),h=n(65269),f=n(86074),x=n(85893);function y(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,s=(0,a.Z)(e);if(t){var i=(0,a.Z)(this).constructor;n=Reflect.construct(s,arguments,i)}else n=s.apply(this,arguments);return(0,c.Z)(this,n)}}var j=(s=function(e){(0,o.Z)(n,e);var t=y(n);function n(){return(0,i.Z)(this,n),t.apply(this,arguments)}return(0,r.Z)(n,[{key:"componentDidMount",value:function(){API.trackPage(Constants.pages.projectElectronTrader)}},{key:"render",value:function(){return(0,x.jsxs)(g.Fragment,{children:[(0,x.jsxs)(d.Z,{title:"Electron Connect",canonical:"projects/electron-connect",children:[(0,x.jsx)(p.Z,{clientImage:"/images/clients/white/electron-white.png",projectTitle:"Tapping into the future of the electricity market",projectType:"Responsive Web Application",ProjectServiceListItem:(0,x.jsxs)(g.Fragment,{children:[(0,x.jsx)(m.Ts,{listItemText:"UX design,"}),(0,x.jsx)(m.Ts,{listItemText:"UI design"})]}),className:"hero--electron-connect",projectImage:"/images/projects/electron-connect/1.png",srcSet:"/images/projects/electron-connect/1.png 1x, /images/projects/electron-connect/[email protected] 2x"}),(0,x.jsxs)("div",{className:"container",children:[(0,x.jsxs)("div",{id:"sectionOneTrigger",children:[(0,x.jsx)(u.Ru,{className:"sectionOneAnimation",subTitle:"00 / Overview",description:"Global energy systems are being transformed by the need to reach Net Zero.\n\nToday\u2019s semi-analogue energy management tools are increasingly unable to realise cost and carbon efficiencies in complex systems comprising millions of distributed energy assets.\n\nAs certain regions experience rising network constraints and are forced to curtail, and therefore waste renewable generation, it is increasingly recognised that new solutions are needed to address these market inefficiencies. \n\nThe ElectronConnect platform aims to deliver immediate solutions for local network constraints, enabling the users of the platform themselves to design multiple, repeatable market solutions. \n\nUltimately, the technology will deliver global, system-wide market infrastructure offering opportunities for innovation and efficiency which are not available in the undigitised systems of today.\n"}),(0,x.jsx)(u.Ru,{className:"sectionTwoAnimation",subTitle:"01 / Challenge",description:"Following on from our previous work with Electron for the Trader platform (a \u200b\u200bproof of concept local energy marketplace), which received awards for delivering an outstanding project in renewable energy, we were asked to help design the ElectronConnect product aimed at reorienting & digitising Global energy systems."})]}),(0,x.jsx)(u.ZP,{description:"We reviewed Electron\u2019s initial requirements and wireframes for the product that they had put together and redesigned it from the ground up with UX best practices. We distilled the requirements into tangible UX artefacts such as personas and a low fidelity clickable prototype for all user types.\n",title:"UX Research",imageOne:"/images/projects/electron-connect/3.png",srcSetImageOne:"/images/projects/electron-connect/3.png 1x, /images/projects/electron-connect/[email protected] 2x",ProjectServiceListItem:(0,x.jsxs)(g.Fragment,{children:[(0,x.jsx)(m.Z_,{listItemText:"UX Design"}),(0,x.jsx)(m.Z_,{listItemText:"Personas"}),(0,x.jsx)(m.Z_,{listItemText:"User Journey Maps"}),(0,x.jsx)(m.Z_,{listItemText:"Low Fidelity Prototype"})]})}),(0,x.jsx)(u.ZP,{description:"We built on the previous design system we created for Electron\u2019s Trader platform, adding to the existing components and design language to lay the foundation for the first iteration of the product. ",className:"flex-row-reverse",imageOneclassName:"img__shadow",title:"UI Components",imageOne:"/images/projects/electron-connect/Design system.png",srcSetImageOne:"/images/projects/electron-connect/Design system.png 1x, /images/projects/electron-connect/Design [email protected] 2x",ProjectServiceListItem:(0,x.jsxs)(g.Fragment,{children:[(0,x.jsx)(m.Z_,{listItemText:"UI Design"}),(0,x.jsx)(m.Z_,{listItemText:"Design System"}),(0,x.jsx)(m.Z_,{listItemText:"Data Visualisation"}),(0,x.jsx)(m.Z_,{listItemText:"High Fidelity Clickable Prototype"})]})})]}),(0,x.jsx)(ProjectFullImageSection,{title:"Dashboard UI",subTitle:"UI Design",imageUrl:"/images/projects/electron-connect/2.png",srcSet:"/images/projects/electron-connect/2.png 1x, /images/projects/electron-connect/[email protected] 2x",imageAltText:"Dashboard UI"}),(0,x.jsx)("div",{className:"container sectionFourAnimation",id:"sectionFourTrigger",children:(0,x.jsx)(u.Ru,{subTitle:"02 / Solution",description:"Electron are currently developing the dashboard in house, so once we delivered the design we set up a Zeplin project to easily share our assets and versioned changes with Electron\u2019s developers. We produced a scalable design system and high fidelity prototype that Electron are currently using to build out the first version of ElectronConnect.\n"})}),(0,x.jsx)(f.Z,{})]}),(0,x.jsx)(h.Z,{})]})}}]),n}(g.Component),(0,l.Z)(s,"displayName","TheComponent"),s);t.default=j},8877:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/projects/electron-connect",function(){return n(93710)}])}},function(e){e.O(0,[4885,1664,1616,6568,5269,7035,2049,538,9774,2888,179],(function(){return t=8877,e(e.s=t);var t}));var t=e.O();_N_E=t}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.