Updates - Future Horizon Design (2025)

2025

February

New Site Design

Published by Travis

Announcing my new website and visual identity.

Updates - Future Horizon Design (1)

Announcement Image Description

The background is beige with a solid gradient with four steps: light blue, light purple, dark blue, and deep blue.

On the left is the scope filter logo of a telescope fish head with an arrow pointing to the new logo of Future Horizon Design.

The Future Horizon Design logo has a tilde wave shape in blue with a shell illustration. The shell has a dark blue outline, a shadow on the right side, and a grid underneath on the inside with purple colouring.

The new website is a vast improvement (in my opinion), both in terms of design and accessibility. Here are some new features compared to the old site:

Light and Dark Mode

The old website had alternating blocks with inverting colours with no light or dark mode. The new site has media query controlled light and dark modes with alternating background colours that do not invert (exception being the code tag).

If your browser theme is set to dark, you'll see the dark theme. If it's set to light, you'll see the light mode. A description for these is on the About page.

Visible Skip Link

I personally like having visible skip links because:

  • it makes skip links equally visible for all users, not just those using screenreaders or navigating by keyboard
  • no wondering if the site has it or not and only find out after pressing the tab button
  • easier to access on mobile devices if not using a screen reader

For more about this, you can see Bypass Blocks (Level A)

Return to Top Link

The old website did not have Return to Top anchor links. This site does, and it is built into every page using templates. It has a role="navigation" and since it is a repeating block, it is outside the main element. Visually, it is symmetrical with the Skip link in its positioning.

High Contrast Text

This website carries on the tradition of high contrast text. All primary text has a contrast ratio greater than 7:1 which exceeds the WCAG AAA requirement, and all headers exceed 4.5:1 contrast Contrast (Enhanced) (Level AAA).

Large Buttons

The old site had a somewhat clumsy burger menu on mobile. The new site has a simpler linear navigation and all buttons exceed 44px in height (and width). Target Size (Enhanced).

Monochrome Icons

The monochrome isometric icons far exceed the minimum contrast requirements for non-text content (>3:1). The icons are easy to see and also reminescent of old user interfaces that used to be in black and white. Non-text Contrast (Level AA).

Breadcrumbs

Not that this website has a very deep link hierarchy, but to help people find their way around particularly on the Portfolio I've added a breadcrumb list to every page which re-uses the icons from the navigation bar.

Alt Text

The previous website had exceedingly long alt text for graphics or illustrations in the portfolio, in the alt attribute of the img element. The new website has moved long text alternatives to paragraph text instead and delineated from the rest of the content by a fill area, header, and smaller text.

Long text alternatives should be easier to navigate by screenreader and also has additional markup like lists. Decorative images like the background graphics (header and footer waves) are described on the About page.

Accessibility Page

To make even more obvious my commitment to accessibility, I have made a dedicated Accessibility page with a description of my goals and known issues (PDFs are not my friend right now) and work arounds.

Indieweb Markup

I've used Indieweb microformats like h-card and h-entry. The Indieweb is an online community dedicated to owning your own content and publishing it on your website first as a people-focused alternative to the corporate web. This is also one of the reasons why I picked my Mastodon instance as indieweb.social.

I always like having a place online I can call home and mine and microformats help do that by ensuring parts of a page can be better integrated with the rest of the web.

Also, using rel="me" on the social media links on the homepage, this helps assure others of my identity across the web.

The increased amount of bots, deepfakes, and impersonation online is worrying and this is one way of trying to assure people can trust that I am a real person and not some false persona.

No Javascript

Now, Javascript isn't evil, but the last website used a Discord hook for the blog and contact forms and I decided it was better to retire that method. I'm taking a leaf out of Low Tech Magazine's book by letting users submit comments by email instead.

New Web Host

I've moved web hosts from Swish Connect to Serversaurus. Both are Australian web hosts with green credentials, but Serversaurus is also a B-Corp and I want to support businesses that make a positive difference and prove it through independent measurement, evaluation, and action.

XHTML

The new website is written in XHTML5 rather than HTML5. The difference won't be visible unless a page breaks but it did help me learn new coding practices and get me in good habits like checking for valid XHTML markup using Nu Checker.

I'm excited to finally release this website. Hopefully it's a better experience all around. Any questions, do send me an email!

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

Cyanotype Bear Blog Theme

Published by Travis

Sharing my latest project, the Cyanotype Bear Blog Theme.

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

January

RBlind Lemmy Themes

Published by Travis

Sharing my latest project, the RBlind Lemmy Themes.

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

New Website Under Development

Published by Travis

