Web design overview

Menu

Skip to content
  • Home
  • About
    • The Waughpath
    • Design from a Creative Brief
    • Creative print design
    • Terms of service
    • Client Proofing
      • National Weavers Exhibition
  • The work
    • Advertising & Promo
      • Advertising design work
      • Brochure design
      • Poster design
      • T Shirts & other
      • Social Media
      • Writing & Research
    • Brand & identity systems
      • What makes a good logo?
      • Business Naming Service
      • Rename & Rebrand
    • Case studies & awards
      • Bionona brand presentation
    • Corporate communications
    • Illustration
    • Packaging design
    • Photography
      • Classic motorcycle racing photography
        • Burt Munro 2015 Event
      • Composite images
      • Documentary photography
      • Event photography
      • Phil Price Sculpture
      • Photojournalism
        • The right picture: Batavia, old harbour of Jakarta
      • Travel photography
      • Wildlife photography
    • Video production
    • Web Design
      • Energise an image-heavy website
      • Web design overview
  • ARCHIVE
    • Advertising & Promo
    • Identity
      • Vinevax creative brief & presentation
    • Illustration
    • Packaging design
    • Web Design
  • shop
    • Shop Mens
    • Shop Womens
    • Surface Active wildlife art prints
    • About Surface Active Limited Edition Fine Art Prints
    • Surface Active: A Retrospective of New Zealand Printmakers Chrissie Terpstra & Shaun Waugh (1986–2021)
  • Blog
  • Contact

Web design overview

Showcase of MTC Equipment online catalogue website. The three pages portrayed are the homepage, a catalogue overview page and the Ejector Trailer catalogue item page. The three key elements to the responsive online catalogue’s ease of use.
Logo and e-commerce website for supplier of bespoke heavy truck commercial trailers and agricultural trailers
mtc_web-product_hdr_pg-mock_1600
mtc_web-mock_homepg_01
phil_price_web-mock-3pgs
Eight year location photography project documenting Phil Price’s kinetic works, culminating in portfolio website
Eight year location photography project documenting Phil Price’s kinetic works, culminating in portfolio website
Eight year location photography project documenting Phil Price’s kinetic works, culminating in portfolio website
Eight year location photography project documenting Phil Price’s kinetic works, culminating in portfolio website
Eight year location photography project documenting Phil Price’s kinetic works, culminating in portfolio website
Eight year location photography project documenting Phil Price’s kinetic works, culminating in portfolio website
Eight year location photography project documenting Phil Price’s kinetic works, culminating in portfolio website
Eight year location photography project documenting Phil Price’s kinetic works, culminating in portfolio website
Web design, website writing, site build and a custom e-commerce skip hire web-app
Web design, website writing, site build and a custom e-commerce skip hire web-app
container_waste_web_tablet-2
container_waste_web_mock_phone-1
container_waste_web_mock_laptop-1
container_waste_web_tablet-1
container_waste_web_mock_phone-2
Terranova tiling | New identity, web design
Terranova tiling | New identity, web design
A new name, logo & website for tile installation tradies whose niche is award-winning affluent domestic architecture
A new name, logo & website for tile installation tradies whose niche is award-winning affluent domestic architecture
Terranova tiling website iPad mockup of a cascade of 5 pages with the Projects page at the top of the stack.
Web design for attention and information. Photographs are storytellers by their nature—they are the windows into Terranova Tiling’s world. By grouping photos this characteristic is intensified to great advantage. Grouped photos create an environment which draws a reader’s undivided attention. The achievement of catching the interested customer’s eye is impressive. And it’s free. Next the reader clicks the image that catches their eye through to the short descriptive text about the project that has already caught their eye. They drill down to the project slideshow to engage with the project in detail.
Terranova tiling website Laptop mockup of a cascade of 5 pages with the Homepage at the top of the stack.
Terranova tiling | New identity, web design
Eurowood website showcase mockup displaying 3 different site page templates, the homepage, a product catalogue item page and the current projects news / blog page.
Eurowood website showcase.
Home alt. 01a—Woodgrain background total wallpaper effect. Banner slide: “The benefits of a European solid timber build ”.
Home “stencil” type alt. Banner slide 04— Banner slide: “The best of wood: European engineered wood construction.”
Homepage draft.
Velocette Racing New Zealand website, showcase, brand & identity systems design, photography, promotional design and advertising, web design
VRNZ website showcase of three pages
Windsor-Urban web design showcase, three pages from the site displayed in an overlapping composition.
WindsorUrban ‘Streetlight Creator’ web application interface mockup.
A web-app for constructing custom streetlight poles, outreach arms and luminaires
WindsorUrban website example catalogue item page featuring street lighting pole
Superior Hummer Limousines web design showcase
Superior Hummer Limousines Homepage mockup.
Auto Restorations’ web design showcase
Auto Restorations website homepage after redesign, showing Automotive Dreams marketing slideshow and table of links to website feature articles and pages.
Auto Restorations website after. Award winning restorations thumbnail grid and feature image of Talbot Lago award winner
Auto Restorations Ferrari “Panamericana” award winning race car detailed item page with slideshow
Auto Restorations website after redesign. Skilled workforce page interactive mosaic of employees.
The Workshop Facility header page, table of departments and their custom icons
Introducing the new ‘Muscle Cars’ section on the homepage in the Automotive Dreams banner slideshow
Tru-Line Civil website showcase.
Web showcase
Absolute-Proof website 2008 redesign
Absolute-Proof | Product name origination, logo, website, software UI, packaging, advertising and promotion, copywriting.
Absolute-Proof website 1998 launch design
Absolute-Proof digital proofing software product website 1998 launch design
Pionair website redesign 2008
Pionair website redesign 2008

