Skip to content

This issue was moved to a discussion.

You can continue the conversation there. Go to discussion →

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Angel City Jazz Festival landing page] Evaluate content and display #2

Closed
11 tasks
gusaus opened this issue Jul 7, 2020 · 53 comments
Closed
11 tasks

[Angel City Jazz Festival landing page] Evaluate content and display #2

gusaus opened this issue Jul 7, 2020 · 53 comments
Assignees
@gusaus
Milestone
Phase I Launch

Comments

@gusaus
Copy link
Contributor

gusaus commented Jul 7, 2020 •
edited
Loading

Here's a running list of elements we want on the Angel City Jazz landing page. We'll update this based on subsequent discussion and feedback here in the comments.
http://box2342.temp.domains/~angeldd8/angel-city-jazz-fest/

Section one

Angel City Jazz Festival - Angel City Jazz 2020-08-17 16-32-03

Elements

  • Full size image

Review

  • Margins and padding

Section two

Angel City Jazz Festival - Angel City Jazz 2020-08-17 16-41-41

Elements

  • 2020 VR Festival Line-Up - Shortcode displaying all events scheduled in for October

Review

  • Make sure we're displaying the correct content
  • Margins and padding

Section three

Angel City Jazz Festival - Angel City Jazz 2020-08-17 16-47-09
Angel City Jazz Festival - Angel City Jazz 2020-08-17 16-48-29

Elements
Columns contained in a cover with the following:

  • Left column
    • festival description-
    • social links and artwork
  • Right column - blocks/groups containing the following
    • production description
    • spotifiy embed
    • newsletter signup
    • Get invovled

Review

  • proof copy
  • Make sure we're displaying the correct content
  • Margins and padding

Section four

Angel City Jazz Festival - Angel City Jazz 2020-08-17 17-18-19
Angel City Jazz Festival - Angel City Jazz 2020-08-17 17-19-02

Elements
Columns contained in a cover with the following:

  • Left column
    • Watch - Block with upcoming streaming shows (when available) / grid of featured videos from current and past festivals
  • Right column - Programs - list of links to previous programs (PDF)

Review

  • Margins and padding - the margins/padding in the programs block still needs work

Section five

Angel City Jazz Festival - Angel City Jazz 2020-08-17 17-08-02

Elements

Review

  • Margins and padding

Section six

Angel City Jazz Festival - Angel City Jazz 2020-08-17 17-09-28

Elements

  • Partners/Funders - grid of partner/funder logos

Review

  • Margins and padding
@gusaus
Copy link
Contributor Author

gusaus commented Jul 7, 2020

As mentioned in this comment #1 (comment), I'm not totally sure the logos work - even if they're exactly the same size - think something closer to the previous format (pullquotes and possibly a list) is more effective and visually appealing. 

This is what you'd see on an iPad
Screen Shot 2020-07-07 at 11 27 11

@roccosomazzi
Copy link

I didn't really like the list as the titles are too long and need to be cut. WHat if we use thumbnail images from the articles instead of the logos?

@gusaus
Copy link
Contributor Author

gusaus commented Jul 7, 2020

I didn't really like the list as the titles are too long and need to be cut. WHat if we use thumbnail images from the articles instead of the logos?

A list of titles are going to be the same regardless of if they are external or not. Not sure cutting would be necessary.

What about just having pullquotes for each?

Problem with thumbnail images (similar to logos) is the size/quality is inconsistent.

I'll dig up some instructions resizing the images and tweaking the captions - here's what I've found just by playing around -
Edit Page ‹ Angel City Jazz — WordPress 2020-07-07 12-31-58

@gusaus
Copy link
Contributor Author

gusaus commented Jul 7, 2020

@roccosomazzi As noted in #3, the "2020 VR Festival Artists" block is displaying posts, not artist pages. So this type of block would work well for all the artist interviews done by LeRoy.

In addition, I'm assuming we'll want to have some sort of calendar block to display all the ACJ festival events.

Since the interviews aren't happening until Sept (right?), we won't have posts for each artist by launch. Were we planning on launching before we had all the event details locked down (i.e. event pages?) or when we had the artists confirmed?

If the latter, I'll need to format and display artist pages similar to how we're displaying in the "2020 VR Festival Artists" block.

