Web Development

The website was built using WordPress, a common industry tool for building sites, it provides a large variety of flexibility when it comes to functionality and design. Using a range of my skills I developed the site with an existing theme, alongside some custom code, and used WooCommerce to power the E-Commerce functionalities of the site.

Mobile Development

When developing a website, I always have to consider how the site will look on a mobile device, since this is where the vast majority of web browsing now takes place. Because I usually don’t receive mobile designs from the designers within my job role, it often means I have the creative freedom for the mobile design of the site, although I generally try to keep as close to the desktop designs as possible to keep the cohesion between the desktop and mobile design.

view site

Mobile Development

When developing a website, I always have to consider how the site will look on a mobile device, since this is where the vast majority of web browsing now takes place. Because I usually don’t receive mobile designs from the designers within my job role, it often means I have the creative freedom for the mobile design of the site, although I generally try to keep as close to the desktop designs as possible to keep the cohesion between the desktop and mobile design.

view site

Photography

My other involvement in this project working alongside one of my colleagues was photography. The client required us to photograph several scenes/items across several trips to the café/farm, on the first visit we photographed most of the images of the children playing in the new, custom built, play area which required consent from all parents present, other trips consisted of images of the building, farm animals and available food.

view site

Photography & Video

My other involvement in this project working alongside one of my colleagues was photography and video. The photography for this project was mostly based around the building and its grounds as well as some product images, for example brochures designed and printed by the company.

The video for the project was created for marketing purposes and was also focused around the building and grounds, the video additionally included shots of the team working throughout the office.

view site

Business Card Design

After the development of the logo the client requested designs for business cards featuring the new logo and some of their contact information. The business cards, much like the logo, were created in Adobe Illustrator with constant feedback from the client, the business cards were approved by the client and sent to print the same day.

Since having the business cards printed the client has created a Facebook page to attract business, there has been discussion of designing ad campaigns for Facebook and work has begun on a website for the client.

Web Development

The development of the website took place using the development tool Atom. There are a number of JavaScript plugins in use throughout the website including, jQuery, jQuery Flexslider and Modernizr, these plugins along with animate.css, a css library help to create animations for the content sliding on screen when the user scrolls to a specific point on the page and they are also in use at the top of the page to create a slider showcasing a few local images. Another CSS library in use is Bootstrap, possibly the most used CSS library in the world it is easy to use and helps to create a responsive website.

Advert Mockups

The images for this ad campaign were designed to fit into 2 of the most popular social media in the world, Facebook and Instagram, they are shown here mocked up on both of these platforms. These mockups were created using a Photoshop file however it would also have been possible to mock these up in Facebook’s Creative Hub, this would also have allowed the ads to be transferred to Facebook’s Ad Manager to be set live, however I thought this was unnecessary as the images aren’t going to be in use by Red Bull and if they were it would need to be done under Red Bull’s account.