'A Conversation' - Documentation

Page 1


Project Synopsis

Conversatons that interest me

This module enables me to develop the integrated design methodologies required to work in a dynamic, professional, creative and commercial environment.

Social: - Scocial Media and it’s increasing effects on society. > Negative outcomes of social media > Cyber bullying and it’s influence > Abuse of Social Media and it’s effects > Positive outcomes of social media > Promotion for Business economics - Social media and it’s growing influence. > Who? - Society in general? - Governance? > Why? - New modern society?

Project Requirements The assignments will incorporate a range of stringent professional requirements, involving personal time management, detailed research, creativity and originality, as well as a high level of technical expertise.

Project Task Brief: A Conversation I will need to Take time to develop ideas and experiment with different media, materials and technologies. questions that will help to produce a concept: 1. What’s the most important conversation for today? 2. What’s the most important conversation for the future? 3. Who will you speak to? 4. What is the message? Summative Answers: 1. Conversations that overlook internatoionally / nationally / locally 2. improvements in social / economic / Political factors 3. Different blocks of the social standing ladder 4. The significant factor which led to the uprising of the conversation Specific Answers - in relation to the economic factor: 1. The economy in general (global) in relation to business. 2. Business economics - to improve the economy. 3. The business industry mainly, designers and the general public. 4. The importance / significance of design in business.

Political: - Should we stay in the EU? > Positive - Business? - Free Trade? > Negative -less useful ally if it was detached from Europe? - Expose the ‘forgotten countries’ > Bosnia > Syria > Somalia > Ghana > etc. Economical: - Global Economy - National economy - Local > Improve - macro economics- micro economics > business - starting up businesses

Factor to take forward : Economical The reason why I have chosen this factor rather than the other two factors is because, I have a personal interest in the world of economics and undersanding the situations evolved around economics globally and how these situations can be solved. Also I am passionate about design and would like to therefore create a correlation / link between design and economics.


Mind MAp Bosnia, Somalia etc.

BUSINESS

‘Forgotten countries’

IMPROVE

Promote

Political

Modern Culture?

Global Economy Show facts & figures Fit into modern culture

maintain Design effort

‘Conversation’

ECONOMICAL for example. Apple growing business Abuse of Social MEDIA

“Good design Design has great means good significance on business” business Business Firms (Primary) For who? People in general (Secondary) Designers (Primary)

Social

Social Media and it’s effects Influence

individuals

Negative

Positive

Cyber-bullying

Promotion

Why?

Who?

Business Prove design is important in design

How to show this?

I have created a mind map to visualise what my conversations could be about and how some factors interlace each other. the three main ‘conversations’ which stan out are: 1. Social Media and it’s effects. 2. Importance of design in business. 3. Design for politics. As it’s clear below (mind map) the economics side of conversations is very large and interesting. From this it can be stated that ‘Business and design’ will the topic / concept that will be pushed forwad in this brief.


Ideas : Social Media ON THE LEFT I HAVE CREATED A vertical diagram showing the narrowing of the concept - ‘Social Media and it’s effects’. The diagram shows how each time (one arow down) a new concept arises and gradually is narrowed down to the point where final ‘conversation’ is created where it is not too broad. Furthermore, during this ‘narrowing’ process - 3 main factors have shone through, creating the main messages in the concept of ‘how business is a driving a business revolution’. Ceo’s must evolve: There is a 2013 study (‘2013 CEO, Social Media and Leadership survey’ by BRANDfog) showed that more than 80 percent of those surveyed feel it is vital for CEO’s to interact on social media, there are still numerous CEO’s who decline to participate. Nearly 88% of BRANDfog survey respondents also said that social media use by CEO’s helps to raise a brand’s profile, and about 69% said that the use of social media by executives makes a brand seem more honest and trustworthy. Upstart Prevail: Some of the most successful businesses are small startups that have learned to use technology to gain an edge. these companies learned to generate buzz by creating viral content and encouraging shares and likes. Once a product or service becomes the one everyone is talking about, customers gravitate toward it, eager to learn more. Customer-driven change: Customers are now providing feedback for the company in social media and these companies need to address these issues in social media.


