Blog | Matthew Lean

weCook – Graduate Project – Promo Trailer

When I was thinking about how I would promote the website I thought the best way might be through a video, highlighting the features of the website. I then started thinking about how this would best be promoted to my target audience of young adults. Thinking about recent advertisement strategies and how best to promote […]

weCook – Graduate Project – Website Design

Figure 1.6:  Navbar initial colour scheme and updated colour and logo design    I decided to change the colour of the brand midway through designing the website. The initial ‘Cornflower blue’ didn’t stand out as much as i’d hoped and didn’t grab my attention. The colour change also made the elements of the header stand […]

weCook – Graduate Project – Branding

Looking at the colour scheme for the project was the first thing I looked into. I find this is the easiest thing to do and gives me a good starting point. With my design I also find that starting with a colour can inspire and start off the design as well as push me to […]

Will Carpenter – By The Front Door [Official Lyric Video]

By The Front Door is one of the songs Will released on his EP – Radio Blues. He asked me if I could create a handwritten lyric video to use for the song.

EU Dota2 Discord Community – UI Website Design

The EU Dota2 Discord Community was founded in the start of 2016. Discord is VoIP (VoiceOverIP) designed for gaming communities. The community website needed to give a clean and modern looking front and also to promote the new forum which was in the process of being created.

eSports Team Raptors – Logo Design

eSports Team Branding A group of my friends wanted a logo and mascot created for a team they were possibly making for an upcoming tournament and asked me if I could put something together for them.

TriUk – Website Design

Black Friday – Homepage Redesign TriUk.com is an eCommerce website which sells bikes and triathlon gear. The main page highlights the newest deals and is the most important page on the site. The page also links to promotions, deals and in-store features which the Yeovil based shop offers.

TriUk – 2016 Catalogue

Near to the end of last year I started with a small team, designing the TriUk 2016 catalogue. The catalogue would be an information point to be handed out at events and in store. The catalogue would contain all the current bike brands of the shop as well as component, tools and clothing used by triathletes.

Foor – Website Design

Website Design Foor is a company which specializes in triathlon wetsuits, the main models are the Foor Classic, Foor Quantum, Foor Quantum 2.4 and the Foor Synflex. When I was on my placement at TriUk I was given the task of redesigning and maintaining the Foor website, updating imagery, links and giving it a more modern […]

Salisbury Cathedral App Project – Design Mockups

After talking with my group about the initial design of and going head with my design idea I then went onto making a slightly more fleshed out design, which showed my new ideas and changes to my initial design. I also went and created all the shapes used in the game for all the questions. […]

Salisbury Cathedral App Project – Initial Idea

After forming a small agency to work in ,we have been discussing our initial ideas and moodboards, which factors of each group members idea’s would work well and should be taken forwards, and how to develop two ideas which best fulfil the clients needs. Initial Idea We had all agreed on developing a game targeting […]

Salisbury Cathedral App Project – Magna Carta

Initial Idea Firstly I started thinking about personal experience with going on trips and outings to places of attraction. With this I thought about quizzes and questionnaires that I answered and other tasks and challenges children would participate in to make the trip more interesting.

Processing 10 – Evaluation & User Testing

After testing my sketch in the Lobby I questioned the individuals who participated in the sketch. I did this to get some feedback on how I could possibly improve with my processing and design and how to present pieces of work in a public place. What did you think about the Interactive Display? -It was […]

Processing 9 – Lobby Test

When testing the final outcome I wanted the audience to not notice they were being filmed straight away. I wanted the piece to be just a screen on its own, almost like a camera just monitoring people who came in and out of the building. This meant that not everyone would see the piece however […]

Processing 8 – The Open CV Library

Open cv is a library you can add do Processing, this is done in the sketch tab and can be used to add a lot of information and add sources to your sketch easily and quickly. I have used the video library in the past this is done either through this tab, or by adding […]

Processing 7 – Tracking Movement

Firstly I started with an example sketch of movement tracking, this allows the camera to visualize only the movement on the screen and make it only show. This is done by using a black and white contrast and showing the moving pixels in white and the background in black. By using this sketch I will […]

Processing 6 – Webcam Processing

Using a webcam in processing allows me to make a sketch much more accessible and interactive than a mouse based interactive sketch. This allows the users to just walk in-front of the camera and see the effects produced by processing on the screen. For my project in processing we were tasked into creating an interactive […]

Processing 5 – Velocity & Gravity

After learning how to make objects inside processing we learn how to add gravity to the sketch. This was again much easier than I thought it would be. It is down to a class called PVector. force = new PVector(0.0, 0.1, 0.0); This makes a new vector each cycle so that a force like gravity […]

Processing 4 – Time for a Sketch

Well you could probably ask processing that, and you can. The time when you think about it is very complex to code. Depending on what time zone you are in the time is different, similarly depending what time of the year and if it’s a leap year it’s also different. So when I first heard […]

Processing 3 – Image Manipulation

For our next lesson in processing we learnt about images and image manipulation. To add an image we name it and put it outside of the draw and setup void areas. With this we can recall the image with the name we give it later on in the draw void. The name I gave to […]

Processing 2 – Simple Drawing Sketch

After learning how the basic layout worked I wanted to create a simple drawing code. After seeing many examples of complex drawing sketches online I wanted to start my way towards creating something more complex. I first however wanted to make this, so started with a similar void setup and then went on to the […]

Processing 1 – Intro

Learning new software is always interesting, spending countless hours on trying to make something work then finally *pop* you realise that you forgot to put in a semi-colon or didn’t properly name something. After all that time you finally make something, something you wanted to make and it comes out just as you wanted, this […]

Dorset Independence

We were set the task of designing an independence poster for Dorset. Due to the fact that Scotland’s Independence was close to this time. When first starting to brainstorm ideas about Dorset we first started to think about all this things that can be represented by Dorset. This included the countryside and outdoors. This point […]

GroupProject: Innovate

The Logo For the channel brief a logo was needed for our company. We first brainstormed ideas for a film and movie review channel. The idea was of a company was an internet based video service which showcased trailers and behind the scenes footage. When coming up with a brand name I wanted to have […]

Motion Typrography

Gravity Trailer For my first motion typography piece I decided to choose the gravity trailer as this could be interesting to do and play around the z-axis and depth of field. I chose to use different colour fonts for each character as this would separate them from each other and make it easier for the […]