Websites and Branding

Having an on­line pres­ence is es­sen­tial for most busi­nesses. A re­spon­sive, brand-aligned mar­ket­ing web­site boosts your cred­i­bil­ity in the in­dus­try, in­forms your tar­get au­di­ence and gives you the tools you need to gain use­ful con­sumer in­sights. A mar­ket­ing web­site gives prod­uct own­ers a way to reach out to an au­di­ence in a way that pushes the brand to its cre­ative limit.

Performance

In gen­eral, the two-to-three sec­ond mark is how long vis­i­tors to your site will want to wait. Longer than this, and vis­i­tors tend to aban­don a site. This means that en­sur­ing your web­site loads light­ning fast is cru­cial.

Responsiveness

More peo­ple than ever are surf­ing the web from a mo­bile de­vice — up to 61% ac­cord­ing to some sta­tis­tics. o ac­com­mo­date for this, we de­sign our web­sites both for desk­top and mo­bile de­vices, us­ing break­points in the stylesheet to switch be­tween dif­fer­ent lay­outs when the browser de­tects par­tic­u­lar view­ports.

SEO

Search en­gine op­ti­mi­sa­tion is key when it comes to dri­ving traf­fic to your site. Broadly, traf­fic can be di­vided into two modes: or­ganic and in­or­ganic. Organic SEO sim­ply refers to the num­ber of users who type a given search term in a browser and click on your web­site from the re­sults page. Inorganic traf­fic de­rives from af­fil­i­ate mar­ket­ing, paid ads and so­cial me­dia sites. Both meth­ods have their place in push­ing you up the search rank­ings.

Security

There are sev­eral ways to keep your web­site safe, such as us­ing HTTPS and en­sur­ing an SSL cer­tifi­cate is in­stalled on your web­site. Limiting user ac­cess to the CMS back­end is an­other way for you to keep your web­site se­cure. Our ex­perts will help you to en­sure your site is se­cure in the eas­i­est way pos­si­ble.

Our Process

Our Website Offerings

+ Add Ons

+Content Writing

  • Content Consultation
  • Archetyping and brand voice
  • Copywriting
  • SEO Friendly

+ Branding

  • Branding Consultation
  • Design sys­tem and guide­lines
  • Logo vari­ants, lock­ups and con­trol
  • Accessibility
  • Visual col­lat­eral (illustrations, video)

+Marketing

  • Search Engine Optimisation
  • Analytics
  • Goal Tracking
  • Unlimited user groups

Apply to Secure Your Spot

We take on a lim­ited num­ber of mar­ket­ing web­sites every month. The pro­jects we choose have to meet min­i­mum re­quire­ments and are then cho­sen on a first in, best dressed ba­sis. Apply here to re­serve your spot.

Key in­clu­sions

5 days de­sign + 2-4 Weeks build

Our base level of­fer­ing al­lo­cates five days to scop­ing your web­site and up to 4 weeks for build. This means that prior to en­gag­ing with us you will ei­ther need to have some copy­writ­ing and con­tent ready to go or be pre­pared to pause scope be­fore the pro­to­type can be fi­nalised.

Bear in mind that paus­ing scopes means that you may not be able to re­sume scop­ing when it is next con­ve­nient for you, as the prod­uct de­signer may have been as­signed to other client work in the mean­time. There may be a de­lay be­fore they can at­tend to your web­site. Therefore, it is highly rec­om­mended that you ei­ther de­vise the con­tent be­fore en­gag­ing with WorkingMouse or pur­chase the con­tent de­vel­op­ment add-on.

Prototype

The pro­to­type you re­ceive dur­ing the de­sign phase is very sim­i­lar to the hi-fi pro­to­types you will have seen dur­ing app de­vel­op­ment. The pro­to­type will closely re­sem­ble the in­tended look and feel of the web­site. The more fi­nalised con­tent you have on hand prior to fi­nal­i­sa­tion, the eas­ier it will be for our de­sign­ers to de­sign a site which ac­com­mo­dates the copy.

The pro­to­type will de­scribe all pages, links and sec­tions found on the web­site. Your web­site can­not move into the build phase un­til you are happy with the pro­to­type, with the pro­viso that our de­sign­ers will build us­ing the hi-fis as a source of truth.

Content Management System

