Website Design - Ecommerce

8-15+ Weeks | POA

Let’s talk E-commerce websites. Let’s take you through our process at Mhello Studio.

We are Shopify Partners working with shopify 2.0 to build beautiful infrastructure for ecommerce stores. Our combination of strategically working through your needs including aesthetics and functionality through to recommendations for additional functionality via shopify apps, calls to action placement, optimum visuals, digital asset creation and/or placement, website engagement and content flow, sets us apart from the rest. Our goal is always the UX -user experience, the flow of content and its visual appeal, and preparing websites with SEO in mind. It’s one thing to build a ‘pretty’ website or even a basic functioning one, it’s another thing to create a commerce based digital experience essentially the tool that sells, and markets your brand, business and ultimately product. Our aim is to tell your brand or products story visually, engage your customers with functionality, make purchasing easy, fun and engaging and ultimately converting potential browsing customers to buyers.

Let’s break it down Below are the key elements of our process and project elements.

What it includes:

- Consultation + Questionnaires

- Strategy Plan + Sitemap

- Shopify Set Up

- Layout Design + Customisation

- Product + Collection Set Up

- Integrations

- SEO Best Practices Setup

- Testing On All Devices

- Launch

The Rundown

Ecommerce Set Up

Shopify 2.0
Theme choice and installation and/or trial mode
Import or migration of any assets or data files
Domain setup

Integrations

Google analytics
Socials ie Instagram, Facebook, Tiktok
Facebook Pixel

Website Layout -Sitemap Design

Sitemap layout
Website Flow Map
Sections & Digital Storytelling timeline
Customised sections & App suggestions

Backend Set Up

Payment gateways ie Shop pay, Paypal, Afterpay etc
Shopping Cart, Shipping rates & schedules
Generic settings - customisation
Notifications Pages - customisation

Pages Set Up & Customisation

Main menu pages - Home, About us, Contact, Blog, Wholesale (if relevant), Footer Menu
Customised Pages - Shipping, Refunds Policy & Terms & Conditions
Products and collection set up
Customised product pages & pre order pages

Collection & Category Structure

Collections and sub collections including images for mega menu and collection pages
Product tag allocation and keywords
Links to main menu, footer and interpage redirects

Mobile Customisation

Main menu pages - Home, About us, Contact, Blog, Wholesale (if relevant),
Customised Pages - Shipping, Refunds Policy & Terms & Conditions
Footer Menu

Branded Notification Pages Customisation

Customise cart page in line with brand look and feel
Notifications pages set up and branded customisation, including order confirmation, additional invoice, abandoned checkout, customer account invite, account password settings etc
All contact pages, payment and shipping notification pages

Let’s Look At Some Key Visual Details

Creating the mega menu that navigates the websites contents. Essentially the architecture for the digital navigation system linking collections to products and pages.

= converting browsers to buyers

Creating variants or swatches to showcase range variety, saving browsing time for buyers. Offering more options in one click

= faster conversion.

Creating on brand elements for every inch of one’s ecommerce store. From start to finish a customer knows where and who they are shopping with.

= Brand Awareness

Connecting and customising the payment process. Giving buyers all the options and convenience to pay how they prefer.

= Higher conversion rates

‘It’s all in the details’

mhello studio

The process

Working Together

Insight

Lot’s of questions, and working through the answers, vision of the website, understanding the brand, product and business along with connecting with the client on their desired result.

Strategy

Analysing all the discussion points and mapping the visual, content, flow and structure of the project. Working on the schedule of works and necessary assets and workflow, sitemap structure.

Create

This is where we roll our sleeves up and start the website build. Our strategy is implemented referencing back to all key factors discussed. Customisation and functionality being our focus.

Refine

An important phase of the process where we review and refine down to the pixel and word. We conduct a number of testing phases for responsiveness and viewing on all devices, copy editing, order - cart and payment testing with overall aesthetic & functionality refinement.

Launch

