Liquid Vision is a commercial plumbing service, product and solution provider.
The company has a long and respected history in the commercial space.
Their outdated website didn't leverage Google SEO, accessibility, or inclusive design standards. Brand assets were all over the place. They lost access to the website host and had a clunky, horrible WordPress website.
Deliverables
Wireframes and design mockups for key pages.
A style guide outlining the new visual design.
Persona creation for user testing participant recruitment.
Usability testing and user research on the proposed new design, including testing the global navigation changes and usability testing of the 3rd party tool https://www.servicem8.com/au/.
A fully functional website that meets all project requirements.
A plan for ongoing maintenance and updates to the site.
initial concepts ----from Splash to Transact
-
i. iteration
Initially, the LV Team did not want a typical/mainstream commercial big construction digital presence; they were after something more unique and unforgettable.
-
ii. iteration
I loved this image; Phil, on the other hand, questioned its validity as an actual plumbing component. We continued to flesh out and investigate valid alternatives.
-
iii. iteration
The overall user and stakeholder feedback was, "It's too blue!" We concluded that a more mainstream look and feel was most probably the best option.
-
iv. iteration
I guided the team to a more traditional, informational online presence with this new version.
-
v. iteration
A subtle introduction into the hi-fi Wireframes of Liquid Visions expertise in delivering sustainable solutions.
LV Design System.
Persona
Primary content components
Hero
Tile
Tiles
-
Redesigning the existing website to improve its functionality, user experience, SEO ranking & engagement, accessibility standards, and visual design.
Addition of Liquid Visions new service offerings.
Offer the ability for end-users to log work with Liquid Vision via their website on desktop or mobile.
-
To create a modern, user-friendly design that aligns with the client's brand and goals.
To improve the site's navigation and information architecture
To optimize the site for search engines and improve its visibility in search results.To ensure the site is mobile-responsive and performs well on all devices.
To improve the site's loading speed and overall performance
-
Design proposal: 1 weeks.
Wireframes and mockups: 2 weeks.
Development and testing: 2 weeks.
Launch and ongoing maintenance: TBC, dependent on if a CMS is preferable or Tiff to build from scratch
-
Project manager: Tiff.
UX/UI designer: Tiff.
Front-end developer: Tiff.
Back-end developer: Tiff.
Content strategist: Peti & Tiff, with a bit of Phil.Project manager: oversee the project and ensure all milestones are met on time and within budget.
UX/UI designer: create wireframes, mockups, and a style guide for the new design.
Front-end developer: build the site's front-end using HTML, CSS, and JavaScript.
Back-end developer: integrate any necessary third-party tools and build custom functionality as needed.
Content strategist: ensure the site's content is optimised for search engines and aligned with the client's goals.
-
The client will provide all necessary branding materials and content for the site.
The site will be built using a content management system (CMS) such as Wix, and or custom built by Tiff which would involve ongoing maintenance costs on content changes if and when they arise. TBC with Peti and Phil as to their preference.
The client will provide access to any necessary third-party tools and services (e.g. hosting, domain registration, analytics). Godaddy logins and contact with the servicem8 team to integrate and or investigate the product features and benefits to Liquid Vision
-
Delays due to unforeseen technical issues or changes to project requirements.
Content or branding materials provided by the client are not sufficient or do not align with project goals.
Challenges with integrating the third-party tool https://www.servicem8.com/au