Good web design appeals by communicating visually in attractive and useful ways

AbsoluteProof_logo_radiused_256pxAs a brand builder I approached web design in 1998 with almost two decades of the experience of daily work in graphic design, working alongside great designers in advertising, design, illustration and photography so I was inspired, had a real enthusiasm to design great web experiences. I was inspired to confront the the limits of my knowledge and embrace the future of graphic design. I wanted to use this new media to communicate visually in attractive and useful ways.

My first project was to design the website to launch Absolute-Proof onto the global market, synchronised with the client’s sales trip to the Drupa Print and Media fair in Dusseldorf in June 1998. This project was a collaboration with a web developer in Reykjavik Iceland organised by the client.

Since then I have partnered with web developers on numerous projects, enabling me to offer a full website design and build service. The skills and disciplines I focussed on initially are web graphic design, interface design, user experience design and search engine optimization, the creation of web-formatted imagery and website design prototypes. The interactive design of my sites and creating more intuitive, user-friendly website interfaces are always priority considerations of the front-end (client side) design of my websites.

‘No bad surprises’ web project management

Paying attention to the needs of the web developers I have collaborated with and relevant knowledge and skills based study via books and tutorials has helped my projects, regardless of how large & complex, flow smoothly through the development pipeline because the wire-frames, pixel-perfect layouts, the information architecture and written content spreadsheets I supply the developer are all signed off by the client before a line of the site is coded

Marketing and communications design

Marketing and communications design, researching and identifying what ideas, language and visual communications tools and messages are going to work well for my client’s target market is central to all the websites I have designed. Finding the correct keywords and concepts that relate to the client’s particular audience and area of business activity, then weaving those into the site’s written content or story has yielded tremendous results for my clients’ sites in terms of markedly improving search engine optimisation and maintaining the new standard once reached.

Web authoring skills

Since January 2014 I’ve been building responsive WordPress websites using customised Premium Themes. WordPress sites use responsive design technology so they are guaranteed to look great on dozens of different screen sizes across ‘phablet’, phone, tablet, TVs, desktop, game consoles, and wearables. Screen sizes will always be changing, so it’s crucial that your site is ‘future-proof’—adapts to any screen size today or in the future. (Of course WordPress is not the only provider of responsive design technology.)

From low-cost brochure sites to projects that are more much more complex and expensive, such as very large and diverse product catalogues involving complex data structures that bring coherence to continent sized mind-maps of associated products. I take all of that and the elements of design, the single-minded strategy, the content, and present them in attractive and useful ways.

I have the expertise to make attractive and useful websites that your customers can easily find and provide web design services including;

  • high quality photography (architectural, documentary, location, social, portraiture, product),
  • photo retouching, restoration and composites,
  • custom icons,
  • ecommerce solutions,
  • infographics, maps diagrams and,
  • illustration,
  • UI / UX design, and
  • custom web apps.

Custom Content Management System (CMS) sites

Have partnered with selected web development firms in New Zealand to choose and customise the right CMS for my client’s websites, then project managed through to launch to ensure completion to budget and on-time for every project. The sites showcased are mostly content managed sites I’ve designed then populated with all content.

The Tru-Line Civil site is an exception, it was designed and developed by Dynamic Multi-media. For that project I rebranded Tru-Line with a new logo and brand identity system, shot most of the photos on the site, write most of the content and been responsible for populating and maintaining the site using the cms.

I work closely with my clients and web developers to ensure the process of web design flows smoothly and the site is well organised, visually compelling and very easy to use. These web design projects were all integrated with branding and identity systems design.

As required I follow through web design projects with proper CMS educational and training materials in the form of pdf and HTML ‘Step-by-step’ user guides, ‘site specific’ instructional videos and am happy to provide on-site tutorials if requested. This level of follow-through ensures that, from my client’s point of view, the promise that a content managed website is sold on, is kept.

Search

Select language to translate

Client Industry | Clients | Context | Era | Genre | Subject

Magenta Dot Meta

  • Login
  • RSS
  • Comments RSS

Enter your email address to follow this blog and receive notifications of new posts by email.

Join 329 other subscribers

Join the Dot on Facebook

Join the Dot on Facebook
Follow MagentaDot Brands on WordPress.com
Blog at WordPress.com.
  • Subscribe Subscribed
    • MagentaDot Brands
    • Join 89 other subscribers
    • Already have a WordPress.com account? Log in now.
    • MagentaDot Brands
    • Subscribe Subscribed
    • Sign up
    • Log in
    • Copy shortlink
    • Report this content
    • View post in Reader
    • Manage subscriptions
    • Collapse this bar
 

Loading Comments...