The exciting part of going ‘live’. Preparing links and social share options for your live website and zooming in on the aesthetic aspects of the websites first impressions. Most importantly celebrating the big launch.

Thrive

At mhello studio we want our clients to thrive, and to help with those first few days after a live launch, we check in to make sure everything is running smoothly, and guiding with helpful tips and any unexpected queries.

Inquire now

Frequently Asked Questions

why choose shopify?

We thought the best way to answer this question is th hear from Shopify themselves. Here is they schtick.

Shopify unifies all of your commerce onto a single platform.

With shopify one can sell in multiple places, including web, mobile, in person, brick-and-mortar locations, and pop-up shops and across multiple channels from social media to online marketplaces.

Shopify is completely cloud-based and hosted, which means you can access it from any connected compatible device with an internet connection.

On any given day, a commerce business requires an array of tools to manage products, inventory, payments, and shipping—and they spend a lot of time and money stitching the disparate systems and data together. Shopify groups those technologies together and ensures that you can easily access and integrate any other business tools you need to make Shopify work for your business.

is mhello studio experienced with shopify?

We sure are. We are Shopify Partners and have over a decade of Shopify experience.

We also partner with BringIt Digital often collaborating on more technical ShopifyPlus builds/integrations.

CAN MHELLO STUDIO CUSTOM DESIGN WEBSITE FEATURES

We definitely can. Whether it be the visual on brand presence or highly technical add ons we can build just about anything.

For more custom code based specifications and features we work alongside a tech partner ‘BRINGiT Digital’ to identify and complete these types of projects. We handle everything on our end so there is a streamlined process and nothing left to be lost in translation.

We feel it is important to have tech experts onboard to ensure these customizations are created correctly and sustain a robust integration. While we pride ourselves on attention to detail visually, we know this translates to the digital tech functionality experience too.

DOES MHELLO STUDIO OFFER IMAGE EDITING AND CURATION SERVICES?

Absolutely, in fact we encourage it.

Digital presence is everywhere, brands and businesses need a continuous library of visuals to add to a number of platforms, website, socials, emails the list goes on.

We can create all types of digital assets, and in a number of formats including stills, animated gifs, posters with animation, email signatures, moodboards, website assets for brand storytelling etc.

We also have a secret passion for ‘reworking’ photos. We know that websites require images to sometimes be transformed to ‘fit’. This service falls under our Digital assets and editing page.

HOW LONG DOES A WEBSITE DESIGN PROJECT TAKE TO COMPLETE?

This question can not necessarily be answered in exact terms but to give a guide.

E-Commerce Website - Full build : with moderate customisation - 6-15+ weeks *depending on availability of content and assets and size of project

*For urgent projects that require a fast tracked finish date - we quote on a case by case basis and additional charges may apply depending on workload and supplied assets.

can mhello studio assist in CHOOSING shopify apps and make suggestions?

One of our key roles is to find solutions to any of the ecommerce requirements needed to build and design the website. Over the years we have implemented a number of very useful shopify apps that have helped grown brands, collect useful data, upsell product, provide wholesale pricing and more. This process is worked through in the strategy phase of our process.

CAN MHELLO STUDIO COMPLETE A WEBSITE REFRESH FOR AN EXISTING WEBSITE?

Yes, we have worked to refresh a number of websites in recent years particularly as trends change (covering visual, updates) but more importantly as technology progresses we can add value with updated integrations and capabilities.

For example : Update and refreshing could include - theme updates or complete re-haul, additional customised variation swatches, video integration, customised rewards programs and post purchase upsell apps and additions to mention a few.

DOES MEHLLO STUDIO HAVE A TECH PARTNER?

We certainly do!

For more custom code based specifications and features or Shopify Plus projects with high level integrations or omnichannel big box retail requirements we work alongside our tech partner to identify and complete these types of projects. We handle everything on our end so there is a streamlined process and nothing left to be lost in translation.

We believe this is a must as technology changes at the speed of light and websites need to be kept up to date with robust integrations when needed and tech assistance for functionality design and testing.