Interactive website research

For my portfolio website, I want to include some form of interactive elements to keep the user engaged with my portfolio. I wanted to research some websites that explore this, and I’ve analysed these resources below; for my FMP, I will create an interactive sustainability statement focusing on the environmental repercussions of the symbiosis brand, as providing a sustainable future is the focal point of my brand ethos. I could take inspiration from these sources for my interactive and portfolio websites.

Gucci off-grid:

 

 

 

 

Gucci Off The Grid uses recycled and sustainable materials to create high-end fashion designs. The website made to promote this campaign wonderfully complements this fantastic idea. The colour palette used on the site is very earthy-like, with lots of soft browns and prominent beige and deep green hues. You are encouraged to take a quiz and answer a series of questions about the sustainable collection. Each time you answer correctly, a tree house appears on the tree, and you learn more details about the Off The Grid project. You can hear the birds chirping, a dog barking, and the soft sound of leaves crackling in the background. This creates an atmosphere that makes you feel like you’re playing a quiz game in a park. What I liked about the quiz was the opportunity to get context on how the collection seeks environmental responsibility. The growth from the progression of the quiz leads to the imagery of the tree growing, which provides a hopeful and optimistic perspective for a sustainable future through Gucci. On the quiz, there is also a link to the collection. There is no direct link to the collection on the Gucci website as it hasn’t been posted yet, and to subscribe for more updates. Through research, I found some imagery that correlated to the campaign. The location of the shoot is in an urban treehouse, which connects to the interactive website, which I think connects the campaign in all promotional aspects. The urban treehouse confronts a sustainable future through the current fashion industry. For a sustainable change, the industry supply needs to change as the demand leads to waste and instability; how I see it is to provide a sustainable change, we need to work with recycled materials, lower supply and adjust production methods.

Tarot-O-Bot:

Tarot-o-Bot is a project created to mark the 7th anniversary of the design studio Illo. This tarot generator is supposed to predict the future of the creative industry. The homepage is bursting with colours and various animated elements, such as an eye, a key, a wavy line, the lucky number 7 (which also symbolizes the studio’s birthday), etc. When you press “Enter“ (or click the “Enter“ button on the screen), the gates of the tarot-o-bot open, and you see three cards on the screen. Before clicking on them, you are reminded to think about your future first and then do the drawing. As you click on each card, they flip over. Upon drawing all three cards, the prediction for the future shows up on the screen. You can share your results elsewhere or play the game again. The studio has created around 100 predictions, and all the results I got were quite funny. This game is a genius way of celebrating Illo’s anniversary because it simultaneously entertains the user and uniquely showcases the studio’s creativity. I find the link to design trends exciting; reading small ‘predictions’ of trends relevant to tarot predictions combines a really interesting connection of the tarot trend into the design world. The variety of the game provides a new experience each round, which can keep the user interested in the website. The illustrations are also exciting when connected to the prompt, and it is exciting to see the pop art design inspired by trends.

Violence Conjugale:

Violence Conjugale is an impressive interactive project made to educate people on some of the most common types of domestic violence. The creators draw attention to these problems through ’’textversations’’, a.k.a. examples of messages exchanged between two romantically involved individuals. As a user, you assume the role of one of the parties involved and select one of the five textversations showcased on the homepage in the form of stickers (you can try them all out if you wish). Then, your virtual partner will text you. You can choose one of the three possible responses to their messages during the conversation. Depending on your answers, the content of the partner’s replies will vary. At the end of the textversation, the authors will explain why such partner behaviour is considered violent. The team behind the whole project has found a great way to educate people on a serious matter such as partner violence through an immersive playable experience and possibly save those who could be victims without even realizing it. I like the multiple choices of working in the game to give a variety of perspectives on how people would react to the demonstration experience. To people in vulnerable situations, it allows a variety of opinions on similar experiences, which I think would be helpful to victims. Towards the end, it reflects on your answers. It asks for your opinion on violent language, which makes the website experience more personalised to your opinions and experiences. The website also shows an animation guide that shows how they sourced their prompts from their research and explains the illustrations when connected to abusive issues in a pop art illustration.

Atelier Heschung:

Atelier Heschung shares its story with users in an interactive way. You can’t discover anything about the brand without actively participating on their website. There’s not much you need to do – just press the ’’Space“ or ’’Right Arrow“ keys when indicated so the character you’re in control of can make progress on a three-section journey. It starts with Heschung’s humble beginnings and how they got into the shoe business. Then, they made ski shoes for the French national ski team. The third part tells you where the brand currently stands. This website is minimalistic and clean, with simple illustrations used throughout. The only colours are black and white. The way the story slowly unfolds, and its progress depends on the user’s actions, is clever, as it emphasizes the importance of interactivity and makes the whole site all the more engaging. I really enjoyed the game of understanding the history of the brand and how the evolution of the brand has expanded from 1934 when the first shoes in this brand were created. The game’s progression shows the importance of skiing for brand awareness from the French Olympics. It lets you interact and control the speed of the player. After the skiing chapter, it progresses onto chapter 3, which focuses on 1992, when the shoe became more commercial, focusing on footwear. This short game lets users understand how the brand has evolved and found a new market. This resource allows an accessible resource to understand the legacy of the Atelier Heschung brand.

Leave a Reply

Your email address will not be published. Required fields are marked *