I've been developing a new website behind the scenes, which will involve an altered logo and name and new domain name. I am planning to set up a redirect but I'm giving you all some prior notice. I'm excited about the change, this website, name, and the logo have needed a refresh for awhile. The new site will have a dedicated Accessibility page too.

As a part of the changes, I've renamed my socials to my real life name so there is hopefully less confusion leading up to and after the change. Since a new project I've been working on involves Github and Codeberg, it seems standard practice there to use your full name to publish repositories which is part of the reason for the switch.

As a side note, I updated my Mastodon instance recently from a11y.social to indieweb.social. Although I care about accessibility, the a11y.social instance is small enough that a lot of posts from other instances don't propagate there and the inverse is true - posts coming from a11y.social don't necessarily show up on other instances either. So far there seem to be a lot more active accounts on indieweb.social so I'm glad I made the switch. The hyperlink on the contact page will redirect properly now.

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

2024

November

New Design and IndieWeb Update

Published by Travis

Multimodal Integration

Updates:

  1. New design: Multimodal integration
  2. Indieweb
  3. Social media
  4. Future plans
  5. What's happening

For starters, you can take a look at the new design.

Updates - Future Horizon Design (2)

Image Description

A horizontal canvas with a blue background. Rounded 3d white letters read: multimodal integration. A large glowing white pyramidal neuron with branching arms is in the center.

A firing neuron train crosses the middle of the composition while arcing lines of a cortical brain scan are at the top. Other pyramidal neurons are blurred in the background along with overlaid textures like scan lines.

The bottom right has an artificial intelligence neural network schematic with three layers and text describing the text beneath it. Artificial Network Properties reads: Bayesian inference, feed-forward. The Decision Fusion Algorithms read Kalman fiter and Linear decoder. The Text describing the input layers to the network are:

  • input layer with a linear function with the subtitle weighted sums
  • a middle hidden layer with a tansigmoid function
  • an output layer with a linear function which reads net activation

It is feed forward and fully connected.

New design: Multimodal integration

The new design is an early 2000s style wallpaper with elements of frutiger aero, and since I can't resist textural layering it has that too. I listened to the band Enigma while working on this, they are a mixture of electronic, experimental, and worldbeat. They have an otherworldly sometimes futuristic feeling to their music which I like to think is present in the artwork.

Some visual elements were borrowed from PLOS open source scientific papers (with the exception of one Nature paper which nonetheless shares the same license). Each use the Creative Commons 4.0 license which require attribution and indicating if changes were made. All content was altered for aesthetic and artistic purposes.

It has the following elements:

I re-created the tansigmoid function shape in Python using numpy and matplotlib and exported it as a vector. I don't think the slope factor is identical but it's close enough.

References
  1. Vints, K., Vandael, D., Baatsen, P. et al. Modernization of Golgi staining techniques for high-resolution, 3-dimensional imaging of individual neurons. Sci Rep 9, 130 (2019). https://doi.org/10.1038/s41598-018-37377-x
  2. Wagstyl K, Larocque S, Cucurull G, Lepage C, Cohen JP, et al. (2020) BigBrain 3D atlas of cortical layers: Cortical and laminar thickness gradients diverge in sensory and motor cortices. PLOS Biology 18(4): e3000678. https://doi.org/10.1371/journal.pbio.3000678
  3. White JR, Levy T, Bishop W, Beaty JD (2010) Real-Time Decision Fusion for Multimodal Neural Prosthetic Devices. PLoS ONE 5(3): e9493. https://doi.org/10.1371/journal.pone.0009493
IndieWeb

In terms of the IndieWeb changes, I removed the latest blog post preview from the homepage to give the Updates feed more space. I added the microformats for marking up update feeds and entries which means the homepage and these very entries can be loaded in an RSS reader, so I added context below the RSS icon to explain the difference.

Social media

I have removed the links to my Twitter and Instagram from the Contact page and I will no longer be using those accounts. X being the worst of the two as it is a very hostile to the LGBTQI+ community and I don't want my attention converting ads into fuel toward hate campaigns or lobbying. Instagram operates under Meta's genAI training rules which is mandatory and in Australia we have no digital or privacy rights to allow us to opt out. So I stopped posting images on X and Instagram months ago but it's time to pull the plug completely, I think.

Future plans

I'm planning on rebranding my website sometime early next year, which will involve restructuring the website a little since it's not working as effectively as it should, and changing the logo.

What's happening

I installed a dual-boot of Linux on my Windows PC and I am finding the environment very refreshing and fast. No more Windows advertisements or web search in the start bar, and no more genAI being forced on me. Although I can't completely switch due to my favorite design programs Affinity and Clip Studio Paint not having a Linux version (yes, Linux has Lutris however I haven't gotten it to work on my PC yet). In the meantime, I have moved my web development and almost everything else over to Linux.

