Parts & Service Template

The Toyota Parts & Service team requested a new design for an offer landing page template. Users would land on this page strictly from Google ads or ads from social media channels. The landing page itself features either national or regional offers that would be redeemed at Toyota dealerships.

Design

The team considered all the needs of the client and broke the template up into modules. The advantage of the modular approach is a highly flexible template that can accommodate varying lengths and different types of content.

Different modules shown for page template

<br /> <b>Warning</b>: Use of undefined constant alt - assumed 'alt' (this will throw an Error in a future version of PHP) in <b>/nfs/c12/h01/mnt/211492/domains/wux.io/html/wuxio/wp-content/themes/wuxio/template-parts/content-single.php</b> on line <b>114</b><br /> Masthead
01 Masthead
The masthead is flexible enough to accommodate different content types
<br /> <b>Warning</b>: Use of undefined constant alt - assumed 'alt' (this will throw an Error in a future version of PHP) in <b>/nfs/c12/h01/mnt/211492/domains/wux.io/html/wuxio/wp-content/themes/wuxio/template-parts/content-single.php</b> on line <b>114</b><br /> Offers
02 Offers
The offers module may contain multiple variations of an offer — different tire brands available for a tire discount
<br /> <b>Warning</b>: Use of undefined constant alt - assumed 'alt' (this will throw an Error in a future version of PHP) in <b>/nfs/c12/h01/mnt/211492/domains/wux.io/html/wuxio/wp-content/themes/wuxio/template-parts/content-single.php</b> on line <b>114</b><br /> Dealers
03 Dealers
The dealers module is a reference of all nearby dealers participating in the offer
<br /> <b>Warning</b>: Use of undefined constant alt - assumed 'alt' (this will throw an Error in a future version of PHP) in <b>/nfs/c12/h01/mnt/211492/domains/wux.io/html/wuxio/wp-content/themes/wuxio/template-parts/content-single.php</b> on line <b>114</b><br /> Marketing
04 Marketing
The marketing section displays media and copy promoting the offer details
Previous Next

The result was 3 different output types based on varying levels of content — full, progressive, and minimal.

Overview of 3 output types
Overview shows the output of the template based on varying levels of content

Hi-Fidelity Comps

After the direction was approved by the client, the visual team created hi-fidelity comps for a sample output.

Desktop landing page with an image in masthead

Desktop landing page with text only masthead

Desktop landing page with video masthead

Mobile landing page with an image in masthead

Mobile landing page with text only masthead

Mobile landing page with video masthead