SITE LAYOUT / MOCKUP - BLOG

[patheid]

@chrismulhern @chrisfireoved @zandert @seanpdoyle

Dudes,

Peep the attached two files. I've made a lot of changes and done a lot of reorganizing as far as the site goes... Since the view master idea will be for the future, I really began to break down how I feel the site should be presented, based on importance of content. The mockup shows some real rough imagery, but I wanted to get a feel going. Obviously a lot needs to be adjusted, but I was really just trying to nail down the placement for specific content... The schematic jpg breaks down all of the different elements and begins to explain some of the deeper areas and how they should work.

I'm gonna let you guys peep this, and see if you can make sense of the organization of content. Note: The top header will always remain at the top of the page, and highlight the current project's ("season"/collection) feature video or whatever it may be... each pages content will be below, which allows each page to utilize that space in different ways. The home page (blog), is where I decided to combine the blog, castequality insta and tumbler's. Visual will be the combined tumblr's from everyone we want to include, video, etc. That shouldn't be hard to solve. Getting the store in here is going to be tricky, so we'll tackle it in the coming weeks, especially after we have product and images to work with..

Let me know your thoughts, but please be mindful of our time. The look and feel can be adjusted as we get things going.

[chrisfireoved]

I like it. I like that is is very visual, there is a lot going on but not too busy. I think this gives us a great field to incorporate something more complex, like the wheel in the future. As far as the store goes, maybe we can have the lookbook style shots of the product in the project section like we talked about, then have a link to the store, which forwards the user to our bigcartel site, much like the 43magazine site. For now, we can use this and as time moves on, we don't have such a crucial deadline AND we can see the response of our users. We can re-do the site and continually improve. As of now, we basically have zero time. I think this design is awesome and can be an interesting page to navigate though. I say, go with this, utilize placeholder images and placeholder text and literally get the site up and going. From there we can replace the placeholder imgaes with our own images (photos/product shots/video links) as they come in over the next 2/3 weeks. Can we shoot for FEB 8th? Is this unrealistic? Let's make moves. xx

[seanpdoyle]

@patheid @chrisfireoved

For the central blog, which is the "special" tumblr? Which tumblrs are the others?

Does the tumblr feed on the left only contain photos? where are they coming from and will they not have text?

Same goes for the instagram feed on the bottom right....strictly photos and no text? Also, should it contain only the latest photo that links to another page/our instagram account or should it be a scrollable feed?

[patheid]

Sean,

for the central blog, we need to set up a tumblr that well only use for blog posts. that way, the content, which will be more than just photos (could be inspirational videos, event recaps, etc) will be in a separate light than the tumblr feed to the left of the central blog. I want that tumblr feed to be the castequality tumblr we have set up, and will be selected photos from hern or zander, with only a title, no content text. but i really just want to display photos only there, like in the mockup. when you click on a photo, it would be rad to be able to view them larger in a lightbox, and be able to scroll through them. the instagram on bottom right will only be the most recent insta and when you click on it, it will take you to our actual instagram profile page (not within our site...) the link should open in a separate window....

keep me posted on any questions. hope the sizing chart helps out a lot. if you could keep the main content of our site (the 1000px container of content, IE, everything in the schematic) centered in the browser, i think thatd be best. just like the thrasher site, how when you resize the browser, the main content block stays the same size, centered.

thanks

pat

Sent from my iPhone

On Jan 17, 2013, at 9:08 AM, Sean Doyle notifications@github.com wrote:

@patheid @chrisfireoved

For the central blog, which is the "special" tumblr? Which tumblrs are the others?

Does the tumblr feed on the left only contain photos? where are they coming from and will they not have text?

Same goes for the instagram feed on the bottom right....strictly photos and no text? Also, should it contain only the latest photo that links to another page/our instagram account or should it be a scrollable feed?

—
Reply to this email directly or view it on GitHub.

[zandert]

I'm into it too.

MINOR addition is I'd say we should either drop shadow the diff content blocks, or just add a very light border. on the right side. If we're going to have it justified to the left I don't think the left side needs a border, I kind of like it when sites are that way - feels modern. What you think about that slips?

Sean, for the scrolling, as seen in this ex as "suck it easy premier" isn't completely screen, can we have it be a gradient mask so images disappear at the bottom of the windows. Might help it feel more contained.

[patheid]

zank, i was telling sean, i think it would be nice to have all the content ive presented live in that space (1000px wide) and float centered in the browser. that way, when the browser is expanded the edges of all the cont stays central, and the white space expands on both sides... not sure if that was the issue you were presenting... but yea itd look kinda crazed if it expanded to the right and the white space on the right just grew...

Sent from my iPhone

On Jan 17, 2013, at 8:16 PM, zandert notifications@github.com wrote:

I'm into it too.

MINOR addition is I'd say we should either drop shadow the diff content blocks, or just add a ver light border. on the right side. If we're going to have it justified to the left I don't think the left side needs a border, I kind of like it when sites are that way - feels modern. What you think about that slips?

Sean, for the scrolling, as seen in this ex as "suck it easy premier" isn't completely screen, can we have it be a gradient mask so images disappear at the bottom of the windows. Might help it feel more contained.

—
Reply to this email directly or view it on GitHub.

[zandert]

cool, done. yeah I'm into that. yeah that's what I was commenting on.