If you're curious about which Linux distro I'm using, I'm trying Accessible-Coconut. I'm now using my design Multimodal Integration as the GRUB boot loader wallpaper.

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

October

Bluesky

Published by Travis

Updated the Contact page with my Bluesky account details. Give me a follow!

Additionally, added a green web hosting badge from The Green Web Foundation to the Sustainability section on the homepage.

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

September

Green Cloud Computing Logo

Published by Travis

Added a logo and pattern design to Green Cloud Computing Branding.

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

July

Sustainability Report

Published by Travis

Added a Sustainability report to the homepage above the Guestbook.

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

April

Graphics Overhaul

Published by Travis

Graphical overhaul of the Graphic Design Services page.

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

ESR Book Cover

Published by Travis

Updated the portfolio with my newest projects ESR Book Cover and ESR Book Illustrations.

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

Accessibility Upgrades 2

Published by Travis

Further accessibilty upgrades to fix text alignment across columns, footer text reflow and image sizing on very small devices (<350px) or very large zoom percentages (400-500%), and give artwork titles on the homepage and portfolio a heading level.

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

March

Accessibility Upgrades 1

Published by Travis

Accessibility upgrades to fix missing focus indicators on accordion menus and images. Added aria-current for main pages. Clearer link styling. Reverted visited link styling to browser default as it was too low contrast (hoping to find a different solution soon). More changes to come.

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

Mastodon

Published by Travis

Mastodon icon and social media link added to the Contact page.

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

2023

December

Floppy Disk Branding

Published by Travis

New design Floppy Disk Branding

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

1bit Postmodern Collage

Published by Travis

New design 1bit Postmodern Collage.

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

November

Solarpunk Graphic

Published by Travis

Design Focus is a series of posts about designs that maybe do not belong in the Portfolio but I still want to share and focus on for the sake of a retrospective and learning purposes.

This time I am looking at a design I made in early 2023 in February. I wanted to explore an early 2000s aesthetic as well as a Vectorheart [CARI] design. The square layout and chaotic composition was inspired by some designs by Bee Lever (Mukkys World) [Instagram].

Here is the design:

Updates - Future Horizon Design (3)

Solarpunk Image Description

A flat vector style image with different tones of blue. Three batteries charge at 20%, 40%, and 80% on the left with circuits leading to three solar panels. Trees and a thermometer stating 24 degrees celcius is in the top right with tick marks from -10 celcius to 50 celcius. A speedometer is at the bottom with years at the tick marks leading into the future with decorative text: future forest velocity. Buildings with green roofs are at the bottom right.

Design Background

At the time Brisbane was going through a heatwave and I was sweltering in my sharehouse room that had no air con or fan. I was generally feeling a bit pessemistic about climate change action worldwide (and in my home country) and the generally substandard of private rentals I have experienced and how many of them are not very liveable.

So part of my inspiration in creating this graphic was to draw attention to better ways of designing houses that might be more climate resistant (and cooler) while also drawing attention to renewable energy. Researchers have found that green roofs can improve biodiversity in cities, reduce temperatures of the roof, and make solar panels more efficient (see Study finds green roofs make solar panels more efficient [ABC News] and Green Infrastructure Research Group [University of Melbourne] for more).

If you are interested in a more detailed document, one key piece of research I found when creating this design was the Residential apartments sustainability plan [City of Sydney] published in 2015 by the NSW government.

Visual Design Elements

The design is thematically solarpunk which means it takes an optimistic viewpoint and aims to create enthusiasm for a sustainable future.

The visual root of the vectorheart aesthetic is the futurist movement so there is an emphasis on velocity or movement. This is communicated by the use of line, like the thicker ground line that intersects the top third of the design as well as the circuit lines. Literally there is a speed meter with years on the tick marks to represent that we are moving through time overlaid over a backdrop of trees. You can interpret this as it takes time to grow trees or the climate takes time to change.

Some of the design elements are obvious, like the shapes for the trees, buildings, lightning, and clouds. There is repetition of the trees in three of the quadrants; trees on the ground, trees on the tops of buildings, and trees floating in the air as abstract icons.

There is some text overlapping with the other elements which you can interpret as flavor text.

The colour theme is blue to represent temperature cooling as well as create a tranquil atmosphere.

Overall I like the cartoony nature of the graphic (like the cloud shapes). The visual style is intentionally flat as I did not want distracting elements, but if I were to return to this idea I would experiment with texture or image overlays to create additional depth.

Conclusions

This design is quite literal in its intentions and focus. I hope that it got some people thinking about how they can be more climate positive or do something to be more sustainable.

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

RSS Feed

Published by Travis