Does that make sense?

@gusaus
Copy link
Contributor Author

gusaus commented Jul 8, 2020

@roccosomazzi Here's a quick mockup of a marginless layout with pullquotes linking to the external articles - the colors, backgrounds, column widths, etc. would need to be tweaked, but this should provide a general idea -
https://stage-angelcityjazz.pantheonsite.io/angel-city-jazz-fest/

If you'd rather have the margins between columns and blocks like https://content-angelcityjazz.pantheonsite.io/angel-city-jazz-fest/, I can reformat that page and adjust some of the css that is currently affecting the margins.

We can also use css to adjust the padding and alignment rather than adding the spacers.

Just let me know what your preference is regarding margins.

@roccosomazzi
Copy link

roccosomazzi commented Jul 8, 2020 via email

@gusaus
Copy link
Contributor Author

gusaus commented Jul 8, 2020

I'll keep working on this instance so I don't step on any of your changes -
https://stage-angelcityjazz.pantheonsite.io/angel-city-jazz-fest/

I need to dig into the past programs layout and make it look better on mobile.

Also note I changed the header setting so the social links also show up top - will need to play with css but let me know if this works.

More info on those settings are here https://newspack.pub/support/themes/customizing-the-header/

@roccosomazzi
Copy link

roccosomazzi commented Jul 8, 2020 via email

@gusaus
Copy link
Contributor Author

gusaus commented Jul 8, 2020

@roccosomazzi Looks like we may have been editing the same page at the same time. I duplicated the page and just copied in my changes to the existing landing page https://content-angelcityjazz.pantheonsite.io/angel-city-jazz-fest/

Looks like you might be editing the one that I drafted - https://content-angelcityjazz.pantheonsite.io/angel-city-jazz-festival-newpage/

I have everything backed up on another dev instance, just in case there was something lost on the updated page.

Sorry about that!

@roccosomazzi
Copy link

Thought of a layout change:

  • the homepage first block should be for the ACJF with buttons on it that leads to the main fest page and/or schedule, artists, etc. I mocked it up to see how it feels. This way we do not need to repeat the membership and get involved blocks. They will be only on the main page.

@gusaus
Copy link
Contributor Author

gusaus commented Jul 8, 2020

the homepage first block should be for the ACJF with buttons on it that leads to the main fest page and/or schedule

Interesting idea https://content-angelcityjazz.pantheonsite.io/! Think we could add a few blocks for featured artists, news, and upcoming festival events/tickets on the front page.

I'll create another issue to focus on the front page.

@roccosomazzi
Copy link

roccosomazzi commented Jul 8, 2020 via email

@gusaus
Copy link
Contributor Author

gusaus commented Jul 8, 2020

The same one - https://content-angelcityjazz.pantheonsite.io/angel-city-jazz-fest/

Note the layout (columns, alignment, margins, padding, etc) is still a work in progress and something that can be improved with css. Probably best for you to log tweaks you'd like to see and I'll make them.

Similar thing for blocks and widgets - there may be other elements we'll want to add, but it will take a bit of css or theming to get them right.

This was referenced Jul 8, 2020
Closed
Closed
@roccosomazzi
Copy link

roccosomazzi commented Jul 30, 2020 via email

@gusaus
Copy link
Contributor Author

gusaus commented Jul 30, 2020

I'm not sure the layout and placement of the about section totally works. For one thing I think we should have the 2020 VR Festival Line-Up span the entire top column then possibly have the about copy split in a couple columns below. I can create an alternate display on the theming instance while I clean up the theme.

@roccosomazzi
Copy link

roccosomazzi commented Jul 30, 2020 via email

@gusaus gusaus mentioned this issue Jul 30, 2020
Closed
7 tasks
@gusaus
Copy link
Contributor Author

gusaus commented Jul 30, 2020

Here's an evolving alternate view on https://stage-angelcityjazz.pantheonsite.io/angel-city-jazz-fest/

  • I think the entire lineup looks better and more prominent spanning the top container - we can add links for RSVP and tickets (when they become available) for each
  • Think all information about the festival looks better spanning the entire page but broken up in columns; also moved the newsletter signup - if there's a separate mailing list for the 2020 festival (like a RSVP list) we could add it there. Might also make sense to add the production info that's currently in the events sidebar - https://stage-angelcityjazz.pantheonsite.io/calendar/anthony-fung/

