Website Portfolio Update: Portfolio Details

The details for the portfolio has a standard look. It got a cover page that is the same as the thumbnail seen on the featured page. The name of the project and the year the work was created is plastered there.

Using full-screen pictures is an effective way in web designing to capture people's attention. Like on Molly and Me Pecans, we are immediately gobsmacked by a huge picture of their delicious snack, which makes us more attracted to the brand and curious to learn more about what the brand offers.

Selection of this all-important asset is absolutely crucial, as it can make or break a user's emotional connection with the brand. Make sure it bears strong relevance to the actual subject matter wherever possible.

You need to build an association with the individual brand in question, and an image that feels too generic or 'bought in' will detach users from the experience and undermine the site's authenticity.

Both quotes are taken from the first point in this article.

For the portfolio detail, it is straight to the point and clear on what I want to show per project. The two headings on the details page differ for different projects. Some projects discuss the concept and executions, some can be about the idea and the teammates. When showing my projects, I want people to focus on understanding the meaning of each work I did, hence there are two columns of descriptions; to let people understand deeper about each work, a video and a gallery consisting of four pictures related to the project.

Comments

TouchDesigner Experiment: Audio Reactive Particle Cloud

My second experiment with TouchDesigner is creating this audio-reactive particle visual by following Bileam Tschepe 's tutorial on Youtube. Again, I just followed his tutorial step by step. This tutorial is a little different because it uses both audio and visuals. The visual follows the music in real-time. Other than audio, we are also introduced with the element 'Math' to add the channels of the audio together. This is the end product. Music is FriendsV2 by Muskatt.

TouchDesigner Experiment: Spectrum to TOPs

This time, the experiment I did with TouchDesigner is creating this audio-reactive abstract wave visual by following Bileam Tschepe 's tutorial on Youtube. This time, Bileam Tschepe's video thought us how to convert an audio spectrum directly to TOPs using the CHOP to TOP and compositing. Following his tutorial, here is my version of the project. Song by Muskatt .

Introducing Halcyon

Halcyon is an immersive installation that allows users to translate their brainwave activity into visual art with the help of Muse headset. This project aims to provide entertainment purposes for the curious mind and research a less explored territory that is brainwave art in digital media. Wearing the Muse headset across the head, it transfers the brainwave to an application called Mind Monitor, which then sends the data to another software called TouchDesigner to project the visuals in real-time. Halcyon, as a brand, is very fluid and abstract, since it produces artwork that is different for everyone. To emulate this goal, the references for this project need to be represented as such as well. Furthermore, as Halcyon is a simple project, I think that mere typography would be sufficient to deliver the aim of the brand. A logo is the keystone of a brand, and it has the power to represent the values a brand upholds. Before proceeding to design a logo, there are some essential rules that...

˗ˏˋ ChristineDinata ˎˊ˗

Search This Blog