Redesign and rebrand one of New Jersey's best creative groups.

Project
Museache

The Metamorphosis

Redefining our brand, purpose, and goals.

Museache, is a group of creative souls who specialize in visual and media arts along with stage design. We're on a mission to solve problems for the DIY art & music community. Well, it didn't start off this way in which it was a blog solely for media consumption. Below is what it used to look like.

It's a beautiful design indeed, but the problem was that we were not cut out to be a traditional blog. Our work outside of the blog was not reflected in our product.

Our approach this time was simply put our work and mission out in the forefront of the site for proper brand communication.

Using Timber

Taking my interests to another level

Using Timber is absolutely amazing. Upstatement, one of my favorite creative agencies, made this tool to make Wordpress development faster and smarter using Twig Template Engine. Using this tool enforced me to adhere to the DRY (don't repeat yourself) and MVC principles in my markup. With the integration of Gulp and SASS, this is an ultimate baby-making experience.

Challenges

Despite how flawless the documentation is, I found pagination to be very difficult to integrate on static pages. For this arrangement of content there was a little twist in plugging the function into the PHP file that renders Twig template. If you have a Home and Blog and you'd like to use pagination on your Blog page try this method:

			
//home.php

$context = Timber::get_context();
$post = new TimberPost();
$context['post'] = $post;

if ( is_front_page() && is_home() ) {
  // Default homepage
} elseif ( is_front_page() ) {
  // static homepage
  $args = array(
      'posts_per_page' => 2
  );
  $context['posts'] = Timber::get_posts($args);

  
} elseif ( is_home() ) {
  // blog page
	$args = array(
      'posts_per_page' => 12
  );

  $args = array_merge( $args, array( 'paged' => $paged ) );
  $context['posts'] = Timber::get_posts($args);
  $context['pagination'] = Timber::get_pagination($args);
  query_posts($args);
  query_posts('paged='.$paged);

} else {
  //everyting else
}

Timber::render(array('page-' . $post->post_name . '.twig', 'page-home.twig'), $context);
			
		

When using the static page arrangement you're using a page template. Since home.php is the first page template page-blog.php functions were only able to be called from there. And it had to be in this logical order for the pagination function to work.

Moving Forward

Lessons and excited for the future

There's nothing like working with these tools to jumpstart your unique identity in a short time. Making the identity with a group of friends you can trust goes even further. I'm excited to build on top of this project and show the world what we're made of.

Technologies Used:

Timber

Wordpress

SASS

Gulp

Credits

Designed by Zahir Ramos and myself

Visit the site