Multiple updates:

  • New RSS Feed button on the homepage
  • Adding pricing plans to two new pages Graphic Design Services and Web Accessibility Testing.
  • Addded 88x31px site banners to the Copyright page.
Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

The Forgotten Beasts of Eld

Published by Travis

Design Focus is a series of posts about designs that maybe do not belong in the Portfolio but I still want to share and focus on for the sake of a retrospective and learning purposes.

To start, I am looking at this student assignment completed in November 2022 to create a typographic poster based on an inspirational quote.

There was a bit of flexibility since inspirational quotes are anything that can be meaningful to you and be personal, so I chose a quote from the book The Forgotten Beasts of Eld by Patricia A. McKillip [Wikipedia].

The giant Grof was hit in one eye by a stone, and that eye turned inward so that it looked into his mind, and he died of what he saw there. -Cyrin

This is the poster design which I will be discussing in this post. The quote is in rune-like letters surrounded by the eponymous Beasts of Eld.

Updates - Future Horizon Design (4)

Poster Image Description

The Forgotten Beasts in red stone relief surround runes on a gravestone with rope as a decorative element behind it. A large eye is in the center surrounded by 6 animals symmetrically on either side: a falcon, a swan, a boar, a lion, a dragon, a black cat. The quote about Grof above is written in a latin-like rune font as if carved into the headstone. The book title The Forgotten Beasts of Eld and author Patricia A. McKillip are at the bottom.

About The Source Material

The fantasy novel The Forgotten Beasts of Eld was published in 1974 and the quote is from the boar Cyrin who speaks in riddles. The quote is about self-insight with a literal pun looking inside, indicating that someone (in this case, the giant Grof) could have such poor self insight that they die (allegorical spiritual death).

I came aware of this book through a non-fiction book Wizardry and Romance: A Study of Epic Fantasy by Michael Moorcock [Wikipedia] where this cryptic quote was used to intrigue readers. Well, it worked on me.

The Forgotten Beasts of Eld is difficult to describe without ruining the story. It won the 1975 World Fantasy Award [Wikipedia] and is one of my favorite fantasy novels. Do not let the blurb fool you, the story is much more than it seems.

The book centers on a druid named Sybel who at the start of the story is a hermit with only mythical creatures that used to belong to her father to give her company. One night, Coren of Sirle appears and hands Sybel a baby to take care. The baby is from the deceased Queen of Eld. Sybel agrees to care for the child, and eventually, twelve years later is drawn into the world of humans for better and worse.

The Brief

The point of creating the poster was to emphasise typography while keeping imagery subtle. However, I ended up making mine much more illustrative focused. It needed to be in the CMYK colour space (for print), have bleed, and be able to be printed on a large dimension.

Poster dots per inch (DPI) is usually 75 for a viewing distance greater than 1 meter.

The Beasts of Eld

In the book, the Beasts of Eld are:

  • the Black Swan, described as having a golden eye
  • Blammor (black mist with five eyes), represented by an eye
  • Cyrin, the boar with red eyes and white tusks
  • Gules Lyon, the lion, used to live in the Southern Deserts
  • Gyld, a dragon with green wings, and a love for treasure
  • Moriah, a huge black cat, green eyed
  • Ter, a falcon

Updates - Future Horizon Design (5) Updates - Future Horizon Design (6) Updates - Future Horizon Design (7) Updates - Future Horizon Design (8) Updates - Future Horizon Design (9) Updates - Future Horizon Design (10) Updates - Future Horizon Design (11)

The world of The Forgotten Beasts of Eld is inspired by celtic or irish mythology which influenced the visual design of the poster.

The Visual Design

Due to the celtic influence, the design focused on runes used in the ancient Germanic tribes of Europe. Runes were a cryptic writing system used to tell fortunes, cast spells, and provide protection. I altered Futhorc (Anglo-Saxon) runes [Wikipedia] to become more like english letters so they could potentially be read.

Updates - Future Horizon Design (12)

Rune Image Description

Three rows with 10 runes each. The runes are made of thick horizontal, vertical, diagonal, or arced lines.

First row:

  • feoh-f wealth
  • ur-u aurochs
  • dorn-p thorn
  • os-o god?
  • rad-r riding
  • cen-c torch
  • gifu-g gift
  • wyn-w joy
  • hegel-h hail
  • nead-n plight

Second row:

  • eoh-i ice
  • geor-j harvest
  • eoh - i yew tree
  • sigel-s sun
  • ti/tir-t Tiw?
  • bere-b birch tree
  • eh-e steed
  • man-m man

Third row:

  • lagu -l lake
  • ing - n Ing
  • daeg - d
  • epel - oe estate
  • ac - a oak tree
  • aesc - ae ash tree
  • yr - y ?
  • ear - ea gravesoil?
  • calc - k ?
  • gar - g spear

