Process

  • 1

    Kickoff meeting + What’s the plan?

    We work with you closely so we know exactly what you want and what you need. This is what you will see since our first meeting.
    You have a vision for your brand; we plan it with you, then we’ll make it grow and shape it for a unique online presence.

  • 2

    The Gentle Arts of Research and Understanding

    Through research, we will analyse thoroughly your industry and your brand, in order to understand who you are, what you need, where you need to go and how to find the right, bespoke solution for your business, with the right balance of creativity, efficient technology, and valuable content.

  • 3

    Information architecture

    The next phase is about IA (Information Architecture), and content; we’ll dissect your website and its content, in order to understand if everything is optimised to work the right way.
    After a quantitative and qualitative analysis, we’ll come up with a site map, a plan for user-friendly features, ideas and gimmicks for a smooth navigation and a scheme that will help us give the project the right design.

  • 4

    SEO, and all the trimmings

    Search Engine Optimization, sitemaps, friendly URLs, meta descriptions, landing pages, and content hierarchy are key to create a website that is both user and Googlefriendly.

  • 5

    Wireframe & HTML templates time!

    It is now time for some UX sketches, which will help us create a wireframe.
    The design system will be visible by now, and it will be possible to define an idea of the functionality.
    Content is paramount, and it should always work the proper way – regardless of design and architectural plans. For this reason, we will provide a set of page tables for key content pages. With this, we will be able to define a hierarchy of contents, to be applied to every area of the website.
    We will also create static HTML templates - in black and white - to demonstrate how the web design works in a browser. If it is a responsive website it will highlight breakpoints of the responsive design.

  • 6

    Let’s get visual

    Whilst the wireframe shows the cold perfection of functionality, the visual design phase is all about style: the branding elements, colour palettes, and typography that will make your website look unique. Together, we will take all the important decisions, from fonts line of dominance to interface details. Static visual mockups will be created to make things look clearer.

  • 7

    “This world is but a Canvas to our imagination”

    A Canvas, i.e. an HTML page where ALL possible styles - headings, sub-headings, paragraphs, links, buttons, tables, etc. – are included, will be created at this point.
    The morphology and anatomy of the page will now appear abundantly crystalline, just like the personality of the system.
    “This world is but a Canvas to our imagination”
    (Henry David Thoreau, REMIXED)

  • 8

    Theme build

    Next, we’ll build a theme, which will be completely functional, and will include: HTML (it adds structure, and will be tested in every browser), CSS (it adds style, and meets W3C standards), and Javascript (it adds interaction).
    The theme will adhere to best practices.

  • 9

    CMS build & template implementation

    We will use a Content Management System to support the technical architecture of the website. We’ll develop all of the site’s elements and configure the eCommerce components. We’ll then integrate the HTML templates into the CMS platform. By the time we’re done, everything will be looking good and working great!

  • 10

    Make it browser, device and bomb-proof

    In order to replicate the same user experience and vibe everywhere, we will make sure all page templates will render in all the most important web browsers and devices, from Apple products to Blackberry and Android systems.

  • 11

    Content migration

    We will also provide support and training for content creators during content migration; content is key, and must be kept alive and sparkling at all times. Remember: content is King, content is Queen as well, and content never sleeps.

  • 12

    UAT, test period and support

    Almost there! User Acceptance Testing (UAT) will help us understand if everything is in its right place, and the requirements we defined at the beginning have been met. Moreover, we will provide support – e.g. in case of bugs and other troubles – and training, making sure you perfectly understand and know how to use your CMS and website.

  • 13

    Go live

    Next step, the launch plan: once we are positive that all the objects were met, we will make the website go live, making sure it is submitted to the right search engines. Moreover: are the web analytics installed and configured? Good. Are you able to understand and decipher the insights, from access to analytics reports? Great.
    Ladies and Gentlemen, we are now ready to go live!

  • 1 Kickoff meeting + What’s the plan?
  • 2 The Gentle Arts of Research and Understanding
  • 3 Information architecture
  • 4 SEO, and all the trimmings
  • 5 Wireframe & HTML templates time!
  • 6 Let’s get visual
  • 7 “This world is but a Canvas to our imagination”
  • 8 Theme build
  • 9 CMS build & template implementation
  • 10 Make it browser, device and bomb-proof
  • 11 Content migration
  • 12 UAT, test period and support
  • 13 Go live