Website on Laptop

Composite 2 – CD and Website design

ABOUT:

For this assignment I decided to design both a CD and website for a new musical theatre production called “Rumspringa Break!”. The play is co-written by my brother and some friends. The story is about two Amish twins Hannah and Ruth, who leave the comfort of their strict, sheltered community to explore the outside world for the first time, and things don’t go as planned. Desperate, penniless, and stranded in the big city’s roughest neighbourhood, the naïve sisters must rely on their faith, the outlandish locals, and each other to survive.

 

CD DESIGN CONCEPT:

Rumspringa Break! CD Design

Rumspringa Break! CD Design

The play is full of contrast and I wanted that displayed in the design of the CD. Even the type used in the title of the play uses this contrast. The old English typeface in contrast with the grunge brush lettering. For the design of the CD package I used a desaturated muted grungy image of the twins heading to the city and the derelict home they called home. This is in stark contrast to when you open the CD and have the brightly coloured landscape of the idyllic farm life with open fields and rolling landscapes.

Being that this is a Musical that is currently being workshopped and developed, I wanted to focus more on the creative team than a specific production. Additionally, I decided to go with a more cost-effective approach to the packaging by using a six panelled eco-wallet.

RB apple music

Apple Music MockUP

 

WEBSITE DESIGN:

RB Web-desk

Rumspringa Break! Website Mockup

As mentioned above, this play is still under development so I wanted the focus of the website not to be on a specific production. Thankfully, Rumspringa Break! has been performed on a few occasions, most recently as part of the Toronto Fringe: Next Stage Theatre Festival. This meant that I was able to get some great photos, a video as well as some audio tracks.

I decided that I wanted a one-page scroller so that all the information was easily viewed. Before any I started with any html, I wireframed the basic website layout to make sure all the elements flowed properly. Once I did that, it made it easier to create a full website mock-up in InDesign. For this I used a basic 960-pixel grid to keep all my elements properly aligned. I decided to include a small section about the musical, a section with a video and an audio clip from the musical, images from the most recent production in a lightbox and lastly a section highlighting the creative team involved in creating the Musical.

Once it was all laid out the way I wanted it, that is when I started coding the website. This was the first functional website that I designed and coded from scratch and while it wasn’t easy, I found it very useful and rewarding. When something didn’t work or look the way I wanted it, I enjoyed the challenge of trying to figure out how to resolve the issue. To make the website responsive, I had to make sure that the column system was in percentages that switch to a single column with a media-queries. I also used a slicknav menu (hamburger menu) for mobile users.

RB-FULLSITE

Final Rumspringa Break! Website

Rumspringa Break! Mobile Website

Rumspringa Break! Mobile Website

I found this composite a lot of fun and very challenging at the same time. Carrying many of the design elements in both print and web really kept all the elements cohesive.

InDesign Magazine Assignment

mock-2

InDesign Magazine Assignment

For this assignment I made a magazine about Lego for adult Enthusiasts. To differentiate this magazine from other Lego magazines that are often directed to a more juvenile audience, I decided to go for a more art focused publication. I used a very clean simple look with single bold images and light sans-serif text. I tried to add some playfulness back into the document by staggering the positioning of the columns.  Large margins and lots of white space with a simple colour palette of black and white really allows the focus of the page to be about the imagery.  I sourced the articles from various news sources online and are based on adult Lego usage. Additionally  I tried to create new ads that  kept in line with the theme.

 

mock-2Mock-1

 

 

 

Corporate Identity Assignment – Milestone #1

Eastbay Co. is a leading producer in backpack, luggage and accessories.

Brief background:
Founded in 2006 by two brothers in Toronto, who worked many years for other leading companies in the baggage and accessories industry. They felt that there was a gap in the market for stylish yet practical well build bags. Eastbay is the name of their hometown known for it’s coastal scenery and outdoor adventures.

The target market:
18–35 year olds, middle to high income, students/young professionals, sporty/ adventurous, “hipster”.

Competing Businesses:
Three of Eastbay’s top competitors are: Eastpack, Jansport and Dakine.

eastpack logo

The Eastpak Logo is simple and classic. The bold wordmark is incorporated into a globe image to elude to travel or trekking.

JanSport_logo

The Jansport Logo is just a workmark with tight kerning. Jansport is the largest backpack producer and is quite recognizable.

2000px-Dakine.svg

The Dakine Logo is sleek and cutting edge. It tries to evoke speed and technical innovation.

Creative Considerations:

The products that Eastbay Co. make are produced for a global market place but have options for “regional consideration”. This means that they are able to tweak products to meet regional trends and make the products feel homegrown. The use of materials and textures are updated often. This means the logo needs to be simple and universally accepted as to not to get lost or compete with the vast variety of designs, textures and materials. The idea of nostalgia and locally  play into the fact that the brand was the brainchild of the two brothers from down the road in Eastbay.

The logo is, in 5 words:

• Vintage

• Homegrown

• Adventurous

• Hip

• Practical

Initial Concept Sketches:

 

what is good design?

Design is all around us. We are living in an environment where our interactions are often calculated and designed to evoke feels, spur reactions, promote certain responses and provoke desires.

When design is done well. We often don’t understand the underlying complexities that were involved in creating it. The deference between design and art to me is that design tries to solve for a problem and can have a quantifiable result often, while art is an aesthetic. Design often uses some sort of art and aesthetic to help solve for the problem. How the aesthetic is applied is what makes good and bad design.

Good design often is just as much about what is not included as what is on the page. Just like in architecture it is often harder to design something to appear clean and simple yet still include all relevant and required components. This requires a great amount of planning and coordination prior to implementation of a design.

Having worked in architecture for many years, I am inspired by built forms and physical environments. Just like each site has unique characteristics, each project comes with its own set of challenges and requirements. These constraints often guide the design and provide the opportunity for great design solutions.

Rand