Campaign Design

Within this post I will be exploring all of the designs that myself and my partner Lewis Wainwright have created with design thinking explanation.

The website for the desktop and mobile version can be seen here:

https://www.figma.com/design/zIpQ3xFSqGLt7tjbQntxBf/CFS-WEB-DESIGN?node-id=0-1&t=jgCMC3SgmD7gJMzn-1

Web Design (UI/UX).

Desktop Website.

Figure 1: Home page website created by Lewis Wainwright.
Figure 2: Landing page website created by Lewis Wainwright.
Figure 3: Product listing page created my myself.
Figure 4: Product details page created by myself.

These are the 4 pages that myself and Lewis Wainwright have created for the desktop version with successful additions of buttons, images and text ensuring none of these are too big or too small, finally submitting them to the marketing team where they gave us the green light and we continued to the mobile version.

Mobile Website.

Figure 5: Home page mobile website page created by Lewis Wainwright.
Figure 6: Landing page mobile website page created by Lewis Wainwright.
Figure 7: Product listing page mobile website page created by myself.
Figure 8: Product details mobile website page created by myself.

These are the 4 pages that myself and Lewis Wainwright have created for a mobile device, this was done by successfully resizing all of the components from the desktop version to ensure no buttons, images or text are too big and can successfully please the users.

Social Media Campaign.

Instagram Posts.

Figure 9: Instagram post created by myself.
Figure 10: Instagram post created by myself.
Figure 11: Instagram post created by myself.
Figure 12: Instagram post created by myself.
Figure 13: Instagram post created by myself.

5 Instagram posts have been created that all have the same layout but depicting different colours and shirts to show the users that there is variety within the products they’re able to purchase within the website.

TikTok Posts.

Figure 14: TikTok post created by Lewis Wainwright.
Figure 15: TikTok post created by Lewis Wainwright.

2 TikTok’s have been created to once again enforce the campaign that is being created by us.

Motion and Digital Content.

Figure 16: Website animation 1.
Figure 17: Website animation 2.
Figure 18: Website animation 3.

3 animations were created within my website to show how the website would look fully generated. the first animation was a hover option where the image enlarges, second animation was another hover where a background get generated to indicate what the user is hovering over, and finally the last animation is a button on the mobile website where it plays a quick push animation just how a button acts when pushed in real life. Within all 3 of these animations, the page turns over to the product details page to ensure the user is able to transport themselves from one page to another.

Physical Campaign Outputs.

Figure 19: Billboard created by Lewis Wainwright.
Figure 20: Bus stop created by Lewis Wainwright.
Figure 21: Mural created by Lewis Wainwright.

3 designs have been created all displaying different forms of advertisement for the campaign of “world cup legends”.

Print Campaign Outputs.

Box Mock-up.

Figure 22: Outer layer of box mock-up created by myself.
Figure 23: Inner layer of box mock-up created by myself.
Figure 24: Box mock-up closed created by myself.
Figure 25: Box mock-up opened created by myself.

Brand Card Holder.

Figure 26: Card holder mock-up outer created by myself.
Figure 27: Card holder mock-up inner created by myself.
Figure 28: Card holder mock-up closed created by myself.
Figure 29: Card holder mock-up opened created by myself.

Brand Cards.

Figure 30: Bottom side of brand card created by myself.
Figure 31: Top side of brand card created by myself.

3 mock-ups have been created with branding and using the colour green to enforce the brands image. A simple barcode and website link has been created with the brand logo. On the other hand the box mock-up had the pattern that the marketing team suggested with the brand displayed within the opened box.

Posters.

Figure 32: First poster design created by myself.
Figure 33: Second poster design created by myself.

The posters were created in Adobe Express with different styles such as the first poster dictating different football legends showing different ages of skill, on the other hand a poster of Ronaldo has been created with a withered broken background to give the contrast of modern footballer and vintage background linking the two modern and classic phases of the campaign.

Overview.

Myself and my peer Lewis Wainwright have distributed work between ourselves equally to ensure fairness, with this in mind we also helped one another with any issues that may have occurred to ensure all designs are fit to be used for CFS’s website and the campaign we have created.

Our final outcomes were received positively by the marketing team as we shared our work with them they were very pleased and supportive.

The strengths of my work were effectively creating the website pages for desktop and mobile as a lot of design choices had to be made to make it more appealing than the regular website page that can be visited now. This was successfully done with the help of my peer and the marketing team such as the background which has been mentioned before.

All of my designs have been effective and impactful, this is because my designs included various branding such as on the posters I have added the brand logo to ensure viewers know who this is made for, additionally the campaign 26th world cup branding has also been added to creations such as the TikTok videos to ensure the viewers once again get interested into the campaign and visit the website.

My ideas have been successfully realised across different media platforms by ensuring all of the videos or photos made for Instagram or TikTok had perfect resolutions to fit the frame correctly, this is done to ensure professionalism follows the designs and that the videos are not created in different sizes as viewers might potentially be put off thinking the brand is cheap.