技術夥伴: Navy FAB - Shopify & Ecommerce Experts
Having already revamped their existing Shopify store through separate freelancers and agencies, Labway Biotech continually found that their overall set up of the site was not user friendly, often being unresponsive and giving the impression of a broken site. Additionally, flexibility to change and scale up website features was relatively low.
The quick fixes implemented by their previous revamps only targeted one item at a time rather than providing a holistic design and implementation – resulting in site bugs as time went on.
After further investigation and understanding of the front-end situation of their Shopify site, we suggested a total site revamp to avoid existing recurring website bugs. From theme selection to general website direction, we worked with the Labway team to provide solutions fit for a bio-tech company.
Additionally, we included customised features fit for their needs – particularly in educating their customers. Overall, the revamp of the website allowed for a more user-friendly experience – both front-end and back- end.
As Labway offers two main variants of their product, SC-3 and SC-3 Plus, the collection page only offers a couple of options to choose from. From a user experience perspective, it would be more appropriate to condense the purchasing steps to allow users to directly add their selected product into the cart. Natively under the chosen Shopify theme, collection pages do not have the option to directly add products to cart. Users must first select the product and enter the product page before they can “Add to Cart” to continue the user flow. As such, the Navy FAB eCommerce team customised “Add to Cart” buttons to appear on the collection page underneath each corresponding product.
Banners on store homepages are useful tools to attract customers to continue browsing and interacting on eCommerce stores. Typically banners will have call to action (CTA) buttons and Shopify themes usually have a set spot where these buttons will be displayed. In the case for Labway, these CTA buttons overlapped with the visuals of the banner making it distracting and difficult to navigate. As a result, the Navy FAB team customised the button positions on each banner to ensure that the CTA was visible and non-offensive on the visual.
To create a new page on Shopify, this can be done via a rich text editor. Simple formatting of text, images, links, audio, and videos can be organised, however for more complex page designs HTML code is required. As Labway’s primary business goals are not only to sell their products to customers but to also educate on their new biotechnology, this “About Us” page was a critical element to their site. Making use of HTML code, the Navy FAB team created a custom page with their company backstory, CTA buttons to learn more from research journals via Labway’s research and reference library, as well as CTA buttons to purchase their products.