Plug Buyer's Guide on the homepage #1142
Comments
|
|
|
@kristinashu I don't know much about GA but I'm assuming GA on Foundation site will already be able to tell what external site users came from? |
|
Yes @mmmavis, we can see referral site in Buyer's Guide analytics. |
|
Ok so we'll just go off that! |
|
@gideonthomas Talked to Sabrina and she suggested adding in some text before to more elegantly slate the buyer's guide ad in. Here is the proposed design along with the proposed copy: |
|
Design looks good, I would recommend changing the copy to:
Also love @xmatthewx's suggestion of adding the label on the graphic that says "Not your typical advert". @Saallen what do you think of the redpen linked above and the copy (both in the redpen and what I suggest above)? |
|
Is this part of the effect - as this is where the links bring me |
|
ugh, sorry @Saallen, looks like redpen is down. @beccaklam are you able to upload a screenshot for review instead? |
Large/Medium Screens:
Mobile Screens:
|
Assets for build:Background images, logo, mock ups, and psd file can be found here: https://drive.google.com/drive/folders/1QT6nV7mn7ETcCZ0O_l5RhUz4TrDKuQuO?usp=sharing Spacing: Entire ad (for both desktop and mobile has 20px padding all around)
"How Creepy Are You": Zilla Slab SemiBold 25 pt with drop shadow (x:0 y:0 blur size: 25px color #333333 blend mode: multiply opacity:100%) Logo size: width-200px height-37px "Not your typical advertisement": Nunito Sans Regular 12pt, Spacing is 5px padding top and right See the Guide CTA button: Rounded rectangle width-114px height-26px, text is Nunito Sans Bold UPPERCASE 12pt letter-spacing of 10 centered in rounded rectangle |
|
The how creepy is your wish list gets lost when you first scan the page- can you make it more prominent?? |
|
@natalieworth would you be able to change it slightly based on the feedback above? @beccaklam has linked the psd file. |
|
Yeah!
On Sun, Oct 21, 2018 at 11:43 AM Gideon Thomas ***@***.***> wrote:
@natalieworth <https://github.com/natalieworth> would you be able to
change it slightly based on the feedback above? @beccaklam
<https://github.com/beccaklam> has linked the psd file.
—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
<#1142 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/AOL_lxMA-adiplfhP30T8FlA_pG2I2ygks5unMBGgaJpZM4XlUyj>
.
--
Designer, Vancouver
natalie@mozillafoundation.org
|
|
The intention was to make it appear like an ad so that we could skip a lengthy explanation, and be less disruptive to mozfest content. We could drop this approach, but I don't think we need to do that. The "not your typical advertisement" could be nudged up above the image. |
|
Well I seriously thought it was an ad- so Great work ;) |
|
cc @Saallen @xmatthewx @gideonthomas I adjust the colours a bit—so more readable at a small size/ on mobile. Let me know if this works for you |
|
this looks good to me, @natalieworth would you be able to provide the details Becca provides above - about fonts, colors, etc.? |
|
For sure! So I annotated the fonts/ button colour. Pixel spacing measurements that Becca had are the same. I also removed the "not your typical ad" text from the actual ad
|
|
We can also move the "Not your typical advertisement" copy below the add |
|
@gideonthomas Updated placement for the "Not your typical advertisement": |
|
@xmatthewx are you ok with this? ^ |
|
yep! |
|
@gideonthomas Added the background-with-logo files and updated the svg/ added a png version of the logo if needed in the google folder. https://drive.google.com/drive/folders/1QT6nV7mn7ETcCZ0O_l5RhUz4TrDKuQuO?usp=sharing |
|
Opened implementation ticket. Closing this one. Thanks team! |
* Related to #1142 - Added Buyer's Guide ad to homepage * updated copy * fixed hyperlinks
|
Done! |
We'll have a small CTA for the buyer's guide below the theme on the homepage.
cc @mmmavis for awareness
The text was updated successfully, but these errors were encountered: