Datacom – OnGas website UX/UI redesign
I‘m a Product/UX/UI Designer with solid experience conceptualising and crafting digital products. Working in product strategy, research, facilitation and prototyping with a solid background in interface design.
Digital designer, UI/UX Designer, HTML5 Banners, eDM design and build, website designs
17402
wp-singular,portfolio_page-template-default,single,single-portfolio_page,postid-17402,wp-theme-bridge,bridge-core-3.3.4.6,qode-optimizer-1.0.4,,qode-smooth-scroll-enabled,qode-theme-ver-30.8.8.6,qode-theme-bridge,qode_header_in_grid,qode-portfolio-single-template-3,wpb-js-composer js-comp-ver-8.7.2,vc_responsive,elementor-default,elementor-kit-17653

Datacom – OnGas website UX/UI redesign

About This Project

The next project I worked on at Datacom was the UX/UI design for the new OnGas website. OnGas is one of New Zealand’s largest LPG suppliers, providing bulk, bottled and piped LPG to residential, forklift and commercial customers throughout New Zealand. OnGas identified that their website was dated, difficult to update and provided a poor customer experience.



We started off by holding a 3 day Kickstart workshop with client stakeholders and a select team from Datacom. Over the course of the 3 days we covered:

  • Defining the product vision
  • Understanding business goals and objectives
  • What is the definition of success
  • Understand the OnGas business and pain points of current website
  • Identifying personas/system roles
  • Prioritise high level product features for the new website
  • Customer journey maps
  • High-level process diagrams
  • User story mapping
  • Define MVP and product releases\phases
  • Product roadmap
  • Technical requirements
  • User flows and UX \ UI wireframes



After establishing these details and developing a roadmap of the project. I then started to design and build initial low-fi wireframes in Sketch, based on our UX requirements and findings. These were made into prototypes and uploaded to Invision for presentation to internal stakeholders and then once refined, presented to client stakeholders. Once iterations were complete, I then moved onto developing hi-fi page design, user interface patterns and tablet and mobile layouts. Alongside these I established style guidelines, defined colourways, type styles, asset behaviour and grid systems. Once pages were signed off, I would then upload to Zeplin for developer interaction.


Category
UX/UI Design