TomHaganDesign

Archive

14 Jun

Posted at 17:03h in

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column width="1/4"][/vc_column][vc_column width="1/2"][vc_empty_space][vc_column_text]Making the invisible, visible, this is a generative design project taking local data with a cosmic ray detector to find muons falling to Earth from the exploded stars of distant galaxies – about one every second.   The...

05 Feb

Posted at 23:58h in

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column width="1/4"][/vc_column][vc_column width="1/2"][vc_empty_space][vc_column_text]Nothing is added, only taken away – taking image data from either a live webcam or digital image and reduces it with larger modules of sampled data for creative manipulation.   Similar to how something like a distortion...

17 Jun

Posted at 15:41h in

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column width="1/4"][/vc_column][vc_column width="1/2"][vc_column_text]Coming on to this project I was tasked with completing a logo identity for a band that wasn't quite sure what direction to go in themselves. The first point of call was to brainstorm and discover...

23 May

Posted at 12:38h in

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column width="1/4"][/vc_column][vc_column width="1/2"][vc_empty_space][vc_column_text]I use the intro page to this website as a canvas for javascript creations and experiments…   The idea is to underpin the personality or reputation of what I feel the reason for me being here is, highlighting...

22 May

Posted at 18:50h in

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column width="1/4"][/vc_column][vc_column width="1/2"][vc_empty_space][vc_column_text]A short motion piece visualising an otherwise invisible subatomic particle collision – the contact, the annihilation, and the recreation of matter.   The atoms are general stand-ins and nothing specific and designed to be used in conjunction with...

22 May

Posted at 13:24h in

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column width="1/4"][/vc_column][vc_column width="1/2"][vc_empty_space][vc_column_text]This project was to explore pattern generation, creating a system to endlessly generate patterns in a defined visual language.   Originally inspired from the 10Print pattern sequence, I was captivated with just how the simple glyphs of a...

12 Jan

Posted at 15:32h in

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column width="1/6"][/vc_column][vc_column width="2/3"][vc_empty_space height="64px"][/vc_column][vc_column width="1/6"][/vc_column][/vc_row][vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column width="1/4"][/vc_column][vc_column width="1/2"][vc_empty_space][vc_column_text]Once the symbol and the logotype were finalised, we started planning the artwork for the first single, 'More To Life', taking into account the music...

11 Jan

Posted at 22:50h in

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column width="1/6"][/vc_column][vc_column width="2/3"][vc_empty_space height="64px"][/vc_column][vc_column width="1/6"][/vc_column][/vc_row][vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern" el_class="full-width" z_index=""][vc_column width="1/4"][vc_single_image image="17032" img_size="medium" alignment="center" qode_css_animation=""][/vc_column][vc_column width="1/4"][vc_single_image image="16472" img_size="medium" alignment="center" qode_css_animation=""][/vc_column][vc_column width="1/4"][vc_single_image image="17033" img_size="medium" alignment="center" qode_css_animation=""][/vc_column][vc_column width="1/4"][vc_single_image image="16471" img_size="medium" alignment="center" qode_css_animation=""][/vc_column][/vc_row][vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width"...

25 Oct

Posted at 23:31h in

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column width="1/4"][/vc_column][vc_column width="1/2"][vc_column_text]For this project, we worked to establish a high-energy logo identity for a Twitch Channel targeted for all ages and all game genres while retaining excitement and edge.   To establish this on Twitch, the deliverables necessary were...

02 Jul

Posted at 11:58h in

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column width="1/4"][/vc_column][vc_column width="1/2"][vc_column_text]This project is created in p5.js and you can view the desktop version right now.   I'm still ironing out some glitches in the mobile version but you can see the latest mobile version here. [/vc_column_text][vc_empty_space][/vc_column][vc_column width="1/4"][/vc_column][/vc_row][vc_row css_animation="" row_type="row"...