Ideas : Economy ON THE LEFT I HAVE CREATED A vertical diagram showing the narrowing of the concept - ‘How to improve the economy’. The diagram shows how each time (one arow down) a new concept arises and gradually is narrowed down to the point where the final ‘conversation’ is created where it is not too broad. Furthermore, during this ‘narrowing’ process - 4 main factors have shone through, creating the main messages in the concept of ‘how business is a driving a business revolution’. Designing Business strategies: Many businesses are recently adopting design to make strategies more creative in return making their products and services more compelling. examples of these companies are: Lego, Steelcase, P&G etc. Design is more than just designing / crating products. Creative ingenuity can be used to expand business through design principles. Most businesses see strategies as an analytical excersice, but I BLIEVE IT SHOULD BE MORE OF A CREATIVE PROCESS. THE ANALYTICAL PROCESS IS A PREDICTION FOR THE FUTURE, WHEREAS USING CREATIVITY AND DESIGN THE FUTURE CAN BE CREATED. DESIGN MAKES THE FUTURE . STEVE JOBS - “Here is a future we can create” Maintenance of design efforts: I believe that maintaining strong design effort in business is crucial. For example, Apple. They have pushed design foward and maintained their design efforts - Sir Jonathan Ive, the chief design officer of Apple has made sur eof this - “Our reputation for world-class design differentiates Apple from every other company”. Branding: Branding is everything from a logo, a website, social media experiences and the way the phone is answered in business. A brand is the way customer perceives a company. Ultimately, branding covers a great area within business itself, therefore it can be said that branding has a great impact on business - in terms of customer service, promotion, product / company positioning and product / company life expectancy. Promotion and Advertising: There is a difference between promotion and Advertising. Advertising is a one-way communication with the purpose to inform potential customers about products and services and how to obtain them. Promotion involves disseminating information about a product, product line, brand, or company.


Rick Poyner Rick Poyner is a British writer on design, graphic design, typography, and visual culture. that preoccupies him the most is communication design. He describes it as a communicative surface, a connective tissue: the visible part of an object or experience that pulls in the viewer or reader. This gives me an insight into exposing how communcation within design is important and effective. He also further explains that he can’t begin to assess graphic communication without also taking an interest in the enterprises and subject matter that it bolsters and interprets. Therefore, this gives me advice in a way / gives me a reminder that I WILL NEED TO CARY OUT a substantial amount of research around my concept / idea before going ahead out to creating my final communication piece. He further explains how we are to expect to find items here about photography, film, art, illustration, collage, visual literature and popular culture, and unusual museums, as well as graphic design topics.


Johanna Drucker Johanna Drucker is the Breslauer Professor of Bibliographical Studies in the Department of Information Studies. She is internationally known for her work in the history of graphic design, typography, experimental poetry, fine art, and digital humanities. Johanna’s one notable book ‘Graphesis’ (ISBN: 9780674724938), provides a descriptive critical language for the analysis of graphical knowledge. The book shows how visually rendered knowledge has emerged and developed over time, growing familiar but also defining or reinforcing ways to apprehend information. From reading this book I can relate to the times of now; The world has changed, and information design has shifted significantly with it. In this text, Drucker should be applauded for taking a broad view of her subject, tackling little-studied imagery as well as visual systems of thinking. Ultimately, johanna opens my mind in the sense that visual language is powerful and effective, but should take into consideration of other factors which may have changed over time.


Moises Naim Moises Naim is an internationally syndicated columnist whose writings are published by leading papers worldwide. One of his most notable books; ‘The END OF POWER’ (ISBN: 9780465065684), MOISES EXPLAINS THAT Power is not merely shifting and dispersing, BUT It is also decaying. Those in power today are more constrained in what they can do with it and more at risk of losing it than ever before. In The End of Power, award-winning columnist and former Foreign Policy editor Moises Naim illuminates the struggle between once-dominant megaplayers and the new micropowers challenging them in every field of human endeavor. Drawing on provocative, original research, Naim shows how the antiestablishment drive of micropowers can topple tyrants, dislodge monopolies, and open remarkable new opportunities, but it can also lead to chaos and paralysis. Naim deftly covers the seismic changes underway in business, religion, education, within families, and in all matters of war and peace. Accessible and captivating, Naim offers a revolutionary look at the inevitable end of power – and how it will change your world. This gives me an impression into the notion of designing for politics and how design can give the ‘power to persuade’.