A major inspiration in terms of shapes and colour scheme was this runestone from the church of Resmo on Öland at the Swedish Museum of National Antiquitiesin Stockholm.

Updates - Future Horizon Design (13)

The final design used an eye in place of the word eye in the quote, and additional eyes were added around the name Cyrin to represent the Blammor, a mysterious creature Sybel encounters.

In celtic design (see The Designer’s Craft Library: Celtic by Chris Down [Internet Archive] for more celtic designs and ornaments), ropes and knots have spiritual significance to represent the bonds that bind people and spirits together.

More generally, ropes also represent bondage or imprisonment (of animals or humans).

Both symbolic representations of rope have significance in the story so are used in the visual design.

The elements are positioned on a gravestone both due to the original use of runestones as headstones but to link back to the quote about the giant Grof dying. Some texture overlays of stone were used to reinforce the idea.

An early concept that I didn’t execute due to the complexity and time constraints of the project was having the animals tied up in ropes.

Retrospective

In retrospect the design does not work very well because it lacks cohesion between the different elements.

While I am very proud of the animal graphics I made (the 3d relief effect is thanks to an Adobe Illustrator effect) they do not interact harmoniously with the runes or the rope.

The gravestone (for the giant who died from lack of insight) also is very flat, lacks contrast, and it takes a few seconds to realise it is a gravestone.

I think the eye shape takes up too much prominence in the center of the composition, although it does help provide a central focus.

Although I spent a lot of time creating custom vector graphics for the runes they ended up being difficult to read and the shape of the letters in an arc is a little unusual and not realistic to actual runestones. If I were to recreate this design, I would save time using rune graphics somebody else had made (or a different celtic inspired font) to place the text more realistically. In addition, with this saved time I could focus on entwining the animals in rope to make the overall design more cohesive.

The book cover title and author name are a bit squashed and could use additional white space, however the overall placement is like a book cover and is a call back to the source material in book format.

In addition to all these visual factors, I was told by many people the quote did not make sense (until explained, and even then was still very cryptic). As one of my instructors said Look, I do not get it, but it is your design. Nonetheless, I stuck with my idea because I wanted to pay homage to this great story as I had learned the author, Patricia A. McKillip had sadly died the same year I made this.

Conclusions

While this was not the most successful design, I did learn a lot from this project and it was fun to do. That is what student projects are for, after all. For experimenting, trying new techniques, and ultimately, learning.

I would also recommend everyone read The Forgotten Beasts of Eld. If you are local there is a free copy to read in the Brisbane City Council Library Catalogue.

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

October

Changed Web Host

Published by Travis

Changed web host to the Australian and carbon neutral Swish Connect. Added an RSS Feed to the site which is listed at the bottom of the Announcements section and on the Sitemap.

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

Site Updates

Published by Travis

Major updates.

  • New contact form on the Contact page.
  • Added labels and styling to the Guestbook form.
  • Expanded the Resources page to include further Web Accessibility Resources.
  • Hidden CSS updates to improve styling and fix broken link styling.
Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

September

Accessibility Testing

Published by Travis

Updated the website to add details on Web Accessibility Testing.

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

January

Neurofunk Album Cover

Published by Travis

New design added, a Neurofunk Album Cover with a Industrial Gothic visual style.

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

2022

December

Design Exhibition

Published by Travis

The Cre8 Your Career exhibition is a student showcase for Queensland TAFE design students to share their work.

In this blog post I will share my exhibition table and some designs from the night (1st December). Apologies for the blurry photos, I was just using my phone camera.

My Table

The graphic design students each had a display area to set up and we each designed posters and a skateboard deck for the night which was required to incorporate our logo and branding.

For my table I had a blue tablecloth, a guestbook with blue pens and ruler, portfolio, business cards, a packaging assignment, and some QR codes with links for a digital guestbook and social media handles.

Updates - Future Horizon Design (14)

I liked the idea of having a guestbook because I remembered somebody from the exhibition last year did the same which I wrote in. I also thought it helped encourage interaction and help link to the concept of digital guestbooks and emphasising interactions through websites rather than social media. That said, the messages I got on exhibition night were in the physical guestbook and I am guessing it is because of the accessibility of it.

My brand colours are different shades of blue to represent different depths of the ocean along with the brighest blue being a bioluminescent blue and reminescent of the IBM computer terminal.

My poster and skateboard designs showed deep sea creatures and the telescopefish which is my logo mascot.

Updates - Future Horizon Design (15) Updates - Future Horizon Design (16)

Each design student shared a space with somebody else. For example, my friend Sunny Disposition had her display on the other side of mine. This photo was taken by her as well!