We pro­vide a cus­tom CMS for mar­ket­ing web­sites. The CMS al­lows you to en­ter the site’s ad­min­is­tra­tive back­end and add con­tent with­out hav­ing to touch the source code. Due to the be­spoke na­ture of a CMS, sec­tions or pages which need to be ed­itable in the back­end should be in­di­cated to the de­signer prior to com­menc­ing build. Some com­mon ar­eas which typ­i­cally have CMS in­te­gra­tion in­clude blog pages, ar­ti­cles and pro­ject/​port­fo­lio en­tries.

Deployment

We can de­ploy your new mar­ket­ing web­site to the host server of your choice. The source code for your web­site is held within a se­cure Git repos­i­tory. This al­lows for the web­site to be edited with­out chang­ing the live site.

Using tools like Forestry, com­peted work is then pushed up to the live site. You are re­spon­si­ble for host­ing, how­ever our team of de­vel­op­ers can give you ad­vice on what sort of host­ing would best suit your needs.

Marketing Funnel

Every web­site needs to con­vert. A mar­ket­ing fun­nel is setup to in­crease con­ver­sion rates. There are three key com­po­nents, the first of which is a high value con­tent of­fer. This is some­thing that your vis­i­tors are drawn to­wards. Think about what in­for­ma­tion you have that they don’t - it could be a guide, a book or even a video. The sec­ond com­po­nent is a land­ing page op­ti­mised to con­vert vis­i­tors.

The fi­nal com­po­nent of a mar­ket­ing fun­nel is an of­fer that ex­tracts whether your lead has a need for your prod­uct or ser­vice. This could be a work­shop, a 1-on-1 ses­sion or even a we­bi­nar. The goal is to let your leads progress them­selves down your sales fun­nel. Part of the web­site of­fer­ing is help­ing you cre­ate a mar­ket­ing fun­nel that will con­vert your site vis­i­tors when you’re live.

Source Code

You own the source code for the web­site, which means that once the site has been de­ployed you will be able to edit every part of the web­site at your dis­cre­tion. This could be any­thing from chang­ing con­tent to al­ter­ing styles and scripts. We build our web­site us­ing liq­uid tem­plates (which fol­low HTML syn­tax) and SCSS stylesheets.

Both of these lan­guages are in­dus­try-stan­dard for web de­sign and have plenty of doc­u­men­ta­tion on­line to help you and your team should you wish to edit the code di­rectly. If not, our sup­port ser­vices are al­ways on hand to help.

Hosting Setup

We can de­ploy your web­site to your choice of host­ing provider or give you our best rec­om­men­da­tion. We gen­er­ally build our web­sites us­ing tools like Jekyll and Netlify, which al­low for quick gen­er­a­tion of sta­tic web­sites. More com­plex con­tent man­age­ment sys­tems may re­quire a dif­fer­ent setup, which will need to be ad­dressed dur­ing scope.

At the end of web­site de­vel­op­ment you will have full ac­cess to your site, in­clud­ing the source code. However, not every­one is com­fort­able edit­ing web­sites at this level, which is why we can in­cor­po­rate con­tent man­age­ment into your web­site. Due to the way CMS’ are built, sec­tions which will re­quire ed­its by mem­bers of your team (such as the blog) will need to be iden­ti­fied ahead of time so the de­signer can pro­gram that func­tion­al­ity into the web­site. You can al­ways re­turn at any point to add CMS func­tion­al­ity to other pages or sec­tions.

Mobile Responsive

Your web­site will be mo­bile re­spon­sive such that it will have lay­outs for large, medium and small break­points. This should ac­com­mo­date for most de­vices, how­ever due to the dif­fer­ences be­tween plat­forms, there may be some small changes on rarer sizes. Every ef­fort will be made to keep the look and feel of your web­site ac­ces­si­ble and brand-co­he­sive re­gard­less of the plat­form it is be­ing viewed on.

Depending on your tar­get au­di­ence, you may wish to de­sign mo­bile-first (that is, de­sign­ing your web­site pri­mar­ily for use on mo­bile de­vices). We are happy to pro­vide our de­signs based pri­mar­ily on mo­bile, as long as we are alerted to this ahead of time.

Intellectual Property

As with the source code, you own the in­tel­lec­tual prop­erty of your web­site, such as text, im­ages and orig­i­nal videos. WorkingMouse may ask to dis­play your web­site on its own mar­ket­ing web­site or port­fo­lio but we will never take credit for your work.

Continuous Integration/Continuous Deployment

