How We Work | Forge and Smith, Vancouver Web Design Company

No two businesses are alike.

A successful web design is built around your business goals, the needs of your users, and how your audience needs to engage with you wherever they are, on any device.


  • workflow image

    Step 1

    Discovery Meeting

    Getting To Know You & Your Business

    To plan and build the best website possible for your business, we first need to get to know you. You’re the expert on what you do and who you do it for. Our job is to shape that knowledge and apply it to the web.

  • workflow image

    Step 2

    Architecture and Strategy

    Determining the Form & Function

    Now it’s time to assess your existing content and website structure. During this phase we generate a site map to work as a blueprint for the overall structure of your site. This allows us to document functionality and establish what your site users will need where.

  • workflow image

    Step 2

    Style Tiles

    Style Exploration in Colour & Typography

    With strategy and planning well under way, we begin exploring ways to bring your brand online by working with colour palettes, typography and textures. By separating aesthetic choices from content, we’re able to focus on bringing your brand alive on the web.

  • workflow image

    Step 3


    A Working Blueprint of Your Site

    Using a rock-solid grid based HTML5 system, we begin to build out your website architecture, layout templates and content management. You’ll be able to navigate through your site, interacting with working links, menu and forms.

  • workflow image

    Step 4

    Web Designs

    Final Comps, Style Guides & Design Systems

    Taking the prototypes and style tiles, we pull together the final creative vision for your website. From homepage designs and interior style guide, to hover states and typographic styles, we nail down the design systems that will be applied throughout the site.

  • workflow image

    Step 5

    Responsive Theming

    Applying the Designs to Our Responsive Prototype

    Using the latest CSS3 techniques, we dress the prototype with the final theme. We use modular techniques to ensure styles are applied globally and systemically, so that your site is flexible and scalable without any developer intervention. We also ensure it’s cross browser and cross device compatible.

  • workflow image

    Step 6

    Population & Quality Assurance

    Content Migration

    Here’s where we fine tune the site and spearhead population by taking it through a thorough QA process, accomplishing 30% content completion, and squashing any bugs as they come up. We also migrate your existing blog content and help you polish your site to a high gloss.

  • workflow image

    Step 7


    Handing Over the Keys

    This is the most exciting part of the project – handing over control and empowering you with what you need to know to maintain your site. We take as much care in crafting the Dashboard system as we do crafting the front end of your website to ensure you have a smooth, unencumbered content management experience.

  • workflow image

    Step 8

    Site Launch

    Time to Show the World Your New Look

    Now that the content is in and the site has been quality assured and tested, we create a launch plan to archive your old site and release your shiny new one to the public. We ensure analytics are in place and that your site is submitted to the appropriate search engines so it’s ready to work for your business.

  • workflow image


    Digital Strategy

    Building your Brand

    Using the website as a central content hub, we begin the ongoing process of creating new targeted content and supporting it with SEO strategies and social media referral techniques. With a constant and consistent effort your website will impact your business profoundly. See results in our case studies.