Updates - Future Horizon Design (17)

I will share the guestbook entries at the end of this blog post, I want to share some designs from the night first.

Typographic Murals

There was competition among the students to develop typographic murals for the walls. The winners shown below all produced eye catching designs.

Updates - Future Horizon Design (18)

Another Dollhouse Design hand-rendered their typographic mural including illustrating bat wings for gothic vibes. This mural was positioned outside the elevator as you arrived at the third floor.

Updates - Future Horizon Design (19)

Una Design employs a New Wave approach to typography and pop art colours and half tones. This mural was positioned in one of the corridors on the third floor.

Updates - Future Horizon Design (20)

Tayticus Designs grunge typographic mural was inspired by David Carson. This mural was positioned inside the exhibition room against the wall.

Updates - Future Horizon Design (21)

Hantreloardesign made a pixel art mural with graphics inspired by Super Mario Brothers. This was another mural which was inside the exhibition space.

There was one more typographic mural design but I forgot to take a photo of it. 😞 It featured illuminated letters which can be seen on IF Instagram.

Skateboard Decks

All the Diploma graphic design students had skateboards on the wall and I thought a good way to capture the variety was to take a photo of them all together. So, moving from left to right...

Updates - Future Horizon Design (22) Updates - Future Horizon Design (23) Updates - Future Horizon Design (24)

Other Design Work

The visual arts students had credits for their work though I have had some trouble finding their social medias. Here are some of the works I thought were really cool.

Updates - Future Horizon Design (25) Updates - Future Horizon Design (26)

Unfortunately I could not find the design student names for these as they were dissociated from the display area though they were for the Certificate III in Design.

Updates - Future Horizon Design (27) Updates - Future Horizon Design (28)

Grace Kelly made these cute jellyfish, all her designs have a pastel appearance you can find her as princessartworks on Instagram.

Updates - Future Horizon Design (29) Updates - Future Horizon Design (30)

The baphomet illustration is by Nandus Swart and the gravestone painting is by Miranda Westway.

Updates - Future Horizon Design (31) Updates - Future Horizon Design (32) Updates - Future Horizon Design (33)

The pin head sculpture is by Chiara Kostoglou, I wanted to ask if they have ever seen Twin Peaks Season 3 mainly due to this character called The Arm who has a similar appearance.

The fantasy sculpture of the deer is by Bellamy Smyth and the abstract rock sculpture is by Andrea Lugo-Calamlam.

Invasion from Outer Space!

Just wanted to give a shout out to these space ladies walking around the exhibition area and who let me take their photo!

Updates - Future Horizon Design (34)

Guestbook Entries

I got a mixture of very kind and very amusing messages in the physical guestbook. I have left the names out but I appreciate you all. Thank you for the messages!

Updates - Future Horizon Design (35) Updates - Future Horizon Design (36) Updates - Future Horizon Design (37) Updates - Future Horizon Design (38) Updates - Future Horizon Design (39) Updates - Future Horizon Design (40) Updates - Future Horizon Design (41) Updates - Future Horizon Design (42) Updates - Future Horizon Design (43) Updates - Future Horizon Design (44) Updates - Future Horizon Design (45) Updates - Future Horizon Design (46) Updates - Future Horizon Design (47) Updates - Future Horizon Design (48) Updates - Future Horizon Design (49) Updates - Future Horizon Design (50) Updates - Future Horizon Design (51) Updates - Future Horizon Design (52)

Wrapping Up

This evening capped off a busy yet fun year. I made some great new friends, got to be inspired by the people around me and in cyberspace, and got to think about design all day. If you were part of the exhibition, I hope you enjoyed this year too.

If anyone finds their design on here and wants credits, feel free to send me a message and I will add it!

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

November

Micro Bank App

Published by Travis

Added the Micro Bank Mobile App UI/UX to the Portfolio.

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

Guestbook

Published by Travis

Added a guestbook! Leave a message if you like.

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

Design Filter: Electronic Ambient Album

Published by Travis

Plunged Into Clouds is a experimental electronic ambient album cover. You can see the final outcome and read about the project background in my Portfolio.

This blog series, Design Filter, is to focus on my design process for a few projects. This includes showing process work like mind maps and thumbnails.

To start this project, I drew upon my experiences of listening to electronic music and the experimental ambient genre to generate a mind map using word association.

Updates - Future Horizon Design (53)

Mind Map Image Description

Subcategories include:

  • Location
  • Effects
  • Instrument
  • Environment
  • Nature
  • Industrial
  • Drone
  • Drift
  • Texture
  • Sound

Each subcategory has a list branching structure. For example words associated with location include:

  • country
  • Japan
  • Europe

Effects includes:

  • pop
  • crackle
  • flutter

Instruments include:

  • synthesiser
  • piano
  • strings
  • electric guitar

Environment includes:

  • underground
  • space
  • otherworld
  • underwater

Referring to benchmark images of album covers by The Future Sound of London, Tangerine Dream, and Amorphous Androgynous helped me develop thumbnails.

Early on these had a more fantastic quality to them as I was also inspired by some Dream Theater concept albums with science fiction and fantasy imagery. However as the benchmarks were more abstract the thumbnails eventually took on this quality as well.

Updates - Future Horizon Design (54)

Thumbnails Image Description

The thumbnails start as fantastical imagery and become more abstract and surreal. For example:

  • a feathered crown floating over the sea
  • the face of a harpy
  • feathers flying over a city in the clouds
  • a city on coral terrain
  • an eye forming out of curled feather shapes
  • crevaces and cliffs of coral
  • a sun or moon with looming buildings made of coral and underwater rocks.

Once I decided to focus on a scene of coral and more abstract walls of coral or underwater rock, I took photographs of sand, the ocean, and sky at Masthead Bay (Cleveland) with a Canon EOS 1500D. I scanned pigeon feathers at 600 pixels per inch so I could use them as image textures, and used stock photography for underwater imagery like coral and to make natural looking colour gradients. Some example imagery I used are shown below.

Updates - Future Horizon Design (55) Updates - Future Horizon Design (56) Updates - Future Horizon Design (57) Updates - Future Horizon Design (58) Updates - Future Horizon Design (59) Updates - Future Horizon Design (60) Updates - Future Horizon Design (61) Updates - Future Horizon Design (62) Updates - Future Horizon Design (63) Updates - Future Horizon Design (64)

Processing the elements in Adobe Photoshop involved layer masks, the healing brush, advanced blending modes, the colour range select tool, layer masks, the mesh warp tool, and gradient maps. Some of the gradients applied were taken from swan feathers, pink sunsets, purple coral, and blue skies.

If you would like to see the final design please see the Portfolio. If you would like to work with me, feel free to send me a message!

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

Design Filter: Psychedelic Poster

Published by Travis

I was randomly assigned the film Raging Bull (1980) to design a poster. You can read about the project and see the final outcome in the Archive.

This blog series, Design Filter, is to focus on my design process for a few projects. This includes showing process work like mind maps and thumbnails.

This post will contain some spoilers for film The Raging Bull (1980).

To make this movie poster, I first watched the film in order to form my own opinion about it. I considered a few different approaches to metaphorically communicate a relationship breakdown and did an exercise of word association mixed with a mind map to get me started with the design.

Updates - Future Horizon Design (65)

Mind Map Image Description

The mindmap starts with the title of the film in the center, then branches to four main sections:

  • characters
  • objects
  • art nouveau
  • themes

Objects contains subcategories like:

  • glove
  • ring
  • ice water
  • blood
  • towel

Themes include:

  • boxing
  • jealousy
  • domestic violence

Art nouveau includes:

  • female figure
  • nature
  • colour
  • texture

The characters section includes names and roles of characters in the film.

One unused concept was to explore the idea of misguided chivalry (a white knight) using medieval imagery to focus on Robert De Niro’s character who is destructive, violent, and lacks self-insight. The inspiration for the medieval imagery were designs by Aubrey Beardsley who produced illustrations for Le Morte de Arthur [sample images in a blog post by Enchanted Booklet].

Updates - Future Horizon Design (66)

Thumbnails Image Descriptions

The thumbnails vary in style from compositions with wavy, parallel lines like psychedelic posters from the 1970s music scene to medieval imagery.

An example includes a knight being pierced by swords or chopping off a hydra head only for other heads to appear.

The images become more surreal like a heart pierced by a sword with flowers growing from it or the main characters surrounded by dragons standing in a barren landscape.

After focusing on one of the thumbnails of the characters sitting apart on a giant sunflower to emphasise their failing relationship in a more literal way, I did studies of some movie stills and used reference books to develop the imagery.

Updates - Future Horizon Design (67)

Imagery of a knight with arrows in his eye or being defeated by a dragon eventually bled into the final concept with the characters sitting apart and being surrounded by screeching flying dinosaurs. Here is the final black and white lineart to show what I mean.

Updates - Future Horizon Design (68)

If you would like to see the final design please see the Portfolio. If you would like to work with me, feel free to send me a message!

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

Design Filter: Postmodern Illustration

Published by Travis

You can read about the project and see the final outcome in my Portfolio.

This blog series, Design Filter, is to focus on my design process for a few projects. This includes showing process work like mind maps and thumbnails.