Continuous in­te­gra­tion/​con­tin­u­ous de­ploy­ment (CI/CD) is im­por­tant in the soft­ware de­vel­op­ment in­dus­try but is some­times for­got­ten when build­ing web­sites. With con­tin­u­ous in­te­gra­tion it’s sim­ple to re­lease a new ver­sion of your site. Netlify, a tool that we utilise dur­ing the build process, can auto pub­lish when you make a change. This is in­cred­i­bly pow­er­ful when it syncs up with a con­tent man­age­ment sys­tem. It means you don’t need to code to get changes live.

Continuous de­ploy­ment means that with every de­ploy your web­site is au­to­mat­i­cally dis­trib­uted to global in­fra­struc­ture around the world. By dis­trib­ut­ing con­tent closer to each web­site vis­i­tor through a nearby server, vis­i­tors ex­pe­ri­ence faster page load­ing times.

FAQs

Copywriting is an add-on ser­vice that we pro­vide. During scop­ing for your mar­ket­ing web­site, you will need to pro­vide the con­tent for the pages on the web­site prior to fi­nal­i­sa­tion of the pro­to­type, and be­fore we start build­ing proper. We can cre­ate SEO-friendly copy for you at an ad­di­tional cost. Blog writ­ing is an­other use­ful way to add value to your site; whilst we do not of­fer this ser­vice at pre­sent, we are happy to pro­vide ad­vice and re­sources on this topic.

Brand ar­che­typ­ing helps to de­fine your brand’s voice. This is im­por­tant be­cause it gives you proven meth­ods to mes­sage your tar­get au­di­ence and en­sures that any con­tent you cre­ate for your brand is con­sis­tent. This proven method to brand­ing and copy­writ­ing has its roots in Jungian psy­chol­ogy and is in use by most Fortune 500 com­pa­nies. Brand ar­che­typ­ing typ­i­cally in­volves an in­tro­duc­tion to the core 12 ar­che­types along with se­lect ac­tiv­i­ties which will help you and your prod­uct team iden­tify the per­son­al­ity and vi­sion for your brand.

The sim­ple an­swer is nei­ther. Inorganic traf­fic is use­ful for boost­ing your web­site’s rank­ing quickly, but has a cost as­so­ci­ated with it and au­di­ences tend to be skep­ti­cal of paid ad­ver­tis­ing. Organic traf­fic gets you long-term re­sults but will re­quire in­vest­ment in terms of labour, since you will need to up­date your web­site reg­u­larly with fresh con­tent (and build a rep­u­ta­tion with other sites who link back to you).

Our team have full-stack de­sign­ers who can ac­com­mo­date re­quests for videos, an­i­ma­tions and the like. Similar to copy­writ­ing, these would be an add-on ser­vice that will lengthen the time of your scope. Depending on your bud­get, you may be in­ter­ested in or­gan­is­ing a 3rd-party ven­dor to as­sist you with this con­tent, in which case our de­sign­ers can give you ad­vice on what to look out for.

Past Marketing Websites

APTUS

APTUS cre­ated a pre-fab­ri­cated con­crete es­ti­ma­tion tool with WorkingMouse. As part of that pro­ject, the APTUS team asked WorkingMouse to build the com­pany a new web­site. The out­come of this was a re­spon­sive web­site that en­gages through video. We linked the forms from the web­site and the de­sign tool with a CRM called pipedrive. This means all en­quiries are in­stantly tracked in the CRM.

Novus

APTUS was so happy with the web­site for Aptus they re­quested WorkingMouse de­sign one for their sis­ter brand, Novus. It was cre­ated for the con­struc­tion in­dus­try, with a strong fo­cus on show­cas­ing past pro­jects.​

SuzanneStays

As an NDIS ap­proved ac­com­mo­da­tion provider, Suzanne Stays is ef­fec­tively the Airbnb of NDIS travel and ac­com­mo­da­tion. ​As the plat­form list­ings are re­quired to be pub­licly ac­ces­si­ble, WM de­signed a seam­less web­site and home­page in­te­gra­tion. ​Aside from the seam­less web ap­pli­ca­tion in­te­gra­tion the en­tire site and sys­tem was de­signed to meet the high­est qual­ity ac­ces­si­bil­ity stan­dard

Tool Protect

Tool Protect cre­ated a mo­bile app with WorkingMouse for tradies to track their tools for in­sur­ance pur­poses. To ac­com­pany this app, we cre­ated a sim­ple one-page land­ing web­site to di­rect users through to down­load the mo­bile app.

Your vi­sion,

our ex­per­tise

Book a strat­egy ses­sion