you think we should have some sort of visual container to the edges? even if it's just vertical lines I think it'd help

[patheid]

Yo, So here are some schematics and descriptions for the Project, Visual, and Stockists pages... I'm going to add some dummy images to the server to mess with for the Project page. Hit me with any questions...

[patheid]

**That "20 px" pop-out in the "Visual mockup" isn't supposed to be there, disregard that..

[seanpdoyle]

@chrismulhern @chrisfireoved @zandert @patheid

This is the new GitHub repo, now under the Castequality organization

Everything code wise can stay the same. @patheid, you can still make changes and push to my fork of the repo (which is the same url as before). The only difference is for the rest of you, as issue and whatnot will belong to this page instead.

[seanpdoyle]

getting there, one piece at a time.

[patheid]

hell yea!

Sent from my iPhone

On Jan 22, 2013, at 1:41 AM, Sean Doyle notifications@github.com wrote:

getting there, one piece at a time.

—
Reply to this email directly or view it on GitHub.

[chrisfireoved]

I can't thank you enough Sean, it looks amazing. So stoked to see the final product

On 22 janv. 2013, at 01:41, Sean Doyle notifications@github.com wrote:

getting there, one piece at a time.

—
Reply to this email directly or view it on GitHub.

[seanpdoyle]

More Progress

The Photos on the left and the top right are filler/placeholder photos from images/placeholders/...jpg

Left Feed

Could one of you point me towards the tumblr page where I'll be pulling for the left side feed? (currently camo/street/Jeb)

@chrisfireoved if the castequality tumblr is the one that the photo feed comes from, whats separating that account from the blog feed? Is the blog the one thats getting merged from multiple tumblr accounts? How about the photo feed on the left gets populated from the castequality tumblr by making photo posts, while the blog gets updated from the tumblr via text posts. Theres a disinct difference in tumblr between photo posts and blog posts, right?

Right Featured Photo

Also, where do you plan on changing/updating the products so that I can pull from the 'featured product' for the photo (currently @chrisfireoved in a white tee)

Right Insta Photo

FYI, the Insta picture is genuine.
@chrisfireoved this means that its pulling from the actual insta services, and will change depending on the top photo from our insta stack.

TODO

Center

@chrismulhern @chrisfireoved Could we make blog posts with photos in the right dimensions so that we can see what they look like?

[chrisfireoved]

Sean, the site looks fucking awesome, I'm really stoked on how it's coming along. As far as the tumblr goes, any of us can log in using either

info@castequality.com OR
chris@castequality.com if you like
PW- beantown1

As far as products go, when we shoot those photos, we can give them directly to you to post OR we can put them elsewhere if its easier. We'll be shooting them all at once and not really changing them. (At least for a few months) the product shots won't be a constant updating thing like, for example, the blog. SO, within the next week (or 2 depending on when we receive our labels) we'll have appx 28 product photos (6/7 products, 4 photos each). So in the meantime maybe we can just create that section, using those numbers, with placeholder images and when we get the actual product photos we'll just replace em.

Insta looks great, now, say for example we post something new, will it automatically replace it with the most recent one on the site?

As far as the blog, I'll text Hern/gunner/zank to send you something in the right dimensions and we can cue it up on the site.

Thanks again Sean, I'm really stoked at what's to come .xx

On 23 janv. 2013, at 00:09, Sean Doyle notifications@github.com wrote:

More Progress

The Photos on the left and the top right are filler/placeholder photos from images/placeholders/...jpg

Left Feed

Could one of you point me towards the tumblr page where I'll be pulling for the left side feed? (currently camo/street/Jeb)

Right Featured Photo

Also, where do you plan on changing/updating the products so that I can pull from the 'featured product' for the photo (currently @chrisfireoved in a white tee)

Right Insta Photo

FYI, the Insta picture is genuine.

TODO

Center

@chrismulhern @chrisfireoved Could we make blog posts with photos in the right dimensions so that we can see what they look like?

—
Reply to this email directly or view it on GitHub.

[patheid]

@seanpdoyle @chrisfireoved

Left Feed: Sounds good, should be the castequality tumblr feed for sure (the visual page should pull from everyone else who is contributing's tumblr feeds... IE, walt, devon, hern, zander, jeb, me, you, whoever). For the left feed, is it possible to have them expand into lightbox, when you click on the photo? within our home page?

Center feed: So you're saying we can post text blog posts w/ images from our castequality tumblr and have them not show up in the left feed? like they can have separate pulls within one tumblr? I feel like it might be best to just have these "posts" pull from a completely separate tumblr, like casteblog.tumblr.com or something. The posts can be images with captions and titles, just like the left feed, only difference is the center feed displays posts in the format I made in the mockups... And the left feed is completely plain, only images (the captions could then be displayed in the lightbox, but be in a simple format, title, location, year...)

Right product feature: Yea, so these images should be linked to product in our store... This will basically be the only main link on the home page that takes you to the store (big cartel page)... I can upload these to a folder in the server if you want, at the correct size... and then i guess me or you can change the code to have it direct to the specific big cartel link... ?

Let me know if you think we should make a separate tumblr for the center, and just create one... And if all of what I said above is possible... ? You can give me a ring too today if you have any Q's... i'll be chillin working on stuff for a bit. I'm going to create some examples image layouts for the project page, and stockists page.