If you like the general look/layout, I'll copy over to the content site and then you can fine tune.

@roccosomazzi
Copy link

roccosomazzi commented Jul 31, 2020 via email

@roccosomazzi
Copy link

roccosomazzi commented Jul 31, 2020 via email

@gusaus
Copy link
Contributor Author

gusaus commented Jul 31, 2020

If something like this seems good I'll add to the content site and then we can refine -
https://stage-angelcityjazz.pantheonsite.io/angel-city-jazz-fest/

Angel City Jazz Festival - Angel City Jazz 2020-07-31 11-59-33

@roccosomazzi
Copy link

roccosomazzi commented Jul 31, 2020 via email

@gusaus
Copy link
Contributor Author

gusaus commented Jul 31, 2020

I copied it over - couple additional things -

  • the cover image probably shouldn't display credits or a caption (I removed); might be good to have some sort of credit block on the site or possibly this page.
  • the posts in the Watch block also appear in the 'Archival Videos' section of https://content-angelcityjazz.pantheonsite.io/explorations/; assuming this landing page should focus on the 2020 fest, what if we only displayed the video posts from this year's fest as they become available. does that kinda make sense?

@gusaus
Copy link
Contributor Author

gusaus commented Aug 5, 2020

As noted in the other issues, the extra spacing doesn't really look good... especially on a mobile device -

Mozilla Firefox 2020-08-05 14-04-01