IAC - INTERNET ADVERTISING IAC/InterActiveCorp is an American media and Internet company, with over 150 brands across 100 countries, headquartered in New York City. They decided to create a new award program to recognise outstanding online advertising in all of its various forms. While many advertising award shows had a category for online, no program was dedicated to it. what the company expresses is that online represntations of businesses is such a big play in ‘business’. According to eMarketer spending on ad served to Internet connected devices – including desktops, mobile phones and tablets, will reach more than $137 billion. As spending increases, creative agencies need ways to objectively demonstrate to advertisers their ability to create outstanding online marketing materials. Winning awards is one excellent way to accomplish this.


Design Council Design council (www.designcouncil.org.uk) are a charity dedicated to improving people’s lives through the use of design. They help grow businesses, improve the built environment, and transform public services. They also offer paid-for design support, deliver partner-funded programmes, and campaign to raise awareness of the value of design. This really struck me as important as this is what I wanted to in terms of my concept in the brief ‘A Coversation’. How this organisation links inwith my concept is that I want to also express how design is important and majorly significant in business in terms of business growth and maintenance. One way design council help businesses is that they can help you to strengthen the commercial potential of your business and enhance your intellectual property in order to get to market quicker. Ultimately, Design can play a key role in developing a vision and strategy for your growing business as well as developing appealing propositions to attract onward investment and new customers for your products and services.


Ideas At the end of brainstorming my thought about the topic that I would like to explore - Ultimately the economics factor has shone through and this can be seen visually in the initial brainstrom as well as the expolration of this factor. This exploration has led me to narrow down to the topic of ‘improving the economy’. Through narrowing down this topic further - it is set that my goal is to ‘improve the ‘local economy’ as this will help the national and th en the global economy. To improve the ‘local economy’, the local businesses are vital to improve the ‘local economy’ - therefore these local businesses need to undersatnd factors which can help maintain and flourish. One main factor which I am interested in and which has a great significance in busninss: is design. There many avaneues of design within business and one which stands out is web design. The reason for this due to the technological changes - bsuiness do need to keep up with the ‘times’ and one way is technology. There is a 2013 study (‘2013 CEO, Social Media and Leadership survey’ by BRANDfog) showed that more than 80 percent of those surveyed feel it is vital for CEO’s to interact on social media - this shows that most communication is based online, therefore companies need to create an online database which makes them more visible. In return, improving business communication and promotion - linking towards success. Ultimately business communication and visibility is of great importance and should be taken in to consideration. Idea 1: My first idea is about the effects of social media on businesses. Even though this does tie in with the importance of web design - social media is a topic which can be explored wholey itself. Idea2: Design for politics. Design can influence the governance - whether it be for uprising or general support. But this topic exposes the influence of design. Idea 3: The importance of web design in business and how it can influence business communication and success. This can ultimately influence the local economy, which is solely the main topic ‘to improve the economy’. IDEA CHOSEN: The importance of web design in business - exploring the role of online communication and how it can improve business communication and iprove ‘business’ in terms of succession.


What is web design Briefly, website design means planning, creation and updating of websites. Website design also involves information architecture, website structure, user interface, navigation ergonomics, website layout, colors, contrasts, fonts and imagery (photography) as well as icons design. Elements of web design: Layout: This is the way the graphics, ads and text are arranged. In the web world, a key goal is to help the view find the information they seek at a glance. This includes maintaining the balance, consistency, and integrity of the design. Colour: The choice of colours depends on the purpose and clientele; it could be simple black-and-white to multicoloured design, conveying the personality of a person or the brand of an organization, using web-safe colours. Graphics: Graphics can include logos, photos, clipart or icons, all of which enhance the web design. For user friendliness, these need to be placed appropriately, working with the colour and content of the web page, while not making it too congested or slow to load. Fonts: The use of various fonts can enhance a website design. Most web browsers can only read a select number of fonts, known as “web-safe fonts�, so your designer will generally work within this widely accepted group. Content: Content and design can work together to enhance the message of the site through visuals and text. Written text should always be relevant and useful, so as not to confuse the reader and to give them what they want so they will remain on the site. Content should be optimized for search engines and be of a suitable length, incorporating relevant keywords.

Creating User-Friendly Web Design: Besides the basic elements of web design that make a site beautiful and visually compelling, a website must also always consider the end user. User-friendliness can be achieved by paying attention to the following factors. Navigation: Site architecture, menus and other navigation tools in the web design must be created with consideration of how users browse and search. The goal is to help the user to move around the site with ease, efficiently finding the information they require. Multimedia: Relevant video and audio stimuli in the design can help users to grasp the information, developing understanding in an easy and quick manner. This can encourage visitors to spend more time on the webpage. Compatibility: Design the webpage, to perform equally well on different browsers and operating systems, to increase its viewing. Technology: Advancements in technology give designers the freedom to add movement and innovation, allowing for web design that is always fresh, dynamic and professional. Interactive: Increase active user participation and involvement, by adding comment boxes and opinion polls in the design. Convert users from visitors to clients with email forms and newsletter sign-ups.


Ikea Companies such as Ikea have invested in ‘good’ web design:


Ikea Focused more on simplicity (modernsim) and site accessibility, search and filetering processes - Keeping up with the ‘times’.


Hermes Paris Companies such as Hermes have invested in ‘good’ web design:


Hermes Paris Focused more on aesthetics (post - modernism) and some site accessibility - Keeping up with the ‘times’.


WEB DEsigner: DAN Whilst researchng web designers, I came across a website designer; Dan. As i came acorss his website it did give some idea of his abilities in terms of design practice and styling. Also on his website he did state of what he does and what he thinks a web deisgner is and it importance. I have some screenshots from his website which gives an insight into what website designer in this case dan thinks about website creation / design.

www.alittlebitofsomething.co.uk


WEB DEsigner: DAN As you can see from the screenshots - `dan has made some bold statements about what he thinks. Dan most importantly advertises the fact that designing websites is not something that everyone know how to do and should left to the poeple who are ‘good’ at it. Furthermore, it also stated that web designers are knowledgable in the fact that they know how a style of design will benefit a business and what is ‘good’ / ‘bad’ design.

www.alittlebitofsomething.co.uk


Web Design: Research Findings A small selection of web design, usability, and accessibility related results of research, most of them derived from ‘Human Factors International’: “Design is a key determinant to building online trust with consumers. For motivated users of an information site, bad design (busy layout, small print, too much text) hurts more than good design helps.” - Sillence, Briggs, et al. (2004).

“In 2001, Bernard found that prior user experience with websites dictated where they expected common web page elements to appear on a page. The same still holds true today: Users have clear expectations about where to find the things they want (search and back-to-home links) as well as the things they want to avoid (advertising).” Shaihk and Lenz (2006).

“Layout on a web page (whitespace and advanced layout of headers, identation, and figures) may not measurably influence performance, but it does influence satisfaction.” - Chaperro, Shaikh, and Baker (2005).

“When assessing web accessibility under four conditions (expert review, screenreader using JAWS, automated testing via “Bobby,” and remote testing by blind users) those using screenreaders find the most issues, while automated testing finds the least number of accessibility issues.” - Mankoff, Fait, and Tran (2005).

“Experience matters: Blue links are easier to click than black ones, even though black ones have higher visual contrast and are easier to see.” - Van Schaik and Ling (2003).

From this research, we have gathered a personal insight what web designers think a ‘good’ website design is and the importance of website design.

“It’s important to consider the users when you have a choice of icons, links, or both. Initial performance is best with the link alone. Frequent users can use either equally effectively. Icons are not faster, relative to text links alone.” - Wiedenbeck (1999). “Rules of thumb for icons: Make them as large as feasible, place frequently used icons in a persistent task bar, and arrange them either in a square (first choice) or in a horizontal layout.” - Grobelny, Karwowski, and Drury (2005). “The acceptance and impact of animation is enhanced when users are warned to expect it and allowed to start it when they want.” - Weiss, Knowlton, and Morrison (2002). “Use of whitespace between paragraphs and in the left and right margins increases comprehension by almost 20%.” - Lin (2004). “A format of 95 characters per line is read significantly faster than shorter line lengths; however, there are no significant differences in comprehension, preference, or overall satisfaction, regardless of line length.” - Shaikh (2005). “Applications vs. websites: In general, visual layout guidelines for GUIs also apply to the web, but there are differences to be aware of. For example, dense pages with lots of links take longer to scan for both GUI and web; however, alignment may not be as critical for web pages as previously thought.” - Parush, Shwarts, et al. (2005). “Narrative presentation enhances comprehension and memory. Narrative advertisements produce more positive attitude about the brand and a higher incidence of intent to purchase.” - Escalas (2004). “On sites with clear labels and prominent navigation options, users tend to browse rather than search. Searching is no faster than browsing in this context.” - Katz and Byrne (2003). “Users will wait longer for better content. Users will wait between 8-10 seconds for information on the web, depending on the quality of the information.” - Ryan and Valverde (2003). “Consumer purchase behavior is driven by perceived security, privacy, quality of content and design, in that order.” Ranganathan and Ganapathy (2002).

From this research I have found 10 essentials for website design to be successful. 1. Purpose 2. Communication 3. Typefaces 4. Colours 5. Images 6. Navigation 7. Grid based Layouts 8. ‘F’ pattern design 9. Load Time 10. Mobile Friendly


Case Study: Buzz Mobile Doncaster To know exactly how a website would look like if it needed improving to boost its economics I went out looked for companies in the locally from which I can analyse and pcik out what can be improved - in return improve website function, ‘ease of use’ and aesthetcis.Furthermore, I will show the business my analysis and show how they can improve their website and also show designers how this can be carred out. Therefore, I will need to communicate in a way whcih my message can come accross in the bsuiness sector and designers. Business to lok at: Buzz Mobile Doncaster


Case Study: Buzz Mobile Doncaster As its clear from the screenshots from the website of Buzz MObile doncaster - It can be stated that website is too clustered and there is ultimately no clarity. Furthermore, the website does need to be updated in terms of products and services.


Case Study: Buzz Mobile Doncaster After analysing the ‘Buzz Mobile Doncaster’ website, I have communicated with the business and got in touch regarding the website and we have come to a conclusion on the basis on improving the website. Below are the mian pointers that will improve the website functionality substantionally: Layout: The goal is to improve the view find the information they seek at a glance. Therefore, there should be a consistency of the design. Colour: The main colours are black, green and white and this should be implented in the design and should be sonsistent. The reasons for the colours is due to the brand of the company. Graphics: The logos and ‘good’ quality photos will need to be taken into consideration. all of which enhance the web design. For user friendliness, these need to be placed appropriately, working with the colour and content of the web page, while not making it too congested or slow to load. Fonts: There will only be one font family as various others fonts will make the overall design incosistent and unclear. Content: Written text should always be relevant and useful, so as not to confuse the reader and to give them what they want so they will remain on the site. Furthermore, outdated information should be removed to save on self from discontinued content and information. Also the website Content should be optimized for search engines and be of a suitable length, incorporating relevant keywords. Social Media: In addition, social media platforms such as facebook, twitter and instagram should be promoted to increase business publicity.


Communication For this brief I would liike to improve business ecoonomics by using design. And one of the most influential part of the design process is web design. Therefore, I would like to point out what makes a ‘good’ web design which in trun will help business and business economics. As my main audience will be in the bsuiness sector as they should know if their websites are ‘good’ enough - I will therefore need to find a way to coomunicate with this audience on the most effective and ‘best’ way, Effective visual Communcation in the workplace: - Electronic : Slide Presentations : Slide presentations offer a visual element to meetings that can help employees better understand the subject matter of a meeting and keep minds from wandering. However, this is short-lived as Power-POint is not universallyloved as criticisms include; It elevates format over content, Presentations can be boring and full of bullet points, makes communication presentation-orientated not audience-orientated. - Electronic : Videos : Videos can be effective as a way to introduce new products to an entire company. Some even find it time-consuming and disruptive to their work day. Unlike written media, you can’t quite skim through a video. There are no organised headers or bullet points to guide one to the area they’d like to know more about. It isn’t something you can just print out for later. - Written : Displays Overall, written communication is dominates in this region. Individuals may choose to use written communication if they need to reach multiple individuals at different locations with a similar message. This communication time may also help senders conveyed technical messages that have several instructional steps individuals must follow or diagrams and charts needing to be reviewed for receivers to understand the message. - Verbal : Meetings : Verbal communication is a common way individuals transfer their message to other individuals and businesses. Verbal communication methods may include meetings, in-person interviews, telephones and video conferencing. Verbal communication may be the best communication method because it allows people to assess the verbal or nonverbal inferences by individuals giving a message. It may also create a more comfortable environment for receivers to ask questions and get feedback from individuals giving the message.


Visual Communication Visual communication is a from of communcation that needs to be recognosed as great importance in terms of business communication. Thsi may be affected by our new culture, social changes within society e.g. Technology, Social Media, ONline, WEBSITES, MOBILES ETC.

HP.COM/LARGE/PG/ASSETS/BUS-SOLTIONS/POWER-OF-VISUAL-COMMUNICATION.PDF

From the visual it can be stated that ‘visual’ communication is important and it should include important messages which are concluded and simplified for ease of ‘getting a point across’. Furthermore, it also shows that only 10% of people remember what they hear. Reading doesn’t help the cause much, with only 20% of people remembering what they read. But 80% of people remember what they see and do. And it’s more than just that. They also learned that visuals are processed 60,000X faster than text and that 93% of communication is non-verbal. One way of communicating visually and most effectively as possible is by using infographics in business.


Infographics An infographic is a way to present information, data, and knowledge in a visual manner. It is an optimised way communicating highly informative. This is a great advantage, because Consumers do not want to read a lot of information and it is a fact that the majority of people absorb information better if it is presented in a visual manner. Businesses are using infographics as a way to engage their target market and drive traffic to their website. When an infographic is done correctly with the right content, design, and layout it can provide the serious return on investment that every business owner desires. A successful infographic needs to have some qualities: UNIQUE: There are many infographics that look the same and consumers will not engage with an infographic if it has the same look as the others that they have seen. There are a lot of infographic template programs out there that allow the user to input information into a template and it spits out an infographic. These are easy to spot and they lack the special element that draws consumers to them. NEVER use a template because your customer base can easily pick them out. the goal of the infographic is to get consumer interaction as well as other websites to share it. SIMPLE: The trick to creating a good infographic is to make it visually appealing while keeping it simple at the same time. If there is too much going on many people will lose focus and they will not get the “message” you are trying to get across. This is visual marketing at its finest and a great opportunity to attract a whole different customer base. CREATIVity: This is where the design comes into play and it needs to punch the reader in the face when they look at it - “Check this out!”. This has everything to do with the content and message as much as it does with the actual design. The combination of these elements results in the success or failure of the creativity. MINIMAL TEXT & HIGH IMPACT: The point of an infographic is to use a visual medium to capture an audience and create a buzz. You want the reader to take a glance and immediately be interested in learning more. If there is too much text to digest it will push a lot of potential views and readers away before they even have a chance to find out what your message is about.


General Posters Here is just a general search on infographics, looking upon two different sides of design styling infographics. 1. Very clustered, filled with content. 2. The other is very simple, use of negative space and minimalistic.


David McCandless DAvid McCandless is an author, data-journalist and information designer, working across print, advertising, TV and web. One of his most notable pieces of work has been infographics/ information design. His information design work has appeared in over forty publications internationally including The Guardian, Wired and Die Zeit. What makes david a designer worth researching (his work) is because of his style of work; of whcih is very simple, whcih makes the design process very complex and the content is very complex itself, but the design of the infographic makes it look so simple and easy to understand. Furthermore, from analysing his work his work is very simple, focusing on functionality as a message needs to be brought accross but also having an interest in aesthetics.


Information is Beautiful ‘Information is beautiful’ is a book written by DAvid McCandless. The book contains visually stunning displays of information. ISBN: 9780007294664.


Paul Butt ‘Split Second’ - A poster visualising every person who has ever run 100m in under 10 seconds, the number of times they’ve done it and the conditions in which they did so. - Very simple, minimalism, modern, negative space.


Typography Serif: serif fonts are easier to read in print. The reason for this is because, the serif makes the individual letters more distinctive and easier for our brains to recognise quickly. Without the serif, the brain has to spend longer indentifying the letter, because the shape is less distinctive. Sans Serif: Sans serif fonts are better on the web. The reason for this because, due to the minimal and bold style makes it asier to read on the web as printed works generally have a resolution of at least 1’000 dots per inch; whereas, computer monitors are typically around 100 dots per inch. Summary: Even though there is a distinctive difference between the two types of typefaces. However, with introduction to new technology such as tablets, laptops etc. There is a compromise between the two distinctions - Print and screen. AS my work will be both printed and on screen for others to view I will can / have a mixture of both types. However, as my style of work is minimalism - keeping as simple as possible - There should be a consistency of typefaces. There should be only one set of a typeface. Therefore, I will use a sans serif typeface as this will be the best out of the two as this would be the best in correlation to express an important message and strong communication.

Aa Serif

Aa Sans - Serif


Typography

A 180 pt

A

360 pt

A

720 pt


Typography

tracking Leading kerning


Banner Research Here i have taken shots of banners, whcih I can produce my work across as alongside leaflets. Each page of the layout can be chnaged vertically can easily produce a layout for a banner.


Banner Research


Na Ree Lee - Colours Colour visions power: Colour has been employed as an effective communication tool in advertising. It has very clever and persuasive influence: “because colour exerts its effects on a subconscious level (not in all cases but in many cases), people do not realise that they transfer its effects onto the contents of a package (or a product) or onto an advertising message�. - Colour as a tool for e-branding, NA Ree LEE What this article shows me is that colour is important in design as explained above; colour plays a part in how a message is coommunicated effectively or not.


Colours - Pastel The use of pastel colors in web design is more than a recent trend, it is a technique designers have used for years to create impactful visuals. When you hear “pastel”, pale pinks, blues and yellows might come to mind, but there is so much more to this type of color palette. These hues can be quite bold when paired with other elements in the proper way. Much of what we are seeing with today’s pastel color trend was born out of flat design. Many of the bright pastels designers favor are scaled back versions of some of the super-bright hues that were popular at the start of flat design’s emergence. What’s nice about using pastels in flat design projects is that the colors still have the same feel and overall look, but don’t quite scream at the user for attention in the same way. A pastel and flat color outline makes it a little easier to use color to direct users to certain parts of the screen or highlight important text elements.


Colours Here I am laying out the colours that I will be incoporating into my work - Im thinking about the light and dark shades that will be used in my illustrations and infographic.


Flat Design Then came a shift toward skeuomorphic design, which attempted to bring real life to the screen, with artificialrealistic textures, drop shadows and real object characteristics. That has given way to the flat design trend, which opposes all of these ‘artificial’ design techniques, in favour of a more simplified, classically digital aesthetic. Flat design is a minimalistic design approach that emphasises usability. It features clean, open space, crisp edges, bright colours and two-dimensional/flat illustrations.


Darko Vujic Darko is a graphic designer from Serbia. Here he has created a Thin line flat design of Green energy, Save the planet, Online treatment and Health care. Modern vector illustration concept. Simple, Clear, minimal, clear messages.


Jing Zhang Jing is an illustrator based in the united kingdom. Here she has created An illustrative calendar project for TOTAL Russia, with Design Bureau in Moscow. Simple, clear, eye catching.


Jing Zhang


Outcome For this proect I really want to express and show how to create/ design an effective website (online representation). To achieve this goal I would like to outline the main factors with a effective web design, so therefore I came up with the idea of creating a game - gameboard. I took inspirayion from th gameboard - monopoly. The goal in this game is to become the most successful financially and I thatis why I took tis concept, because in the same way I want people to play my game (gameboard) and undersatnd how to be successful online representationally more specifically website design. As you can see in the scan of my sketches there will be ‘chance cards’ whcih you can aquire from landing on certain areas on the gameboard. These chances will act as the responses from clients/ customers/ people in general which could be positive or either negative. Even though this form of outcome is unique, however, I think the main message might be lost within the game and that it will not be the best way to comunicate within a business/ business industry.


Outcome This is my second idea for my from of outcome. What this idea consists of is - a poster which includes a tower, which shows how you would get to get to the top/ effective web design. As you can see from the scan there are different levels/ stages to an effective web design. Even though the different factors to an effective web design is clear - this form of outcome will not be detailed and will therefore leave out important details whcih elaborate the different factors.


Outcome Leaflet:

Set of posters:

- Informative - Visual - Simple - Clear

- flowing infographic; from left to right - Informative - Visal - Aesthetics


Outcome Alongside the leaflet I could create a benner as this could be placed on many platforms rather than just only a leaflet. Furthermore, the long banner can be printed a large scaled banner hung up in the workplace to show/ express/ create a reminder of what an effective web design is. Banner and Leaflet: OUtcome.


Sketches I have decided to use infographics/ visual communication to express the factors involved in producing an effective website design. There are two of which i can place these infographics/ visual - either as leaflet 6 sided (double sided) or as a long banner/ poster. Below is the sketches of the visual involved in this outcome.


Sketches


Sketches


Sketches


Sketches


Layout - Experiment


Leaflet Layout - FINAL Information Side - First Side

TITLE TITLE

DESIGN

60% text text KING

TITLE TITLE

text

TITLE

Focal point - visual - flat design - second side

TITLE TITLE


Layout - Optimise - COntent 1. 67% of users purchase using smartphones. 2. 67% of users are more likely to make a purchase with a smartphone on a mobile friendly site than on a nonmobile optimised site. 3. 90% of people use multiple device screen sequentially. 4. Since 66% of smartphones and tablet users are fustrated with page load times, responsive design must be executed elegantly to ensure fast and fluid load times. 5. Good web design -> More Visitors -> More Sales


Colour - Flat Colours - COntent 1. Flat is very simple in terms of form, and that helps one to focus on the usability of site/app. 2. flat makes it a lot easier to make sites responsive, as one does not need to scale images, effects and so on. 3. It helps user focus more on the content. 4. Flat makes leading the user through site easier. 5. Design is now very clean so the only emphasis one needs to use are fonts, colors and shapes.


Typography - COntent 1. Sans Serif 2. Sans serif fonts are better on the web. The reason for this because, due to the minimal and bold style makes it asier to read on the web as printed works generally have a resolution of at least 1’000 dots per inch; whereas, computer monitors are typically around 100 dots per inch.


Social Media - COntent 1. Increase traffic to web 2. INcrease organisation awareness 3. Able to monitor organisation activity 4. Able to develop targeted marketingactivity 5. Able to get a better understanding of customer perceptions.


Graphics - content - COntent 1. 94% of users’ first impression are design-related. 2. 85% of customers search the web before making a purchase decision.


Campaign Strategy Aim:

S.w.o.t Tactics:

Primary: Educate about and improve online business representation.

- Inflict campaign message on companies

Secondary: Gain the interest of businesss to take strategy further in improving their ‘business’using effective web design.

- Publicising Issues - Promote social media activities

The Situation: Methods: As in the current economy with low investment in business, I would like to promote change in this matter. The route that I will take to pursue this issue, will be tackling micro economics such as local businesses, which in return will positively affect micro and macro economics. With new technological advancements and social embracement of the online world, businesses need to keep up with the ‘times’ and take into consideration their online representations and how to effectively take advantage. ‘2013 Ceo, social media & leadership Survey’ by Branfog - Showed that more than 80% of those surveyed felt it is vital for Ceo’s to interect on social media, there are still numerous Ceo’s who decline to participate. This shows that there are companies out there who are neglecting the significance of their online representations and its effect on them as a business. Many companies think that graphic design is expensive and that it is something that can be ‘brushed under the carpet’ and that it can be ‘shrugged off’; this should not be the case for online design.

- Collaboration - Online activism: email actions, social media and and blogging - Awareness raising: Face-To-Face conversations, exhibitions, public meetings, event stalls and word of mouth - Lobbying: Engaging with public enquiries and consultations Communications:

S.M.A.R.T Objectives:

- Campaign NAme

- Build up clientele

- Counter Arguments

- Build allies

- Websites & social media

- Generate an undersatnding of effective web design

- Visuals

- Let the campaign snowball itself using effective political tactics such as socal media

Monitor and evaluate:

Summary: Create effective communication methods, whcih will enable a snowballing effect on the campaign.

Activities:

Stakeholders:

- Social Media - messages and ‘most shared’

- Local Politics: Mayor, Councillor, local council, committees and cabinet

- Web Analytics - ‘WHAT PEOPLE ARE READING THE MOST’

- Business: Local businesses & employers and local corporations

- Stakeholder engagement - following, up, organise meetings

- Communities: Community leaders, commuinty groups and school governers

External Environment:

- Prominent Influencers: High profile individuals, academics and companies

- Media Coverage, policy/ political/ campaigning environment (other campaign opportunities/ threats)


sketches - Back PAge


digital Development


digital Development


DEVELOPMENT - BACK PAGE CHANGE: I have decided to chaneg the initial illustration of what was going to be position on the back page of the leaflet. WHY: The simple reaosn why I had changed the design was due to the fact that the design was thats its message was not strong enough in showing that a mixtrue of factors should be considered when designing a website. NEW: The new design will include a set of a kitchen workstop, where it will display numorous items whcih will represent the different factors that should be considered. A blender will also be present to show that the factors should be mixed with each other to maximise design efforts. Furthermore, the kitchen setup allows a person to intepret the idea that designing a website is like n art like in cooking. Designing a website is a mixture of different factors that need to be considered.


New sketches


digital development - back page


digital development - back page


digital development - back page


digital development - back page


sketches - FRONT pageS


digital development - FRONT pageS


digital development - FRONT pageS


digital development - FRONT pageS


digital development - FRONT pageS


digital development - FRONT pageS


digital development - FRONT pageS


digital development - FRONT pageS


digital development - FRONT pageS


Banner - Print


Banner - Final Photos


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.