To develop this illustration, I first made observations in a mind map on the elements of design used in postmodern designs I wished to emulate, then notes on the imagery in the BSAF YouTube trailer, logo, and website. Once it was all on the page, I could consider combining elements together.

Updates - Future Horizon Design (69)

The left and right sides considered the two different parts to the project. In developing the thumbnails which started as a sketch beneath the mind map, I combined elements from the left and right side.

Updates - Future Horizon Design (70)

Thumbnails Image Descriptions

The four images are labeled:

  • vector
  • isometric
  • painted ideas
  • audience for art

The first thumbnail has a chaotic composition and a paintbrush that moves around the layout painting text, cross hairs, and other elements like a spray can.

The second thumbnail is closest to the final, and also has a chaotic composition but is isometric and focused on elements on a moving z axis.

The third thumbnail has a silouette of a head in profile with an idea light bulb in their head with the text inside. A giant painbrush moves downward to reveal the name of the exhibit.

The last thumbnail has a hand holding up a spray can which is revealing text and images in an arc.

The isometric composition which began on the mindmap page ended up being the strongest idea with the other thumbnails almost being diluted or more simplified versions of the same.

The draft was made in Clip Studio Paint which used an isometric grid and a vector pen, then was later imported to Adobe Illustrator for clean up and colouring. The vector drawing is in red, as I usually use black ink for the final layer and keep draft layers in colour.

Updates - Future Horizon Design (71)

I was really pleased with the final outcome, so I hope you take a look at it in the Portfolio. If you would like to work with me, feel free to send me a message!

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

Design Filter: Logo Process

Published by Travis

Crystal Shore is a vegan sparkling water beverage brand. You can read about the project and see the final design in my Portfolio.

This blog series, Design Filter, is to focus on my design process for a few projects. This includes showing process work like mind maps and thumbnails.

Once I decided on an overall direction for the logo, sketching the logo in a circle helped constrain the proportions and helped me focus on simple, abstract shapes.

Updates - Future Horizon Design (72)

Logos Image Descriptions

The logos vary from showing a dolphin either swimming, jumping over waves, smiling, or interacting with crystal or sparkle shapes. In some the dolphin looks more cartoony, and in others it is more simplified or semi-realistic.

The strongest examples clearly showed the dolphin silhouette, a wave or ocean element, and a crystal or sparkle shape.

Updates - Future Horizon Design (73)

Logo Variations Image Description

The three variations were on one of a dolphin jumping over water with a sparkle in the background, one of a dolphin in profile with waves and sparkles above or below it, and the final version of a dolphin arcing down toward a crystal underwater with light or movement arcs coming out of it.

The best logo concepts had good flow and a sense of motion with leading lines. These logo designs also worked well in black and white. Here is a close up of variations on the final concept, which I next took into Illustrator to convert into vector and test in colour.

Updates - Future Horizon Design (74)

As you can see, a lot of the actual designing of a logo happens before the logo has entered the computer. That is because it is easier and faster to iterate designs on paper before the finalisation happens on the computer.

If you would like to see the final design please see the Portfolio. If you would like to work with me, feel free to send me a message!

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

Design Process Blog Posts

Published by Travis

Added some design process blog posts.

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

Portfolio Update

Published by Travis

Added some new designs to the portfolio page.

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

October

Website Update

Published by Travis

Added a blog page and a dropdown menu for the navigation bar. Added fish vector graphics.

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

September

Page Updates 2

Published by Travis

The Portfolio and About pages have been updated.

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

Page Updates 1

Published by Travis

Most pages are set up. Images will be uploaded in the next update.

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

First Update

Published by Travis

New announcements section! Home page made and testing on mobile. New updates coming soon.

Comments

To make a comment, please send an email to comments@futurehorizondesign.net.au. Your email address is only used to publish the comment and will be deleted once published. Sign the email with the name you want to appear and copy the post title or permalink URL with your message.

Updates - Future Horizon Design (2025)

References

Top Articles
Latest Posts
Recommended Articles
Article information

Author: Terence Hammes MD

Last Updated:

Views: 5482

Rating: 4.9 / 5 (49 voted)

Reviews: 88% of readers found this page helpful

Author information

Name: Terence Hammes MD

Birthday: 1992-04-11

Address: Suite 408 9446 Mercy Mews, West Roxie, CT 04904

Phone: +50312511349175

Job: Product Consulting Liaison

Hobby: Jogging, Motor sports, Nordic skating, Jigsaw puzzles, Bird watching, Nordic skating, Sculpting

Introduction: My name is Terence Hammes MD, I am a inexpensive, energetic, jolly, faithful, cheerful, proud, rich person who loves writing and wants to share my knowledge and understanding with you.