Best to remove the manual spacers (which I'm doing) and then add padding/margins via CSS.

Personally I think the landing pages look best without any space between the cover and first bit of content - like how it looks w/o the manual spacer -
Mozilla Firefox 2020-08-05 14-12-28

@gusaus
Copy link
Contributor Author

gusaus commented Aug 10, 2020

Following up on #4 (comment) -

For whatever reason, the apostrophe wasn't formatting properly. Also made a slight tweak to "...was conceived in 2008 as a vehicle to present the best music happening in the contemporary West Coast jazz scene" - changed "as vehicle" to "as a vehicle".

@gusaus gusaus added this to the Phase I Launch milestone Aug 13, 2020
@gusaus
Copy link
Contributor Author

gusaus commented Sep 22, 2020

Following up on #5 (comment), are you thinking just adding a button or embedding the trailer? If not embed, maybe a block similar to these others?

Angel City Jazz Festival - Angel City Jazz 2020-09-22 13-55-35

Probably could just duplicate the Get involved block and edit -
https://angelcityjazz.com/staging/6049/angel-city-jazz-fest/

@roccosomazzi
Copy link

roccosomazzi commented Sep 22, 2020 via email

@gusaus
Copy link
Contributor Author

gusaus commented Sep 22, 2020

...or we could put the button(s) in one of the blocks -
https://angelcityjazz.com/staging/6049/angel-city-jazz-fest/

Angel City Jazz Festival - Angel City Jazz 2020-09-22 16-54-33

Easy to implement either way.

@roccosomazzi
Copy link

roccosomazzi commented Sep 23, 2020 via email

@gusaus
Copy link
Contributor Author

gusaus commented Sep 23, 2020

ok - and there's still ample room for another button if we get VeeR sorted out

@gusaus
Copy link
Contributor Author

gusaus commented Sep 24, 2020

Vimeo button is live on https://angelcityjazz.com/angel-city-jazz-fest/

Really recommend we switch out the video grid (to #5 (comment)) - could do tomorrow if you could push back the PR 'till Friday AM.

@gusaus
Copy link
Contributor Author

gusaus commented Sep 25, 2020

Do you notice anything different on https://angelcityjazz.com/staging/6049/angel-city-jazz-fest/?

@roccosomazzi
Copy link

roccosomazzi commented Sep 25, 2020 via email

@roccosomazzi
Copy link

roccosomazzi commented Sep 25, 2020 via email

@gusaus
Copy link
Contributor Author

gusaus commented Sep 25, 2020 via email

@gusaus
Copy link
Contributor Author

gusaus commented Sep 25, 2020

Not sure where the metadata came from - is this what you want to display or just the video?

Edit Page ‹ Angel City Jazz — WordPress 2020-09-25 13-15-13

@roccosomazzi
Copy link

roccosomazzi commented Sep 25, 2020 via email

@gusaus
Copy link
Contributor Author

gusaus commented Sep 25, 2020

This is what it looks like as a simple embed - does that padding seem right?
https://angelcityjazz.com/staging/6049/angel-city-jazz-fest/

BTW - the trailer is amazing!!!!

@roccosomazzi
Copy link

roccosomazzi commented Sep 25, 2020 via email

@gusaus
Copy link
Contributor Author

gusaus commented Sep 26, 2020

I took out some of the extra padding in the column - also made the first paragraph italic (which I guess was previously H2) - feel free to revise -
https://angelcityjazz.com/angel-city-jazz-fest/

Following up on the updated grid - what don't you like? What if we took out the video release date bit and just listed the date?
https://angelcityjazz.com/staging/6049/angel-city-jazz-fest/

We could also display over the image similar to the Archival Videos section -
https://angelcityjazz.com/staging/6049/explorations/

The current display would be great if the images didn't take so long to resize and load.

@roccosomazzi
Copy link

roccosomazzi commented Sep 26, 2020 via email

@gusaus
Copy link
Contributor Author

gusaus commented Oct 8, 2020

In addition to the home page #4 (comment), I created a new grid/page using the same plugin.
https://angelcityjazz.com/angel-city-jazz-fest-new/

There's an increase in performance and more importantly, the slow image/resize issue is much less apparent if noticeable at all. Think we can improve if you're good with swapping this out after making any other adjustments.

@gusaus
Copy link
Contributor Author

gusaus commented Oct 12, 2020

Following up on #4 (comment), what about separating streaming and upcoming events on the festival page? Something like this - https://angelcityjazz.com/staging/6049/angel-city-jazz-fest/

@gusaus gusaus mentioned this issue Oct 27, 2020
Closed
15 tasks
@gusaus gusaus closed this as completed Apr 23, 2021
@gusaus
Copy link
Contributor Author

gusaus commented Sep 7, 2021

Hey Rocco - following up on #20 (comment)

I was away during the long weekend. Looks like you were able to make the festival page the home page and added to the policy page and a primary menu item.

Do you still want a pop up or possibly a block that would link to that page? SF Jazz again provides a good example of prominent placement.

https://www.sfjazz.org/

@gusaus gusaus reopened this Sep 7, 2021
@gusaus
Copy link
Contributor Author

gusaus commented Sep 8, 2021

Guess we could also link to the page on each event? Maybe a blurb similar to what the Ford has under the buy tickets link? https://www.theford.com/events/performances/1317/2021-10-14/billy-childs-jazz-chamber-ensemble-featuring-special-guest-dianne-reeves

Let me know if you need help setting something up.

@gusaus
Copy link
Contributor Author

gusaus commented Oct 1, 2021

@angelcityjazz With the festival commencing, I wanna make sure we're listing the events properly. First off, do want the grid to be static on https://angelcityjazz.com/? Similar to what we did last year.

What about https://angelcityjazz.com/events/? Right now that will only display upcoming events.

Let me know and I'll make any necessary tweaks.

Wishing I was there!

@gusaus gusaus closed this as completed Mar 18, 2023
@gusaus
Copy link
Contributor Author

gusaus commented Jun 11, 2023

@angelcityjazz Reopening this so we can evaluate and sign off on https://acjdev.wpengine.com/angel-city-jazz-fest/

Main thing right now is to make sure we're happy with the general layout and formatting (spacing, colors, etc.).

Do you see any glaring problems or quick changes you'd like to see? Leave a comment and I'll review and work in before pushing to live tonight.

@gusaus gusaus reopened this Jun 11, 2023
@OpenProducer OpenProducer locked and limited conversation to collaborators May 26, 2024
@gusaus gusaus converted this issue into discussion #66 May 26, 2024

This issue was moved to a discussion.

You can continue the conversation there. Go to discussion →

Assignees

@gusaus gusaus

Labels
None yet
Projects
None yet
Milestone
Phase I Launch
Development

No branches or pull requests
2 participants
@gusaus @roccosomazzi