Loulou e-commerce website

Client Etymon Projects
Author Sönke Roth
Version 1.0

Overview

Etymon Projects have approached LP to provide a proposal and estimate for Loulou’s online shop.

This document aims to provide a scope or work, an estimated cost and offering a tiered solution for short and long terms objectives.

The website will be built on the new Shopify 2.0 platform in order to have a scalable framework and long serving online asset.

Some technical details about the upgrade

While the core admin and backend remain the same, there is a much more modern workflow to publish customised themes on Shopify.

Aside from design being way more flexible, a lot has changed in how the front end works and interacts with the backend data. Simpler in concept, more complex with possibilities.

Particularly the way content is stored and able to be edited as well as significant updates to flexibility for product data. The old way, you could not save content other than basic product data and pages, all of the site’s ‘other’ content (i.e. home page layout, hero sliders, teasers, promotions, blogs etc) were all stored in theme settings that could not be saved anywhere but your live site’s theme. 

Moving forward all content is stored in data files within the themes template, meaning you can very easily launch a basic theme, continue to work on an unpublished theme and then deploy new components once ready without disrupting the live site.

Previously you were working on ‘live’ data and settings that could not be migrated or saved – very time consuming and painful, scary to publish new components without downtime or live bugs etc.

We are very familiar with Shopify, the new workflow is actually much more robust, faster and tidier – again, something we’ve waited a long time for. 

It’s significantly more technical on the dev side, which is great (all deployment done through command line, you know the green screen with the blinking underscore :-).

We feel it would be irresponsible to shove any client into something about to be obsolete for a quick sale.

So the suggested approach is to create a simple, robust theme that you can launch with, then add features on an as needed basis. 

This is a fairly common approach to e-commerce.

Scope of work

We’ve identified the following scope of work. This covers both short term and long term objectives, some of which will need to be defined further based on your input and feedback.

As each component can amount of significant work it is essential to define the ‘must haves’, ‘nice to haves’ and the ‘wait and see’.

Wireframes & UX

DESIGN/UX

Defined by marketing requirements, product offering and e-comm corner stone UX. 

  • home page flow 
  • navigation & sub-navigation 
  • collections (Top level categories views and their filters) 
  • product page 
  • upsell opportunities
  • non-product pages (About, contact, delivery & pickup terms, shipping etc.)

Design and UI 

DESIGN/UX

Design treatment for core UI, typographic treatments, look and feel.

Shopify section blocks

DEVELPOMENT

Customised content modules that can be used on any template.

  • hero module (image, text, call to action)
  • image / text module
  • feature product
  • product collage
  • feature collection
  • call to action
  • multi column

Shopify templates

DEVELPOMENT

Custom HTML/CSS/Javascript and Liquid development of all required Shopify components.

  • collection
  • collection list
  • product views
  • gift card
  • non-product pages
  • cart

Interface components

DEVELPOMENT

  • header / navigation & mega menu
  • dynamic cart
  • footer

Product data

MANAGEMENT

  • Individual product data and custom fields
  • Collection set up, sub navigation, filtering

Transactional & Configurations

MANAGEMENT

  • email templates (order confirmations, refunds, shipping)
  • shipping rules (pick up, delivery pricing tiers etc)
  • gift card and discount codes
  • payment gateway config

3rd party integrations

DEVELPOMENT

 

  • mailing list
  • Google analytics config (cross domain with parent site)

Testing, revisions and deployment

DEVELPOMENT & MANAGMENT

  • de-bugging
  • responsive screen testing
  • content revisions
  • deployment and related workflows

Budget breakdown

This is a broad break down based on the extended feature list and the variation will come down to some details on functionality and in-depth requirements as well as working towards budget and timing expectations.

Design & UX

$2,000  –  $3,500

Development

$7,500  –  $11,500

Management & revisions

$2,500 – $3,500

Totals

$12,000 – $18,500