IXD104 – Manufactured Fictions in the Age of Instagram – Week 9

In this new age we have people who are able to deep fake their face; like the tiktoker who uses this tool to look like Tom Cruise. Whilst this promises great technological advances, it also raises ethical concerns, like for example, will people (mainly celebrities) have to state in their will if they are ok with this technology being used to depicture them in movies or/and advertisement?

The worry with technology like this is the fear of it being used for nefarious reasons.

“We shape our tools and there after our tools shape us” – Marshall Mc Luhan.

When times where good…

Advertisement agencies would sometimes utilize old style recordings or even real recordings from the past to create a feeling of nostalgia and evoke that feeling of history, memory and of good times. This has been used to increase the popularity of companies like:

  • Jack Daniels
  • Lego

Stairway to heaven

The three little pigs

Moby Dick

The turtle and the hare

  • PlayStation: They included PlayStation branding throughout the video. They created the feeling of nostalgia by keeping the same owner and showing him and how he grows over the years enjoying his PlayStation….

Citizen Journalism

The camera used to get the photography doesn’t always have to be an actual photography camera; sometimes using a phone camera can be more effective than using a big photography camera.

This form of documenting gives a clearer and in some way more honest view of what is actually happening in the word. It brings to mind my time in Venezuela; in my home country the media is run by the corrupt government so the poverty, hunger and violence would not ‘officially’ leave the country, the only way news got out was by citizen journalism, by keeping family abroad informed and by posting the horrible acts of violence and crimes against humanity the government would commit on a daily basis. This form of ‘journalism’ would reduce the feeling of disconnections we would feel from the rest of the world.

Social photography arose from this new style of reporting.

Artist who have played with nostalgia

  • Nick Lamb – used an iPhone to photograph a baseball team. Its the vison not the tools.


Apps like Hipstamatic, Flicker and Pictory are great for playing around with photos and nostalgia – I would love to play around with Hipstamatic especially. They were popular before the rise of Instagram. In a way they had more depth as they were about appreciating the photos posting instead of just consuming mases of information (Instagram) In a way Instagram has turned us into exhibitionists and layers. We have become masters of our own fictions – it’s hard to tell what is and isn’t real in Instagram; many people believe what they see, they are obsessed with following. Influencers have managed to create a very lavish lifestyle, eg Mrs Hinge, Kim Kardashian, Contestants of love Island, Logan Paul.

It’s not all happy though, through the rise of Instagram, peoples mental health issues have also been targeted in a way – imperfections are highlighted . Morally influencers need to consider the effect they are having on people and why they are ok with causing this kind of disruptions in peoples life.

@sociallybarbie – This photographer from Portland created an Instagram account depicting the adventures of a Barbie to show how hollow and empty the iconic, millennial adventures really are…

Virtual humans/influencers

  • Miquela Sousa – She is in most social media platforms and would be considered and influencer!? She has over 3m followers.
  • Bermuda Bay – She would have a link in her bio to encourage people to vote.
  •  – First digital model

The danger of all of this is that people are being influenced by an unknown entity; Miquela isn’t real, but the people who created are. There is a lot of strength behind them but it brings into question what is and is not real?

Take a look at these fake people generators

  • …..
  • Generated photos

************* ADD LINKS *************

IXD103 – Portfolio sites – Week 9

Assessment criteria

Demonstrate an understanding of personal brand identity as applied to a portfolio website; it should include a consideration to brand identity through voice and tone, considered content and visual cohesiveness.

Considered content: what needs to be included

S.W.O.T Analysis

Strengths, weaknesses, opportunities and threats. It’s worth doing this when considering undertaking any project yourself. List these things in squares. For opportunities think in regards to the website and for threats think what is in the way of you completing what you want to complete. My main weakness is coding so I could maybe try to code something more ambitious to try to learn, however a threat to that might be that I might not have enough time.

SWOT excise
Miro board link of my S.W.O.T analysis here.

What should I put in the portfolio site?

  • Things you put down as strengths – eg logo, illustrations, icon design

Tips for procrastinators

  • Get someone to check in on you to show them your work – helps hold you accountable
  • Set mini deadlines for yourself
  • The more weaknesses you overcomes the more strengths you will have
  • The more threats you solve the more opportunities you will have

Mission statement

What is the purpose of the project? What problem am I trying to solve? What is my portfolio site for/what will it accomplish?

Create a mission statement before starting to design a website, it will provide a clearer picture. The primary function must be showing my work.

Miro board link

  • Experience building and designing a website
  • To showcase finished and ongoing work – Display my work/strengths
  • To network, present myself in a professional and friendly manner and to give the viewer/client a sense of who I am
  • To create a portfolio for my work
  • To show my work to prospective clients and increase the amount of freelance work I get to do – create a name for myself
  • Networking
  • To create a web presence
  • To show employers who I am and what I can do
  • Gain more exposure
  • Online profile to promote work
  • Generate a level of professionalism
  • Demonstrate skills level in website building
  • Help me get a freelance work/work placement
  • Present my process
  • Develop an online presence
  • Present myself as a brand and promote my brand
  • Contact me more easily
  • Demonstrate my personality through a clear tone of voice
  • Become more recognised
  • Show my creativity
  • Learn how to employ new things with HTML5 and CSS to make a great portfolio
  • Present my process (research or writing – case studies)
  • Make it unique and memorable

My mission statement:

“To create and showcase unique, high quality designs in a professional manner to help other people achieve their goals and promote my skills”

Priorities for my website


  • Online profile promotes work
  • Allows clients to contact more easily
  • Displays my work well


  • To build a reputation for my brand
  • Gain more exposure
  • Present my process (research or writing – case studies)
  • To showcase finished and ongoing work


  • Unique & memorable (has to do its primarily function well before it can be unique and memorable)
  • Generate a level of professionalism
  • Demonstrate my personality through a clear tone of voice

To build a good hierarchy/lists of priorities you have to find what needs to be done for other things to eventually be developed.

The work should be the MOST important thing – the brand is almost secondary to the work.


Look up and research them – evaluate and blog this.

For design – NOT a tone of voice guide

  1. Lucian Slatineanu
  2. Vladimir
  3. Sean Halpin
  4. Rachel Schmitz
  5. Taylor Ward
  6. Steven Mengin
  7. Edward Lim
  8. Kathleen Warner

IMPORTANT —> Don’t start with “hello there” or something similar; its been overdone and we have explored better writing practice at the start of the semester so revisit that. Tone of voice provides an opportunity to be more unique.

For Case studies

  1. SFCD —> They describe the function of their work through animation in detail . They use a large header followed by a short summary – awesome key introduction. Using animation and motion can be difficult – especially for beginners – so use it sparingly. They have also used a multipage site. It is a superb website!
  2. One page love —> try to tackle your own content for your website first, reviewing too many websites can sometimes trip you up. It becomes an overload of information.
  3. Site Inspire —> full of good examples. Immersing yourself in good design work is just as important.

Web standards

  1. Media Queries —> good for reference and insight in to how responsive sites interact.


It doesn’t need to look pretty – it is simply a plan for a web page to work from. Start on paper – its quicker and easier. (Examples bellow)

Start with loads of ideas – start small and fill the boxes, this can help get your flowing. (Examples bellows)

You can even create a key for your interactive elements, that way you can plan in boxes instead of having to spend time drawing.

Then pause and pick the best ones; then repeat the process, drawing the promising ideas out again in higher fidelity and in larger boxes (I could try making them bigger – maybe 4 boxes per A4 page) – an idea should emerge from that.

You can then try making a:

Paper prototype (at actual size)

Digital wireframes

Digital prototype


  • Simplify it for yourself
  • Don’t stick to  your first idea and force it to work – EXPLORE the other options!
  • Make connections through iterations and analysing what’s working/doesn’t work
  • Reject what doesn’t work and go a different direction
  • You won’t know what is your best idea if you haven’t explored all of them
  • Language shapes text. Use real text when putting in placeholder text and not ‘Lorem Ipsum’
  • Start with your current websites from IXD101 – how can these be modified? How does the brand map to it?
  • Idea generation Osborn checklist. Substitute –> Combine –> Adapt –> Modify –> Put to another use –> Eliminate –> Rearrange

Substitute — Different ingredient? Other material/processes/place? Other approach? Other tone of voice? Someone else?

Combine — Combine units, purposes, appeals or ideas? A blend, alloy, or an ensemble?

Adapt — Is there anything else that works like this? What does this tell you? Is the past comparable?

Modify — Give it a new angle? Alter the colour, sound, odour, meaning, motion and shape?

Put to another use — As it is? If modified?

Eliminate and/0r add — Can anything be added? time, frequency, height, length, strength? Can it be duplicated, multiplied or exaggerated? Opposites? Backwards? Reverse roles? Change shoes? Turn tables? Turn other cheek? Transpose ‘+/-‘? Can anything be taken away? Made smaller? Lowered? Shortened? Lightened? Omitted? Broken up?

Rearrange — Swap components? Alter the pattern, sequence or layout? Change pace or schedule? Transpose cause & effect?

Here is a link to a Miro board template

“It is easier to tone down a wild idea than to think up a new one” – Alex Osborn

  • Be ambitious
  • Explore options and opportunities
  • Consider web standards

To do

  1. Read and blog the article by Adham Dannaway.
  2. Read and blog article by Dustin Senos
  3. Content planning – element collage from last week will help for interactive/design elements. Consider the formatting and placement of elements. What projects should I include? In what order? Text to include? Informative/for tone/bio? Contact details? Any additional details/links? What content/Imagery?  —–> what do I need to say and how am I going to say it? Is information better as text or diagram? Will it be text/hero/image lead? What is my first impression going to be? Will it be a single page or multiple page website?

DEDLINE 07/05/21 at 11am


  1. Bio & Brand Dictionary
  2. Monogram
  3. Wordmark
  4. Visual Marque
  5. Brand Guidelines
  6. Website Design
  7. Website Build
  8. Research blogs

Here is the link to my Gantt Chart – I created this to try and help keep myself organised and on track.