Introduction During the minor Graphic Design at the Fontys Economic School in Tilburg, we started our own graphic design agency: Studio Shift! For this project we have worked on interesting assignments for various customers. The process and the final results of our group and individual projects can be found in this process book. On the right you find the table of contents. - Team Studio Shift May 2020
0. Fundamentals 0.1 Trends 0.2 Corporate Identity The name The logo Colors Typography Visual expressions The shifters Old brand identity Intro and network 0.3 Studio Shift Our Shifters 0. 4 Businessconcept Mission & vision Why, how, what U.S.P What do we offer? Acquisition plan Business model canvas
p. 4 p. 7 p. 13
1. 0 Group projects 1.1 Pan artwork 1.2 Ingrid Willemse 1.3 St. Kinderdroomwens 1.4 ISO2Handle
p. 50 p. 53 p. 109 p. 144 p. 185
Individual assignment Iris 4.1 Magazine design 4.2 Logo design Appendix Quotations & invoices Pricelist & earnings Bibliography
p. 35 p. 41
p. 212
p. 252
0
FUNDAMENTALS
TRENDS - CORPORATE IDENTITY - BUSINESS CONCEPT
0.1
Trends
a general direction in which something is developing or changing
During the process of designing, it is important to have knowledge of the popular trends in the world of design. Although costumers might not come up with this themselves, it is important to keep this in mind and can help you to create the best possible results. Just as a fashion designer needs to be on top of the game regarding fashion trends, designers need to do the same.
Gradients Gradients became popular in todays designing world due to many things. However the key factor of why gradients came back is due to the fact that Instagram started using gradients in its logo. At first glance, people thought that the throwback to gradients was due to nostalgia of the 80s “vice city look�, but it turned out that people loved It not because of the throwback, but because designers shaped gradients into having a sophisticated look rather then it looking old fashioned. Gradient designing is probably one of the hardest trends to nail down as a graphic designer. In our project, we are going to use gradients as backgrounds of designs to make our logo’s and banners stand out more from the crowd and make the corporate identity of our clients more vibrant and modern. - Mick Trend: Gradient
Line-art Single line is a form of art in which the subject is illustrated using just single lines. A type of single line art that is commonly used, is one-line art. In this art form, there aren’t multiple lines, but the whole subject is illustrated using just one continuous line. The girl holding a glass of wine, illustrated by Annabella, is an example of single line art. While the art work of the faces displays one-line art. Mostly, there is not much depth in single line art, but that doesn’t mean it isn’t possible. When creating several lines close to each other, a type of shading can be created. This trend can be seen on a lot of paintings nowadays, but it can be also be found on objects like vases, pillows, or even coatracks.
Trend: Line-art
This type of art can be used in the world of graphic design and can be adapted in multiple ways. During our process, we have used this trend several times. When creating logos for PAN, we created some ideation in which the single line trend can be found. As well as for the logos of Ingrid Willemse, the trend is used to create elegant shapes using her initials. When working on the Ingrid Willemse website, we have used the single line trend in our mood boards. We eventually decided to let this come back in the font. So, some of the headers on the website are written in this style. Annabella also used a single line on her packaging design, that goes all around the package. Maybe not all applications of this trend are clearly visible at first glance, but we used the concept of single line art, which links to minimalism, in our designs. - Annabella
Minimalism Minimalistic design, it’s already in the word: minimal; as little as possible. (Dictionary.com, n.d.) Minimalist design first arose in the 1950s and 60s as a response to an increasingly noisy, technologically advancing culture. Suddenly simplicity, clean lines, and oodles of white space began to appear more and more in visual art, architecture and graphic design. (Reid, 2018) Nowadays you see it coming back in everything: logo design, web design, packaging design, book and cover design etc. At its core, minimalist design (or minimalism) is functional. No extras, no waste. Every element including shapes, color palette, and typography is necessary. A simple geometric shape or form is given the power to stand in for a more complex object or idea. Simplicity in form and composition is valued above all things. Minimalism works because our eyes and brains only have a finite amount of attention to give to a design. By giving our eyes fewer items to consider, we devote more attention to the ones that are there. This makes minimalism very versatile. (Reid, 2018) We used this trend several times in our designs. For example, you’ll see it in our brand identity and the look of this process book! We also implemented it for our customers like Ingrid Willemse and PAN artwork. In these examples you’ll see a lot of whitespaces, using not too many colors or multiple shades of one color used, which keeps the palette minimalist. The same goes for fonts. Sans serif fonts are chosen with clean lines. Some of these used fonts are legible and the paragraphs are short. We presented them either at a very small size or very large—both methods draw the eye to the text and make it the center of attention. Also, in some logo’s you only see a few shapes and lines to emphasize again: less is more. The less cluttered this tiny space is, the more quickly and efficiently that message can be communicated With these details set, the designs will evoke some key feelings of minimalist design: luxury, competency, uniqueness, and confidence (Reid 2018). Something a lot of brands want to radiate and achieve. - Iris Trend: Minimalism
Polygonal design There’s a new favorite shape in design these days – the polygon also called Low poly. These affectionately called “poly shapes” are popping up on websites, posters, and printed projects. And one of the best parts of this trend is that each design is different. Polygons are shapes that are defined in elementary geometry as a “plane figure that is bounded by a finite chain of straight line segments in a loop to form a closed polygonal chain.” The shapes can have any number of sides or orientation, can be filled or hollow, and can have paths and strokes that intersect. Polygons are typically flat, two-dimensional shapes, although in website projects some polygons animate move and seem to have more 3D characteristics. (Cousins, 2017) (Isoflat, 2019) Polygons are a fun technique for new projects or can bring new life to a design that’s feeling a little stale.
In this process book you will see this trend reflected in various sketches and designs. For example, Mick used it while designing the PAN logo, he has mainly used the polygon trend with the use of geometry shapes. The Polygon trend is also reflected in the second design for cycling clothing in the individual project of Claudia. - Claudia Trend: Polygonal design
0.2
Corporate identity Corporate identity; the qualities of a company that make it different from other companies, and the images, words, etc.
Corporate identity For this project we had to set up our own graphic design agency. After many brainstorming sessions, Studio Shift was born! In the following pages we will take you through the process of creating our studio and we will show you our final brandstyle, or in other words corporate identity. Have fun!
_FINAL LOGO This is the final logo for our studio
Our name Our studio, obvisouly, had to get a cool and catchy name. One that everybody feels good about, one that characterizes us, and one that easily gets remembered by our target group. In March we gathered at school and held a brainstorm session to come up with a name. We did this in a special inspiring room with lights. We had all written down names on the wall that came to mind first. Also the ideas of which you first thought they would not be good enough.Then, we discussed all options with each other. As a team, we chose the two best names per person. We then put these together on a board and discussed the pros and cons of them. In the end, we put some parts together and our name was ready: Studio Shift! Curious why we finally chose this name? You will read that on the following pages.
_INSPIRATION ROOM Writing down all of our ideas on the wall
_OUR IDEAS several brainstorm ideas
_MINDMAP All our thoughts why choosing this name
The Logo Then the final logo needed to be designed. While desiging we kept our moodboard in mind. On the next pages you will see the design process we’ve gone through as a team. First we tried something with thin lines, but we found that it needed some more body. Then we sketched something with a thicker font and cut it in half to get a tough effect. We took the letters apart and placed them above and next to each other to see how that works. You can see this on the last page with the sketches, that begin to look like our final logo.
_SKETCHES various elaborations for the logo
Old Corporate Identity During the first week, we as a group concluded that we were not satisfied with the final result of our corporate identity. As a group, we thought that if you have a corporate identity that you don’t fully support, your image will become cluttered. So as a last minute decision we completely changed our style. we have changed every little detail including our logo, font and color palette. all we have kept is our name SHIFT. It has been a bit of extra work, but each of us is happy with our new corporate identity.
This was our first logo, in the logo you can read the letter S. Even if you reverse the logo you will see the same. the S consists of 2 parts, these 2 parts separate are also an S. the 2 small S shapes are reversed. so they are “SHIFTed�. We have incorporated our logo in our group photo to give a nice graphical effect.
_Group Photo our group photo containing the old SHIFt logo
Our old corporate identity consisted of the color palette and fonts shown in the pictures. because we didn’t quite come up with our individual preferences at the beginning, we created a color palette that everyone could relate to. The result was a color pallet that we we were all not satisfied with. As the main color we had the orange color ,because it is very striking and we wanted a color that would immediately catch your eye. We chose a graceful letter for our fonts, because our logo was also very graceful and we wanted to create a consistent design.
_Mockups We also made a few mockups for our old coporate identity
New Corporate Identity In the end we finally chose for this logo. Because we think it stand for power while also maintaining a peaceful atmosphere. Also, it’s clean and minimalistic, but at the same time it’s also an eye catcher.
FINAL LOGO_ The final logo for our studio. Also in different expressions of our brandstyle colors
Colors We chose for the color purple and yellow because of the following reasons: Purple and yellow have a hot-cold contrast: In a warm-cold contrast, a warm color (from red to yellow) is combined with a cold color (blue and purple). The effect of such a combination is the optical illusion that the warm color comes to the foreground and the cold color to the background. (info.nu, 2010). Also, they are complementary colors, Complementary color schemes use two colors on opposite sides of the color circle. These colors contrast strongly, that is what we are also as a team. Useful when contrast enhancement between foreground and background is needed or to direct attention naturally. (STT studio, 2018) Finally, we thought these colors looked very nice together and fit with our corporate identity.
Studio Shift Purple
Studio Shift Yellow
Studio Shift Black
Studio Shift White
R:96 G:72 B:151
R:254 G: 35 B:23
R:0 G:0 B:0
R:255 G:255 B:255
C:75 M:79 Y:0 K:0
C:4 M:0 Y:87 K:0
C:0 M:0 Y:0 K:100
C:0 M:0 Y:0 K:0
HEX:#604897
HEX:#FEEB17
HEX:#000000
HEX:#ffffff
Typography We chose these fonts because of the following reasons: Our title letter is striking, just like our company. Besides, it is printed in italics, which gives a cool, hip, and young look. The letter looks “fast” as the movement of our young team. It was important for our body text that it is legible. That is why we chose a thin, round font without serif, which also emphasizes our minimalist style. For our “subtitle” text, we chose a creative font to bring some variation to our basic style. It seems a bit of coding / computer-like, which suits us well because we design everything via the computer.
Title
Upgrade - Semi Bold Italic - 60 pt Bodytext Azo Sans - Thin- 12 pt Subtitle PT Mono - Regular - 12 pt
Web
Title
Aa ABCDEFGHIJKLMNOP Q R ST U V W X Y Z a b c d ef g h i j k l m n o p q r s t u v w xyz 0123456789 !@#$%^&*()
Open Sans - Bold Italic - 30 pixels
Bodytext
Helvetica- light- 16 pixels Subtitle/icons IBM plex mono - Regular - 16 pixels
Body text Azo Sans - thin Size 12 Distance 15 Line spacing 14,4 spacing metric
Xeria volestiorro blabore resequo sandips ustiand esciis magnisciet qui iliquasped modiscim hilitatem ium qui des dioris repro temque sum il maximen estotataspedafd fadsf m il maximen estot ustiand
0.3
Studio Shift About us Group Project
Our Shifters We are four passionate students now studying for the minor Graphic Design at Fontys Tilburg. As a team, we are very diverse as we all specialise in different fields. This includes sport marketing, communication and industrial design engineering. One of our strengths is that we can easily adapt to the style and corporate identity of our clients to reach the best possible results together with them. We all have our personal streghts that we combine together as a team. This makes us very versatile and unables us to design in the following areas: - Setting up the identity of your brand - Designing logo’s, business cards, flyers, brochures etc. - Photography projects - Or any other graphic design related inquiries
YOR
Video Production
-Logo -Flyer
Roses
Mentelity Foundation
-Album Cover
-Package design -Benefit gala auction book design
Research-Square -Businesscard -Cycling clothing
Jewellery by Isa
E-Activity
-Logo
-Logo
Group Project Pan Artwork TVO
Turnkey Vastgoed Onderhoud
Group Project Iso2Handle
-Logo -Writingpaper -businesscards.
NOIO Students teachers’ college for primary education HAN Nijmegen -Magazine design
Studio RI
Architectural firm -Huisstijl -Logo
RumBleYou
BuzzBuzzBien
-Logo -Banner -Twitch Tiles -Offline screen
-Logo -Banner
Twitch Streamer
Group Project Kinderdroomwens
Beekeeper
After Obtaining his HAVO diploma in 2014, Mick went on to study as a game developer on the Amsterdam University of Applied Sciences. After half a year, Mick realized this wasn’t his passion and went on to study communication at the InHolland University of Applied Sciences, after some unfortunate events, Mick ended the first year with only 49 points and couldn’t continue the study. After taking a working break for a year, Mick began to study communication again at the Amsterdam University of Applied Sciences, this turned out to work very well and Mick obtained his propaedeutic year in the second year. Mick is specialized in logo design and has 5 years of experience in Photoshop and 2 years of experience in Illustrator. His passion for graphic design lies in Black and White design with a minimalistic/nihilistic touch to it. MICK VUUR Communication
Annabella started studying Industrial Design Engineering at the Hogeschool van Amsterdam after attaining the International Baccalaureate (IB) Diploma in 2017. In the IB she learned to express her thoughts on canvas. She was keen to learn more about expressing her creativity, so she decided to pursue her current degree. She is very aware of the aesthetics of her surroundings, from book covers and product packaging to restaurant menus. She’s aware that the presentation of products or services has a major influence on her decision making. Being aware of this and having the ability to evaluate the impact of design on individuals greatly excites her. This also drives her interest in graphic design, through which she can create her own visualizations in which she can express her creativity. As a graphic designer, Annabella has worked with different Adobe programs, but she also loves to create art on her iPad. By combining these two aspects, her goal is to create innovative design in a simple and contemporary style. ANNABELLA SPEE Industrial Design Engineering
Iris started studying at the Koning Willem I College for the special trajectory MHBO marketing and communication. There she developed a broad interest in the versatile communication profession. She is currently studying HBO Communication at HAN in Nijmegen. In addition to her studies, Iris prefers to be creative. Her interest in creativity started already when she was little, she designed family magazines, wrote a book, or made travel reports in scrapbooks. This interest has not disappeared and is also the reason why she started her minor Graphic Design in her third year. Here she wanted to broaden her creative view and become even better in the adobe programs. Iris’s talent is to communicate with all kinds of people at different levels. Her strengths lie in the layout of design and sense of detail. In four words, Iris can best be described as enthusiastic, inventive, friendly, and creative. IRIS VAN NISPEN Communication
After completing her havo, Claudia started studying SPECO Sports Marketing at the Fontys in Tilburg. She finished her propaedeutic year in her first year and continued with full enthusiasm. In her 3rd year she did an internship at InnoSportLab and experienced the professional marketing communication department behind the Olympic swimming sport. Claudia is also a fanatic in sports, and she can use her energy in hockey, mountain biking and running. In her life she would like to have done every sport once. With the minor Graphic Design, she wanted to combine her passion for creativity in the future with her interests in the field of Sport Marketing. Claudia is also a huge animal lover and loves to be with friends and family. In 4 words, Claudia can best be described as spontaneous, friendly, creative and sporty. CLAUDIA KEMPS SPECO Sport Marketing
0.4
Business Concept “An idea for a business that includes basic information such as the service or product, the target demographic, and a unique selling proposition that gives a company an advantage over competitors. A business concept may involve a new product or simply a novel approach to marketing or delivering an existing product.
Mission & Vision Mission A mission statement describes itself as a short term goal that brings the organization closer to fulfilling their vision statement. (hubspot, 2020) We at Studio Shift believe that its our mission to make the clients vision our end goal. With clear communication/agreements and a variety of design options to choose from, we believe that we can make the clients design dreams a reality. Vision A vision is an aspiration of where the company wants to be after fulfilling their multitude of missions. (hubspot, 2020) We at studio shift aspire to raise the bar for the quality of graphic design around the world . We hope to achieve a reality where every company can have a visual identity that they desire and that is up to the standards of today’s graphic design trends.
Why, How, What The golden circle model is a concept by Simon Sinek on how most companies work from the outside in and begin with “the what“, while the more successfull varient is working from the inside out and begin with “the why.” (Toolshero, 2020) WHY: We aspire to raise the bar for the quality of graphic design around the world and for everyone that has big ideas but doesn’t have the tools are skills to make them a reality HOW: Create a partnership between company and studio shift with the intents to have clear communication and agreements to achieve the best possible result WHAT: Making graphic designs that match the companies interests, goals and image that the company wants to have or uphold.
USP Multiple Perspectives As a team of 4 we all have a different outlook and specialty in designing. In the process of determining what the identity of the design is going to be, we will come up with 4 different designs and directions the customer can take his visual identity into, this way the customer has a lot of options to choose from and has to think more in depth about his or her designing preferences. Shifting Gears At the end of the collaboration we as a team only want one thing: To make the customer happy. To do this as effectively as possible we as a team are not afraid to dive into multiple directions of designing. Our diverse backgrounds and ways of designing help us into going in different direction when necessary. Cookie Cutter Clean We as a designing agency opt into not only giving you multiple perspectives but also maintaining the quality throughout these multiple perspectives. Multiple directions doesn’t have to mean that designs are going to be rushed. We as a team have a clear schedule that make us not only work lightning quick but also maintain the quality throughout the process of designing.
What do we offer? As a newly established designing agency we think its important to highlight our main strengths when viewing what we have to offer. Not only is it important what we have to offer, but also how we offer it. As of what we offer, we make designs that enhance your personality as a business. That means things such as; logo’s, business cards, writing paper, flyers, posters, brochures, websites, social media templates and any other work that would classify as graphic design work. But we as a company think how we offer it is much more important then what were offering. Studio Shift believes in making designs with intent. With that we mean that our different backgrounds allow us to look further into designing and gives us the ability to say not only what we designed but also why we made these choices and how it is going to make you reach your goals in the corporate world. We don’t just want to make designs that are nice to look at, We want to make designs that show the intent of what your company stands for, what you want your customers to feel and what you want your corporate identity and image to be.
Acquisition Plan To reach the amount of clients needed for this projects, we used a couple of different steps and corporate identity tools to get our names out into the world of entrepreneurs. The first thing we wanted to do is set a clear identity for ourselves, to enhance this identity we made both a portfolio and website showcasing what our strengths are and our prior experiences with graphic design. After we established our identity, it was time to get the word out. We used mostly LinkedIn to try and get customers. Individually, we all shared a post including our portfolio, website and a scripted message. We gained some customers out of these posts, but this was only good enough to cover customers for our personal design assignments and some for the group assignment. Lastly after not getting enough customers through our social media posts, we reached out to our homeroom teacher (Marlinde) to see if she had any graphic design assignments left. Our homeroom teacher handpicked one out for us and with this we had enough customers to fulfill the requirements on our project.
Business Model Canvas Customer segments Our services are most relevant for start-ups and businesses that don’t want to spend too much money but still want to have quality designs for their corporate identity. Value proposition The value in our services lies in that we deliver finetuned quality designs for a low price so start-ups and businesses can cover the costs for a well-structured corporate identity Channels The channels we operate in are, LinkedIn, Skype, Microsoft Teams, WhatsApp, Mail. We also have a website with our general information on it.
Our way of communicating with customers are different depending on who’s the customer. At first we would like to keep it professional, but we see no harm to occasionally making small talk with the customer when they initiate it. Key Resources Our resources can be seen as our 4 different ways of outlook on design but also the expertise that we four differentiate in when it comes to the adobe programs. Our team also specializes in communication, sports marketing and product design. Key Activities Our most important activities include; having brainstorm meetings, sharing our designs with each other, discussing how we will present the designs to the customer and meetings after having spoken to the customer. Key Partners Our most important partners during this time are our teachers and each other. Due to the COVID-19 situation it’s hard to involve other parties. Revenue Streams Our revenue streams come from the assignments of our various customers. Cost Structure At the moment, we do not have costs included in our projects, but possible costs could be; printer shops and website hosts.
1
GROUP ASSIGNMENTS
PAN ARTWORK - INGRID WILLEMSE - ST KINDERDROOMWENS - ISO2HANDLE
1.1
Pan Artwork Pan Artwork x Studio Shift Group Project Primary Contact // Claudia Kemps
Pan Artwork Pan Artwork is not just making a shoe. They are making special designs out of ordinary shoes. Thanks to the designer Gianni, they are able to create shoes that are creative, fun and original. Gianni has the ability to design shoes that destroy the comments of being “common”. As soon as Gianni wakes up, his mind starts to buzz with ideas and patterns. This buzz is the core of their brand and we wouldn’t be here without Gianni’s special skills of creating fun and interesting designs. “Pan Artworks has the goal to make you happy with a unique pair of shoes. By making you a part of the PAN community, they become happy as well. It is thanks to you that we are able to create new pieces of art every day.” (Pan Artwork , 2020) Pan Artwork asked us as a group to create a logo and social media content. They are curious about our skills and thus have allowed us to develop all our creativity and ideas.
_SHOEDESIGN SHOOT This is our best self made Photo of the shoe designs Shot by Annabella Spee & Claudia Kemps.
Logo Design Our first assignment for Pan artwork was to create a logo. They didn’t give us any guidelines other than that the PAN letters they use now have to be incorporated in the logo. Above all, They have indicated that we are allowed to explore with all of our creativity and ideas. Unfortunately, PAN finally came to the conclusion not to use one of our designs and keep the logo they currently have.
Meeting 1
For the first logo sketches I made variations by using the silhouette of the sneakers that PAN sells. This is (more often) cut for a distinct effect. The three stripes represent the three team members of the company. I also thought it would be nice to try something with laces from the sneaker. You can see this with the second logos in the form of the first letter of PAN. In addition, you can see variations in merging the shoes with the letters “P”, “A”, “N”. -Iris
During the proces we got the idea of making a shape that is made out of shoelaces. Because PAN is obviously a shoe brand, we thought this would be a nice touch. I have tried different things based on the letter “P” from PAN but I also made some more abstract shapes. These shapes are inspired by the steps of how to tie your shoelaces. -Annabella
Trend: Line-art and Polygonal design
For the logo designs for PAN I took several directions. In the first draft of sketching a logo, I started with using the literal meaning of the word and drawing some frying pan themed logo’s. I also treid to do something with the trend Polygonal in the sole of the shoe. -Mick
I started making ogos that incorporates what the brand sells. Since they customize shoes I had thoughts of doing something with a sneaker. Pan has a fixed lettering that they wanted to see in the logo. I decided to apply one of the design trends of today; one-line drawings. From one line I drew the shoe that Pan artwork customized; the Nike air force. Instead of leaving the Nike logo on the design, I decided to change it into the PAN logo -Claudia
Meeting 2
Because PAN indicated that they wanted more simpler and round shapes, I started experimenting with triangles. The three elements incorporated into a triangle also stands for the amount of team members in PAN. This is also reflected in the round lace shapes, which they also thought was an interesting concept. I also made several variations on the horn designs by merging them into a trinity, this is because PAN indicated that they wanted to continue on the horns that symbolize the god pan. -Iris
Unfortunately the clients didn’t like the frying pan design and I had to take a different direction in designing their logos. Eventually, I came up with designs that utilized shoelaces and also designs that referred to the Greek god: Pan. They liked the logo I drew with the two horns and went further in that direction. In the end PAN didn’t choose any of the logo’s which had me quite bummed out. But in the end, that’s their loss. -Mick
From previous calls we know that PAN really likes the idea of the teardrop-shape. Because of this I tried to make different possible compositions with the name “PAN� and the shape. However, I am not sure if this shape on its own is interesting enough as a logo. This is important, because the logo should also be designed to use without the text. -Annabella
When designing logos for the 2nd time, I used 3 symbols each time, because they indicated that they wanted the logo to reflect the fact that the company consists of 3 founders. -Claudia
Final Photo’s Photoshoot
We have chosen to make our own photos with the customized shoes of Pan artwork. We came to this decision because we wanted to show our own creativity without only having access to the photos made by Pan itself. During this photoshoot we came up against good and bad things. We are very happy with our end result. The photos we thought were the best are shown in the following pages and were used in our variety of edits. The pictures were shot by Annabella and Claudia.
_SHOEDESIGN SHOOT This is our best self made picture of the shoe designs Photographed by Annabella Spee & Claudia Kemps.
We started shooting pictures with a white background, with the aim of editing the pictures and shaping our own creativity.
We also shot pictures with different attributes and backgrounds, to make the shoe stand out in different ways.
Photoshoot Proces
As mentioned before, we ran into good and bad things during the photoshoot. Based on the following pictures we show the progress of our photoshoot and how some pictures came about.
_SHOEDESIGN SHOOT This is one of our process Pictures Photographed by -Annabella Spee Model -Claudia Kemps.
On the internet and especially on Pinterest we got our inspiration for our several picture ideas. We saw many nice ideas with a mirror and decided to work with them. Soon we got the idea to let the shoes float, so that you can see both the front and bottom in the picture. We did this by attaching the shoes to a thin string, so that we could keep them on a fixed hight without having our arms in the picture. Then we took the picture from a certain angle where you only saw the mirror and the sky. Photoshopping the string away would make it seem as if the shoes were floating.
One of our ideas was to work with water. We wanted to create an effect with water drops. We sprayed water on the mirror, so that small drops would form.
We also tried to take a picture where light would shine from the shoes. Unfortunately this did not workas intended.
Created Illustrations
The process of creating illustrations for PAN has been a very creative journey. I have tried a lot of different things and listened to the feedback to improve my designs. After meeting 2 we got to hear that the grey we should use is b7b7b7. This is something that I could hold on to from that point onward, other than that I actually had a lot of freedom for experimentation. -Annabella
_ILLUSTRATION OVERVIEW An overview of all created illustrations by Annabella
This is a possible feed layout that I came up with and some other ideas that they can use. The main parts of the designs involved having the shoe in the foreground and duplicating the shoe designs on the background.
We also tried to create some illustrations with a 3D-effect. These are two illustrations that turned out well and PAN was happy about. I tried to use the design on the shoe and play with that to create a 3D effect. For this design, we created different balls and used those as the basis of the illustration.
We also looked at what it would look like when we show the artwork of the shoe in the pictures like for example “stickers” or “graffiti”.
As mentioned before, we took a few pictures during the photoshoot with the aim of editing the pictures and shaping our own creativity. this is one of the edits we made. I also tried to make some illustrations using these images. I wanted to create the feeling of blood or paint dripping down the shoes.
When showing this to PAN, they really loved the concept and came up with the idea to add the word PAN in a way that would fit the overall image better. I decided to write PAN in “blood/paint� letters. By creating some sort of spray-paint dripping feeling, the illustration is open for interpretation and can be seen as either blood or paint or maybe even something else.
I realized that the letters were a bit too small compared to the shoes so I decided to make them bigger. In this way I could also create a nice effect in which the red blood flows over into the letters.
After a feedback session with PAN, we came to the conclusion that the colours of the whole image should be a bit brighter. For the final draft I changed this, creating the final result of this illustration.
Besides using pictures and editing those using a picture of the shoe, I also wanted to create some illustrations where the shoe would be a drawing as well. I first made a drawing of the shoe and then edited the design for all concepts.
I tried out some different things using the drawn shoe. After the meeting with PAN we came to the conclusion that the top design (with the circles) works best. I decided to use this as in inspiration for the other two illustrations.
On these imagesI changed the background color to b7b7b7. I also made the same illustration for the red design.
We discussed that maybe for the red design, the illustration should also match the design on the shoe. So instead of having a circle on the background there should be some sort of bloodsplash on the background. This is what I did and PAN was happy about how it turned out.
For the last design, I applied the same concept again; using the design on the shoe to create a background. To make sure that all illustrations still bring over the same feeling, I used sparkles in all of them.
Overview final illustrations chosen. These are the final illustrations that PAN will use for the launch. All the other illustrations have also been send to PAN, but they might be used later. For now, they will focus on �the best� ones and use them on their social media platform.
Bag Designs
Pan Artwork had the idea to give the customers a gift when ordering the customized shoes. The idea they came up with was to provide a bag per shoe in the style of the purchased product. This way the two products match when wearing them together. They asked us if we can make a design for these bags. -Claudia
_FINAL DESIGN This is the final design in different colours made by Claudia Kemps.
For the designs on the bag I used the illustrations of Bella. I edited the illustrations in such a way that the shoe was not visible but that the design on the background was still present. I also made my own design based on the shoe with the ball design. For each design, I made a mockup so it would be better visible what the final design would look like.
Eventually PAN discovered that the company where they want to have the bags printed, is using one print colour. The different colours in the earlier designs are therefore not an option. In addition, they are not yet sure of the quantity they will sell at launch. They decided to stick with a design. Pan Artwork thought it was a good idea to use the design in which the letters can be cut out. Based on this feedback, I started to show the design in different colours, this way they can visualize which colour they think fits best. I used a slightly darker colour on the grey bags and a lighter colour on the black bags, so that the contrast of dark and light would stand out better.
Background Animitation
For PAN artwork my task was to make a looping moving background for the pictures of the shoes that Bella and Claudia made for PAN. My progress was simple -Mick
_BACKGROUND ANIMATION The backgrounds for these photos are animated Made by Mick
For the process behind the animation of the pictures these were my steps. 1. First I would give the pictures a nice touch up in Lightroom to make them look a little bit more vibrant. This way they would look more dynamic in the animation 2. After that I placed the images in photoshop and cut out the shoes from the background and used the fill background tool to make it look like the background wasn’t cut out. 3. Finally I would make one keyframe in the beginning of the animation where the shoe was bigger and one key frame where the shoe was normal sized in the middle of the animation. As a last thing I would make one Keyframe in the end of the animation to make the animation loop. After I showed it to PAN they were pleasantly surprised, the only thing that was missing for them was a bit more of a vibrant background for the red shoe and a better picture for the 3rd shoe design. (The heart shoe)
_BACKGROUND ANIMATION Through this QR code you can see the moving background Made by Mick
For the editing of the pictures of the photoshoot that Claudia and Bella did, I instantly had an idea. I wanted to make sure the background would fit with the color scheme of the shoes. 1. First, I would select the pictures that would be easy to edit, high quality and a good distinction between background and object to work with. 2. Secondly, With every picture I made a selection of the background and mask it and used the hue and saturation tool in photoshop to give the background a specific color. 3. Finally, I put the pictures next to each other to see if they were somewhat the same color so they would look nice on an Instagram feed. My target was to make sure that PAN Artwork would have a clean/smooth Instagram feed to work with when they finally start selling their shoes, giving a color schematic to a type of design gives it a theme/personality to work with, and that was the primary thing I wanted to show. I also used some of the edited photos to animate the background.
Shoe Introduction
For PAN artwork we also designed several social media contents for Instagram. For one of the components, we came up with the idea of creating different animations to introduce each design of the shoes with cool graphics that stand out. So that the audience knows a new design is coming and that it’s remarkable on the feed. -Iris
_SHOE INTRODUCTION The backgrounds for these photos are animated Made by Iris
For the graphics, I chose a striking modern font that fits the sneaker brand. With only using outlines it creates a cool effect. PAN indicated that we could come up with names for the designs. For this design, we chose Daredevil because it fits the overall subject.
After a feedback session and seeing the first animation, PAN and our team came up with the idea to give every design a different name. Although the first names are the same, Pan wanted the shoe designs to be seen as one collection. So, then the new names were born for the first collection: Street Murder, Street Cleaner, Street Lover. I adapted every animation with these.names The animations can be used in their Instagram feed or in their story. Here you can see the final results. Curious about the animations? Check the QR code on the next page!
It’s not possible to show an animation on paper of course. But in this example, you see that the thin texts have been moved relative to the thicker ones. So, in the animation, these sentences move over the picture of the shoe, this is to give you an idea of what the animatio would look like. If you want to see the loop you can scan the QR code for the moving name.
_BACKGROUND ANIMATION Through this Qr code you can see the moving words Made by Iris
Review PanArtwork Wij van PAN Artwork hebben de samenwerking met Shift als prettig ervaren. De studenten hebben elk hun eigen persoonlijke inbreng gehad. Dit was prettig voor ons. De communicatie is soepel verlopen tussen PAN en Shift. Team Shift is zijn afspraken altijd netjes na gekomen en heeft kwaliteit geleverd. Wij willen het gehele team van Shift bedanken voor hun inbreng. Met vriendelijke groet, Team PAN Artwork.
“
“
1.2
Ingrid Willemse Studio Shift x Ingrid Willemse Group Project / Primary conact: Annabella
Ingrid Willemse Ingrid Willemse has an impressive portfolio. From dancer, fashion model, and radio presenter to actress and writer, screenplays and formats: she has many talents. “I think it is important to convey a message that I consider important and that I personally believe in�. Ingrid worked as an international model since she was 14 and already had strong ideas about conscious and healthy living, something that has continued to run through her life and has deepened over the years. After a period of many travels, Ingrid is now back in the Netherlands and up for a new challenge. She wants to use her talents to help other people present themselves. Her goal is to showcase people, teams, or individuals, in their most brilliant way. To reach this goal Ingrid want to create a website. Actually, not just one website, but two that are connected with each other. It is our job to create a design for these websites, including two different logos. As Ingrid does not have her own brand identity yet, this is a big assignment that has lots of different aspects that we will work on as a group.
_INGRID WILLEMSE This is a portrait of Ingrid back in the days. It portrays a film noir feeling that she personally loves.
CURRENT WEBSITE 1: Presenteerjezelf.nl This website will be used as a service. People, whether this are individuals, duo’s, or big groups, can request the service that Ingrid offers on this website. This consist of different training’s and coaching, depending on the client and the goal.
CURRENT WEBSITE 2: Ingridwillemse.nl As the other website offers a service, this website will be used to spread information about Ingrid herself. The two websites will be interlinked. It is important that the websites work well together but are still two separate pages based on the design.
Logo design Ingrid Willemse On the following pages the different stept in designing the logo will be shown. We started by creating individual ideation sketches before combining our designs.
- Ideation Annabella
- Ideation Claudia
Because Ingrid indicated that she wanted to have a sleek logo like Yves Saint Laurent, I tried to achieve this with her initials. You see this on the right side. I have chosen a sleek serif font that resembles this. In different variations, I show how you can merge the ‘I’ and the ‘W’, so that it becomes an icon. Ingrid would like to keep it sleek. But to emphasize her elegance, I wanted to surprise her by combining a graceful and sleek font. This is also reflected in the graceful movements of the font. At the bottom, you see the logo in a circle to show how that works out. - Iris In designing this logo, inspiration was taken from the logo of the brand Yves Saint Laurent, as Ingrid Willemse said she liked this logo very much. In the logo the letters “P”, “J”, and “Z” have been incorporated from the site “Presenteer Je Zelf”. The initials “I” and “W” of Ingrid Willemse are used to design this logo. These letters are designed in such a way that the contour of a swan can be seen. To indicate the elegant side of Ingrid Willemse. - Claudia
It was hard t create a logo with the letters PJZ. Because the letters have verry different shapes it is difficult to combine them. After a long process of sketching, I came to this result, where the J flows into the P and is connect to the Z by the dot on the J. Now the challenge is to create a logo for IW that fits tis style. I did not succee in creating a logo that fits with the other logo yet, but I hope to get a clear view of the cleints preference so that i can work with that and create a clear connection between the two. - Annabella For the logo designs of the two websites, I wanted to have them both to appear similar while still seeing a clear division in design. This had to do with the fact that the client wanted to display a subtle connection between the two websites while still maintaining their own identity and having their own purpose. I chose for both logo’s a serif design to maintain the classical look that she wanted the design to have. - Mick
The logo inspired by the Yves Saint Laurent logo has been my starting point for improvement after Ingrid’s feedback. It has a sleek serif font to accomplisch a business look. The initials are connected so that it forms one icon. The dot on the “i” has been added for a playful effect.
I have connected the initials together at the bottom, so that it is even more a coherent unity. To accentuate the business more I removed the dot.
Ingrid gave feedback that she found the letter too thick in the first two examples. That’s why I narrowed the letter here.
She also indicated that she thought the notebooks were too long and that they look too much like roofs. That’s why I shortened it. I have also removed a piece at the top where the “i” and “w” connect, so that the letters together form one icon. - Iris
According to the feedback that we got from Ingrid I have changed the logo to create a better result. Her feedback was that the P needed to be more visible, so what I did is create a bigger rounding on the right side and reduce the space on the left side. However, it is hard to create an IW logo that suits this style. Because of that, I have also created two different logos that are shown beneath. These two logos are based on simplicity and match well together because the same font is used. - Annabella
Ingrid Willemse was very satisfied with the first design. She only wondered if the logo wouldn’t look better with straight letters. And by using only the letters it was difficult to find out what PJZ actually stands for. To make it clearer I chose to mention the name.
During the first conversation with Ingrid Willemse she told me that the logo of Yves Saint Laurent really appealed to her, based on this information I looked if I could do something with the letters P, J and Z for the website “Present yourself”. That’s where this design came from.
Seeing the second design, she indicated that the logo made her very happy. Seeing the straight letters, she came to the conclusion that she prefers the oblique letters. Mentioning the name to clarify the logo was a good idea for her.
For the second round of the logo design I changed the suit logo for “presenter jezelf” into a diamond shape, I made this choice because it was requested by the client, she thought diamonds would show elegance, so I tried to capture this elegant by transforming the suit into a diamond looking shape. In the end, she did not like the suit still being in the logo and wanted me to try something completely different involving her initials, the diamond and possibly wings. For the Ingrid Willemse logo I tried to connect the “W” a little bit more design wise, but in the end when seeing the first logo on the website, the client agreed with me that the first logo already looks great, she just needed to see it from a different angle. - Mick
We have created moodboards to find out what Ingrid likes most and based on this create requirements. In these two moodboards black and white have been chosen as main colors and with the addition of gold accents. The images have been chosen to create an overall look and show how these color combinations can come into their own in different ways. - Claudia
The two moodboards above have been created with the doal of showing simplicity, but still being visually appealing. Also, it is important that there is a coherent overall feeling between the two moodboards. I have worked with the “foto negative� aspect that Ingrid really loves. One of the two sites will have black as a main color and the other one will be white. The accents will be be gold creating a coherency between the two sites. - Annabella
As a result of the first conversation with Ingrid, I brought back the following elements for inspiration for the platform “Ingrid Willemse”: Film-noir images; Ingrid loves this and indicated this suits her. Elegance; Ingrid is an elegant woman. This is reflected in the chic serif typography inspired by the Yves & Laurent logo. This in combination with a graceful organic font. The thin “outline” of the woman emphasize “female empowerment”, something that Ingrid also finds important. The typography and illustration once again emphasize its elegance and provide variation in the overall picture. The neutral colors provide peace and tightness. This is also reflected in the general look of the board. I added the soft pink color to Ingrid to show her what else is possible besides the colors gold, white and black. And because I think the colors suits together very well. - Iris
As inspiration on the moodboard for Ingrid Willemse, I searched for a mixture of clean minimalistic black and white UI designs and Simple serif logo’s. The goal I had in mind, was to get as many images to visualize the direction I wanted to go to with this project, which was a design that both represents class and style, while still maintaining the modern trends of UI design. - Mick
From moodboard to webdesign The moodboards, together with the feedback from Ingrid Willemse, have helped us to create the webdesigns shown on the following pages.
“Less is more” are the keywords I took with me when designing the website. I think professionalism is best seen when you keep a design fairly calm. This is why I tried to give the text a lot of whitespaces. As for the font I wanted to give the Ingrid Willemse website a classical and elegant vibe, almost like it’s a fashion website, I did this because she requested it but also because I wanted to make this website feel like it’s of a different societal class, like as if you have to feel honored to even visit the website. - Mick
With the moodboards in mind, we have created different website designs. In the designs above, the black and white theme is key. The PJZ website uses black as a main color while the IW website is lighter and uses white and grey. Both have gold accents, and there is a scroll-through layout with different color tones. I hope that the grey and white combination will be a good choice, I’m worried that it will might be too pragmatic. Also, I am not sure if the black web design is too dark overall. Maybe I should change between black and white beams. - Annabella
Besides the doubt about the color usage, I am really happy with the imagery that I used for both “front pages�. The one of Ingrid Willemse is expanded by enlarging the background. In this way, I could play with the composition and make the letters overlap with her hair. For the PJZ website, it was a challenge to find a suiting image. I got to this result by creating a mind map for myself. (Woods, D.W, 2020).I first did a brainstorm to come up with relatable words: spotlight, stage, presenting, acting, focus, theatre, in the light, center point, attention, point of attention, confidence, strong, peace, selfimage, balance, zen, inner peace. I used these words to find images and eventually came across this one. I think it really shows someone in its own strength and symbolizes the spotlight that Ingrid will help you find. I also like that it is a bit mysterious. - Annabella
Ingrid Willemse has indicated that she would like two different websites, but they do have to fit together. You must feel like you’re going to some kind of another dimension the moment you enter the other website. She loves the idea of photonegative and the colors black and white. Based on this information I have chosen to use the colors black, white, and gold with black as the main color. And for the Ingrid Willemse website, white, black, and gold with white as the main color. In order to use the same layout and the use of the same details, you create the effect of photonegative and the different dimensions. I kept the layout of the webpage quiet and clean because Ingrid Willemse indicated that she really liked it. At the top left of the page, I displayed the logo to give you an idea of what it will look like. - Claudia
Ingrid indicated that she wants to maintain a classic style inspired by fashion brands such as Chanel and Yves Saint Laurent. I have therefore used this as inspiration for both web designs. The base of both web designs is the same that they are connected to each other, something that Ingrid wanted. The menu of both websites is the same, quiet and simple to accentuate the minimalistic style. The typography for this menu is inspired by the Chanel font. Ingrid wanted the platform “Ingrid Willemse” to be organic, friendly and feminine. This is reflected in the handwritten font and the old pink color. This combined with black and white and the sans serif typography keeps it still businesslike. Because “Presenteerjezelf” should look more businesslike than “Ingrid Willemse, I replaced the old pink with gold and added a serif letter. One idea I suggested her is to implement the large base photos at the top of the menu as a moving image to be distinctive. She liked this idea. Both platforms are different, but still fit together.- Iris
Trend: Minimalism As a group we have finalised the website designs.
PRESENTEER JEZELF Krachtig en doelgericht presenteren
OVER MIJ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridicu
Button
Shown on the left are the two final website designs that we showed Ingrid during the meeting. This is meant to be our final design, so we could have one more session after this to finalize everything and change some last details, but this is going to be our final proposal. Luckily, Ingrid was very enthusiastic about the results. There are a few things that we will change to create the final web design: -
The titles on the front page should be a little bigger. Ingrid really wants the titles to be the main focus on the page, they should be most important.
-
The sub-title should be a lot bigger, this is necessary in order to increase the readability, thus making the website clear and user friendly.
-
On the “Presenteer Jezelf” website, the name Ingrid Willemse should be mentioned very clearly. When looking at competitors, Ingrid’s strength is that she has a big name, so we should use this. To create more attention, we will write “Ingrid Wilemse” on the front page using an elegant hand-written font.
-
We also discussed that we will come up with some examples of fonts that she could use for the body text which will fit the overall design.
As a team, we have implemented these final changes. The front pages of both web designs are shown on the following page. Both logos are visible on the front page and according to Ingrid, “they form an excellent coherency and create an elegant appearance”
Review Ingrid Willemse
“
Het Quattro Annabella, Claudia, Iris en Mick, die tezamen Studio Shift vormen, heeft mij in alle opzichten bovenmatig verrast. Vanaf het moment dat ze de opdracht aannamen, deze intelligent interpreteerden, daarbij de gewenste stijl subliem oppikten, hoe zij vervolgens van stap tot stap op niveau met mij meedachten, daarop snel en efficiënt schakelden met toevoegingen, die uiteindelijk in een positief en nooit stagnerend proces tot de gedroomde output leidde. Bovendien werken de persoonlijkheden met een harmonieuze synergie uitermate prettig samen. Ieder afzonderlijk vult elkaar aan met hun individuele talent, waardoor het resultaat kwa-dratisch naar een hoger plan is getild. Een voorbeeld van de meerwaarde, die een perfect samenwerkend team kan bieden!
“
1.3
Flyer design
Studio Shift x Stichting Kinderdroomwens Group project / Primary conact: Iris
St. Kinderdroomwens Kinderdroomwens Foundation has been active for 15 years for children and young people with traumatic experiences. They do this annually for about 400 participants. The foundation organizes activities with relaxation, contact with fellow sufferers and guidance for children and adolescents aged 6 to 25 years, who have or had experienced traumatic experiences themselves or within their families. Think of the loss of a sibling, of father or mother, suffering from a long-term or serious illness, abuse or removal from home due to an unsafe situation. We came in contact with Marloes Barenburg, communications officer for St. Kinderdroomwens. She was our contact person for this assignment. The foundation asked us to design three templates for three communication expressions; a dyptich flyer to show sponsor opportunities, a PDF to place activities of the foundation and a promotion flyer. The three different templates must form a coherenct image.
_LOGO This is the official logo of the foundation
Templates Annabella When designing for this particular client, there are a lot of possible directions we could go in. This makes it hard to come up with a design that fulfills all the wishes because there is so much freedom. But it also gives me the space to experiment with this.
For the price list I made a layout in which the logo is placed on top. Because of this the logo will be the first think to look at, creating a strong connection to the brands identity. As this price list is targeting possible sponsors, it should be clean and easy to read. However, after making the design and looking at the overall image, I wasn’t happy yet, so I made some changes.
As talked about in our first meeting, the aim is to create a flyer that is 60% professional with a corporate feeling, and 40% playful. I think the combination of the two colors in the title creates an imbalance in this ratio. It is still too playful, so I decided to make the title black. I also create round corners to compensate for the color change of the title and added the logos.
For the promo sheet, there wasn’t a clear instruction of what should be on it. I decided to create a title and a flat text and combine this with an image. As there should be a coherency between the three designs, I used the same border with the two colors of the brand.
To make things more playful I also tried different designs using circles. However, for me, this took away the emphasis on the photo. In the first call with Marloes, we got to know the importance of the imagery, so I want to make sure that the image is the main focus point.
I decided to let go of the idea with circles and focused on the first layout again. I played with the logo and tried to combine this with the image. I also changed the colors of the bouncy castle to make them suit the brand colors.
Eventually, I decide to keep it clean. This will fit with the first design of the price list and will also make sure that the emphasis is on the photo. Also, we found out that readability is very important to Marloes, so I want to hold on to this.
Lastly, I also made the a5 action sheet. I decided to use the same layout, so the colorful border contrasting with the white inside. As this layout will be used to describe different activities, I decided to place three images with all a separate flat text. I made a subtitle that is identical to the subtitle of the price list. In this way, the coherency is strongly visible.
After feedback. In our second call we got feedback on out first designs. The readability of my flyers was strong according to Marloes and it fits with the logo. However, there is a lot of white which makes the flyer a bit too mainstream. The dynamics between playful and clean is strong (referring to the 60% professional with a corporate feeling, and 40% playful again), but the overall feeling is not as strong as Marloes hoped it will be. To make this better, I decided to do something about the white background. I worked with different strips to break the white. When looking at the activity flyer these strips that I added do not only help to get rid of the white background, but it also “connects” the right picture to the text, creating a subtitle assistant for the client while reading the flyer. It will help to client to be able to make a clear quick scan. I decided to keep the corners sharp instead of making them round as well because I want to stay close to the 60/40 ratio and I’m afraid I will lose the cleanness if I make the corners round. In this way, it stays professional
Final templates three communcation expressions
Templates Iris For this design case, the intention was that the three templates together form a coherent image in the brand style of the foundation. I have therefore used this as a starting point for these designs. You can see that the basic colors come back in every template. In addition, I have always taken into account that the communications are suitable for the target group: (potential) sponsors. I did that by applying a balance of 40% playful and 60% businesslike.
I tried some different things to see what works. To apply the playful touch, I have reduced the flower of the logo with this sketch as a pattern. In addition, I used the light blue color of the house style as a background. I also played with placing the text. When I finally looked at it, I found the elements too playful together and the overall picture is too much like a birth announcement card. So I wanted to come up with something that looks more businesslike.
Flyer sponsor opportunities For the sponsor opportunities flyer, Marloes had indicated that the list of opportunities should be attractive to the sponsors. That is why I have divided each option into separate text boxes where it is possible to tell something small about the option. This was not the case at first. Now it is a well-organized unity because it is simple yet cheerful due to the house style colors. Promotion flyer For the promotional flyer, I also implemented a simple style with the house style colors. And by placing a photo and a sentence on the front. It is simple, but immediately clear what it is about. I placed the photos in circles to accentuate the playfullness. But the text is presented in a businesslike manner. PDF activities During the flyer activities, I also played with placing the text and image alternately. This makes it playful. But it remains clear for the target group. In addition, the frame around the photos provides a business look. For all expressions, I played with a playful font for the headlines and a business and readable font for the body text. In addition, with every expression, the flower of the logo returns for a playful effect.
Flyer sponsor possibilities
Promotion flyer
PDF activities
When looking at the final expressions, I was wondering whether it was suitable enough for the target group, because the house style colors appear very playful. To give Marloes a different perspective to make it look more businesslike, I also made three versions with dark blue as a base color. I personally think that this suits the target group better.
After feedback. Marloes didn’t had much remark about my designs. She liked it, and found the three statements well-matched and legible for the target group. She said this was the case because of the sufficient white space. She also really liked the flower of the logo, which comes back in every expression. She also thought the flowers were nicely aligned with the text. As feedback, she said that if I use circles, as in the promotional flyer, I also have to implement them in my other expressions. That is why I adjusted it with the flyer activities. Also, she indicated that they liked round corners to emphasize the playfulness of the foundation. That is why I have given round corners to every expression. About the dark blue version I presented to Marloes, she certainly understood my choice for this and thought it was a good idea that I thought of it. However, she thought the red version better suited to the foundation. So that’s why I left it that way.
Final flyer sponsor possibilities
Final promotion flyer
Final PDF activities
Templates Claudia FLyer sponsor posibilities The flyer is meant to attract sponsors. for this reason, I wanted to keep the inside simple and clear. by placing a straight bar on every page, I have expressed the color of a child’s dream wish. I placed the various sponsor options in different text boxes, so that each option can be explained. Marloes has indicated that she would like to use 60% business and 40% playful. To add more playfullness, I used the placement of the logo in the corners and added a photo. Promotion flyer On the poster I used the same colored strip as the one in the menu. And the logo in the corners. in order to create unity. I have added 2 photos to the poster, one of which is slightly tilted, I did this to also show the playful in the poster. PDF activities The front of the flyer is the same as the poster. I therefore used the improved version of the poster for the front for the improvement. On the back I applied the same. I removed the first photo and straightened the top photo with the frame around it and shifted it a bit more. I moved the CBF quality mark logo to the bottom right corner.
Flyer sponsor possibilities
Promotion flyer, three opportunities
PDF activities
After feedback. We showed our work to Marloes. She gave us some feedback which I applied in the next expressions. As a general feedback on my designs she told me that she liked it, she found the use of the colors surprising, because she had not previously thought to use a different color per page. But at first sight she was not sure where to look first. so, it was a bit too busy. she found the addition of the frame around the title and the logo a nice addition, but when using that frame, I had to use it everywhere because it developed a kind of new house style. Flyer sponsor possibilities she had not much to say about the flyer sponsor possibilities. she thought it was a fun and cheerful design. but as mentioned before, she felt that I should be consistent in where I would use the boxes. I chose to remove the box around the text, because otherwise I would have to put it behind every text box, and I didn’t think that was a good idea. Promotion flyer The front of the flyer is the same as the poster. I therefore used the improved version of the poster for the front for the improvement. On the back I applied the same. I removed the first photo and straightened the top photo with the frame around it and shifted it a bit more. I moved the CBF quality mark logo to the bottom right corner. PDF activities The front of the flyer is the same as the poster. I therefore used the improved version of the poster for the front for the improvement. On the back I applied the same. I removed the first photo and straightened the top photo with the frame around it and shifted it a bit more. I moved the CBF quality mark logo to the bottom right corner.
Final flyer sponsor possibilities
Promotion flyer, three opportunities
Three final options promotion flyer
Final PDF activities
Templates Mick For the flyers that had to be presented for the first round I wanted to do something a little more outlandish then what the normal KinderDroomWens flyers are supposed to look like. Because the stem colors of the KinderDroomWens brand are a bright pink and blue, I thought it would be fun to experiment in a colorful flyer that would incorporate 40% childlike joy and 60% more formal design. First I wanted to get a picture in the background filled up to the brink with the bright pink and blue (I wanted an example with both colors so the organization could see what looks best or if they wanted to combine elements), I did this in photoshop and then implemented it into InDesign for a background. Secondly, I would make a composition that would be appropriate for the three types of flyers and incorporate the 2 logo’s that the client wanted to see in the flyer. As a last thing I tried to make the pictures flow in with the design and I did that by giving the pictures a pinkish and blueish overlay so they would fit with the flyer
FLyer sponsor possibilities
Promotion flyer
PDF’s activities
After feedback. The feedback that I got was that my flyers were interesting to look at but that in my next iteration; Text needed to be the main element of the flyer (not letting the background overtake in design) and I had to get rid of the color overlay on the pictures that were used in the pictures. I changed my design in a few steps. Because the client thought the imagery in the back was too overwhelming I changed the opacity of the blue and pink overlay from 80 to 90 percent, this way the pictures remains to be seen but at the same time does not overwhelm the reader and makes their attention point towards the main attraction: the text. Lastly I took away the blueish and pinkish overlay from the pictures that were used in the flyers. Overall the design looks a lot more eye catching and in the end I’m glad I made these changes
Final flyer sponsor possibilities
Final promotion flyer
Final PDF’s activities
Conclusion After showing our final designs to Marloes, her feedback was that she is very happy with the several designs and individual input. She thanked us for our prompt cooperation and showing her different perspectives of the designs. In the end, she decided to go on with the concepts of Mick. Marloes will use this one for the foundation and supplement these with her content.
Review Marloes Barenbrug “
De samenwerking met Studio Shift kenmerkt zich door positiviteit, snelheid en zorgvuldigheid. Belangrijke kenmerken om tot een constructieve samenwerking te komen. De studenten hebben allen een eigen creatieve invalshoek uitgewerkt zodat ik als klant kon kiezen. Dat werkt goed. De zorgvuldigheid waarmee de debriefing is opgesteld is een compliment waard. Hier kan menig gevestigd bureau nog wat van leren. Het creatief proces mag verder worden ontwikkeld, de studenten hebben nu vooral een reactieve houding gehanteerd terwijl bij het ontwerp van communicatiematerialen het voor de klant belangrijk is dat er proactief wordt gewerkt. Durf een eigen visie te ontwikkelen en overtuig je klant met sterke argumenten. Laat zien dat je weet waar je het over hebt en durf af te wijken van de gebaande paden, waarbij je de aansluiting met de corporate identity bewaakt en de huidige trends meeneemt. Ga vooral zo door Studio Shift! Jullie vormen een sterk team en de klantgerichtheid die tijdens onze samenwerking zo goed voelbaar was gaat jullie nog ver brengen. Succes!
“
- Marloes Barenbrug, Bestuurslid Stichting Kinderdroomwens
1.4
ISO2handle
Studio Shift x ISO2Handle Group Project / Primary contact: Mick Vuur
IS02handle ISO2handle is a company that specializes in data security. Data security involves protecting and managing digital data. ISO2handle offers this service in a variety of ways such as: - Drawing up a data securitypolicy - Determining who is responsible - Education and training - Protocols against Malware - Securing personal documents We came across this assignment through a connection of Bella’s dad who works at ISO2handle. Through a phone call we came into contact with ISO2handle, and they asked if we could help them in making an e-mail template and a businesscard that fits with the new corporate identity. The corporate identity manual was in the works when we were presented with this assignment, so the development and progress of the designs are more limited then the other assignments presented in this document.
Icons made by <a href=”https://www.flaticon.com/authors/xnimrodx” title=”xnimrodx”>xnimrodx</a> from <a href=”http://www.flaticon.com/” title=”Flaticon”> www.flaticon.com</a>
The Business Cards Claudia On the front of the business card I wanted the coloured triangles to appear next to the logo. When coloring the triangles, I tried to use the same pattern as in the logo. On the back I wanted to display the logo without the text. I tried this in 2 different ways. At the first possibility I faded the logo and placed it in the background. At possibility 2 I placed the logo on the left side of the text. Feedback: Maybe you can make the dash on the back of possibility 1 thinner than it is now. Other things I could try is to make the logo smaller in possibility 2 and align it with the dash. And it is also a possibility to do the stripe in both possibilities in a different color. Feedback processed: I chose option 1 in the 2nd design. Made the stripe thinner. I left the stripe black because otherwise it would fall away in the logo.
Version 1
Naam Functie
Telefoonnummer
Telefoonnummer
Website
Website
Naam Functie
Telefoonnummer
Telefoonnummer
Website
Website
Naam
Naam
Functie
Functie
Telefoonnummer
Telefoonnummer
Website
Website
Naam Functie
Naam Functie
Telefoonnummer
Telefoonnummer
Website
Website
Version 2 E. info@iso2handle.nl
Naam Functie
T. +31(0)855800691 W. www.iso2handle.nl
Iris For the designs for Iso2handle it was important that the brand style can be seen in the designs for the business card. That is why I played with the different colors and let the logo come back in different shapes. In addition, of course, the house style fonts were used. To give the business card some more whitespace, I removed the orange frame. In addition, I aligned the logo and the text on the other side because it looks better. I also removed the logo at the top to make it look calmer. I have changed the squares with the text into triangles because this fits better with the ISO2HANDLE brand style. I changed the text line where the â&#x20AC;&#x153;managerâ&#x20AC;? used to be, because this is more important for the customer to know than the title function.
Version 1
Version 2
Mick For the design of the business card I didnt have a clear direction I wanted to go into, I just experimented with what I saw and what I thought would work for both the brand itself and its new corporate identity. The first thing I would do is choose the right size for a buisiness card. In a different individual project I used the size 3.5 by 2 inches for the business card, so I didnâ&#x20AC;&#x2122;t hesitate and used the same size for these business cards. As it came to colour it was very simple to me, Since the logo of ISO2Handle is very colorfull, I thought white would be a great color to give the design some space to breath and not make it too childlike. In an earlier design from my individual assignments I made the logo a bit bigger and tried to work with placing it in the background, for this logo I did the same except I placed it to the right side of the business card. This followed up with some text using the corporate identity blue for the names of the employees and a lighter blue for the job titles. With these deisgn choices the backside of the card was done For the front side I thought I would keep it simple: Use the logo icon alone in the middle and then wrap it up. I also tried a version where the business card would be vertically alligned but it fails in comparison with the horizontal card due to too much spacing on the bottom and upper sides of the card.
Version 1
Version 2
The feedback I received was that the colours on my first business card didnt allign with the current brand identity of ISO2Handle and that I should maybe add the name of the brand to the card. I made these changes in the second versions.
Version 1
Bella Iso2Handle works with a lot of colors. This is an element that I definitely want to bring back in the business card. However, I do want to keep the overall feeling clean and commercial. This is why I decided to keep the background white. The overall look and feel of the brand is very fresh so I want to keep the colors light. I have played with different compositions. On the front side of the business card, the name should be clearly visible. I played with the composition of the name and the logo as shown in the steps above.
Version 1
In my final proposal I choose to use the triangle shapes on the back side of the business card. This is an element that is used repetitively in the logo. It does make the card look playful, maybe too playful? I hope to get feedback on this in order to meet the requirements.
Version 2
During our internal feedback session, I was told that it may me better to arrange the triangles in such a way that they all point to the same direction. This will create a better balance. Also, I have changed the opacity of the logo on the back side. They told me that it was too transparent to I changed it from 8% to 14%.
The Email Templates Claudia For the first design I made a simple design. This is the first email template I made. So I didn’t have a very good idea what it should look like. I looked at different mails from companies. I’ve placed the logo underneath the general information on the left side and the logo that you can see on every email. At the top of the mail I triangulated the different colors. For the first design I made a simple design. This is the first email template I made. So I didn’t have a very good idea what it should look like. I looked at different mails from companies. I’ve placed the logo and general information on the bottom left of the page that you can use to send back any mail. At the top of the mail I triangulated the different colors. Feedback: The information at the bottom is clever, try to change the layout after seeing our examples.
Aan: Van: Datum: Onderwerp:
Optati consed quate doluptatius ipsam hitati non nim ime nit eaquibus, quae plaut odi occulluptati cor arum ra sa doluptibus ditature is et exerspid quid quibus. Facepe am erspid que verchitiis delecte pa quia imendun tiostia cum alibus es dolestibus. Estis ea nusae. Peribusae sitatemquis none odi officientem et officiatis ipiciassum facit re vendissit apel mi, tecabor epudam, te derepel eceaquuntio ommodiciet aut ipsanda porporepudi offic temporit accus, quam que nis alictotatio. Namus, sum eturiaest volorepere, que prestiis dolestrum eliquia pliquo in nam, te aut perum que lantianis dia estincturis re simusciis nonest, conseliquaeria et lab id eos eri il id quam voloria et at quis vellupt atibus escius sunt quidem reicat doluptinimin consect empores enem veliqua spitat voluptatur mi, sita quod mi, occus dita volorem velit, officimi, cus inimus et repudae. Nam faccae parum eum adita porerum quam, od unt delesequunt qui iumqui corem laccuptatior sam lit id min pratus ea ex et perae solorib usapitatur, sitio. Nequiatemqui si re es est, impedis aut dolenem rentis num veliquamus a auta
Met Vriendelijke groet, (Naam) (Functie) T: +31 (0)40 00 00 000 M: +31(0)8 558 00 691 E: E-mail@hotmail.com W: www.https://iso2handle.nl
Aan: Van:
Onderwerp
Datum: Onderwerp:
Aan: Datum:
Parum et qui ducime omnitataque aliquuntium que venime quam fugitiant laborat ecatur, se pelic tota dere ne porepraesti ullest prehendae asinvel iquiania int ent porio di conet facias re prae possequi cupid que volupta tenihilit ma aut magnihi llabo. Magnat. Ame non cor audae dolupta sit autem. Nem ipiendam aceat voluptaturi cone voluptatio ilitae re porunt. Atem dolorrum ium andaers pidempor sa im fugiam eumquae alit occatusdae nobis am, tem aperis enisquaest, id qui ut quibusam dolorep editat harum es a dolorum quibus, sin cullabore ped es quidundigni il ius. Ducita que cus simust, simolorem nimusam sum ab is ut ad maio ipidige nectori tatur,
Met Vriendelijke groet, (Naam) (Functie) T: +31 (0)40 00 00 000 M: +31(0)8 558 00 691 E: E-mail@hotmail.com W: www.https://iso2handle.nl
Feedback processed: After seeing several examples, I completely redesigned the design. I have displayed the logo at the top of the page so that the company is immediately clear. Underneath I placed a bar with the logo. The color of the bar is the blue color from the logo. I chose this color because I think blue is a business color that looks professional. I also added an image option, so the subject can be enhanced. I kept the general information as it was and left it on the left side. To fill the empty space on the right side I added the logo without the text.
Iris For the designs for Iso2handle it was important that the brand style can be seen in the designs for the business card and e-mail template. That is why I played with the different colors and let the logo come back in different shapes. In addition, of course, the house style fonts were used. Email templates version 1 & 2 After our feedback session I made several changes. I removed the logo at the bottom because the logo is already visible at the top. I have aligned the logo in the middle because now the design is more balanced. In addition, I have adjusted the opacity of the information lines such as from, to, date, etc. to 50%, so that it does not attract too much attention. And this is now aligned to the right, so that more â&#x20AC;&#x153;airâ&#x20AC;? is created in the overall design. I also enlarged the photo and enlarged the white line at the top, so that the design is even better balanced.
aan: loremipsum.jfsaf@hotmail.com van: loremipsum.asdf@live.nl datum: 20-02-20 onderwerp: halofasd
Lorem Ipsum Beste meneer jansen, cum id ut dunt quam ea quo evella volupis mod quam fuga. Resto qui quia sandici iduciae sequis voluptatum volupid ma paria plit, ut quid ullant quatest offic tem liquas aut omnihil luptati nciunt voluptatus, erro denimus reribus quas esciunt volorro il maio ommollendam ullandit quatioratus sectotati ut erentio. Essitiandi tessum iur? Dolor sae nonem id que vendae enet aut que dolum raepratum evelessunt officipient est as est, quuntem peribus, custiis quiatem nescia cum explam volorit, occab incta poremporest qui dolenditemo et optatem poribusam fuga. Lo eatem aliqui ut accust et quia ne solent, corum fugia num nonsectist, temporem ipidempedit, sinciat iorepud itatiam ratus ut et venis dolorero maios nis et voloritates endicaborrum vendit aut et adit ad eos ne reped et reic tem ipsapie nietur atem rese porum et inveliquunt. Met Vriendelijke groet ,
ISO2HANDLE // FASIAHEMFLA // ASDKFHAKLASDF.COM // 06-27194600
Mick For the deisgn of the e-mail template I kinda got confused on what I should be doing. Since a mailtemplate is not the same as a newsletter I thought I should make an overall design where anything can be put in. I looked through the email templates in my own mail account to get a grip of an idea of a design for a mailtemplate. Eventually, I came up with a design that I thought was appropriate for the corporate identity of ISO2Handle. For my design proces I wanted to make a template that uses both the colours of the brand as well as mix it with a more professional black and light grey. I put the logo between the darker grey and lighter grey blocks to make the colours stand out more and make the dark grey and light grey a unity in design. For the header and body text I just chose for the fonts that were in their brand manual. To top it all off, I made a contact button since I saw a lot of templates in my mail that had buttons on the end. For the feedbackround I needed to fix the logo to the current one and my projectmembers agreed that the black grey was maybe too much so I changed that into a dark blue and alligned the text to the right to match the other email templates.
Bella In the mail template I, again, wanted to bring over the fresh look and feel that the brand radiates. I have chosen to keep white as the main background color and played with two of the main brand colors as a beam on top, and a button down the page. The layout of the text is made in such a way that the email can exist of a title, a body paragraph, and small sort of introduction placed above the title, to grab the viewers attention.
When looking at the template together with my team, I got feedback about the colors. Because I placed white text on the yellow beam, the readability is not that good. So, I can either change the text, or change the color of the beam. I decided to do go for the second option and made the beam blue. In this way there will still be a balance between the button on the bottom, and the beam on the top, as both consist of white text. Looking back at this decision, it might even be better than yellow anyways as blue is the main brand color, so this should be visible. I also made the logo in the bottom rights corner a tiny bit bigger, just to create a better balance.
Feedback ISO2handle was suprised by our fast reaction. Gijs (our contactperson) spoke with one of his colleagues and was very exited about the front of the business card that Claudia made. For the next design he wanted something that complements the design that Claudia made. His other comments about the design were: - “Dont use transparancy in the logo and don’t cut it in half“ - “If the logo is on the front side, it doesnt need to be displayed on the back side“ - “Try to use the font: Raleway for everything“ - “Make sure that you notice that when printing the cards they might have a deviation of a millimeter or two “ - “Try to use real names and function titles on the business card“ - “Try to make space around the logo at the front of the card, that way the logo has some breathing space“ For the email template it looked like we had a communication issue. Gijs said in his mail that he meant that he wanted an email footer instead of a template.
The Final Design For the final design we tried to incorporate the strengths of every business card. We used the front of Claudiaâ&#x20AC;&#x2122;s card because it was requested by Gijs but we changed the size of the logo so it would get more space around it. This way the card looked more calm and professional. For the backside of the card we took the design of Bella but ended up adding the address of the company and replaced the ISO2Handle logo with a name and a function title. This was due to the fact that Gijs said in his mail to not use the logo on the front as well as the backside but rather only on one side. For the email footer we transfered design elements of the business card. This was because Gijs requested that we would incorporate the design choices used in the business card into the email footer. We chose to put the triangles on both side so it would look more natural when it would be placed under a written e-mail.
Review Gijs van Heijst REVIEW â&#x20AC;&#x153;
De samenwerking met Studio Shift was erg aangenaam en flexibel. De contact momenten waren snel maar effectief. De persoon waarmee ik in contact stond leverde snel en duidelijke designs aan met veel variatie zodat we genoeg uit te kiezen hadden.
â&#x20AC;&#x153;
- Gijs van Heijst, ISO2Handle
INDIVIDUAL ASSIGNMENT IRIS VAN NISPEN - 2 ASSIGNMENTS
4.1
Magazine design Individual Project Iris NOIO magazine, PABO students
NOIO magazine Five students from the PABO; HAN teacher course in Nijmegen, had to write five scientific articles for a study assignment. These articles were about critical thinking about education. They asked me to provide the design for them. Carolien was the contact person for this. Together we have decided to merge the articles into their own magazine, NOIO magazine! I came up with the name together with the students. The letters NOIO stand for: Dutch Education In Development, the main subject of the articles from the students.
_THE NAME The name of the magazine
Process magazine Together with the group I discussed the wishes for the design. It had to be a modern magazine but with a business touch because it is about education. First I looked for some inspiration for colors, which you can see on the left page. Together with the students I looked for inspiration in other (educational)magazines. Based on this, we chose the elements that appealed to us and which we wanted to implement in this magazine. I looked for two fonts. A modern one for the headlines and a business and easy to read for the body text. The students liked the colors and fonts I showed them. On the right you see the sketch I made to discuss with the students whether this was an extension of their ideas. This was the case, so I continued my design process on this. My plan was to use the colors as a starting point. But during the designing I discovered that the totality in combination with the images did not form a beautiful coherency. Thatâ&#x20AC;&#x2122;s why I ended up using the colors of each photo as a starting point for each article. As a result, all elements fit together much better.
_THE SKETCH The sketch I made to show the students if this is what they sorth of want
Review PABO students
- PABO students NOIO magazine Carolien van Nispen
“
“
De samenwerking met Iris van Nispen voor het onderwijsmagazine NOIO is prettig verlopen. Vanaf het begin tot het eind luisterde ze goed naar onze wensen en pastte dit op de juiste manier toe op het magazine. Onze ideeën kwamen goed overeen, waadoor alle afspraken soepel verliepen. Iris heeft een mooi design geleverd waar wij erg blij mee zijn. Het ziet er professioneel en stylish uit. Kortom een prima samenwerking met een prachtig eindresultaat!
4.2
Logo & brand identity Iris van Nispen X Studio RI Individual project
Studio RI Studio RI is a starting agency for architecture. It was set up by two students, Fenna Regenboog and Leslie Ing, from the study architecture of the TU in Delft. They are concerned with the spatial issues of our living environment. This is done within the frameworks of architecture, urban planning, and landscape architecture. It examines the patterns of the past and the questions of the future. The name â&#x20AC;&#x153;Studio RIâ&#x20AC;? originated from the two names of the founders. With her surname, Fenna is called Rainbow and Leslie, Ing. Which two together forms RI, studio RI. I approached Fenna if she could use support in setting up their brand identity. And that was possible, they asked me if I wanted to design a logo and corporate identity for them. We started working on that together.
_WORK Some work created by Studio RI
The logo process I planned a first meeting with the studio to get to know them and hear their ideas. When we started the logo process, studio Ri already had some input for me to start with. Meaning of the word â&#x20AC;&#x153;RIâ&#x20AC;? in Chinese means among others: Day, Sun. For this, you have several characters that are shown on the next page. (Hence the literal symbolism of the depiction of the character.) The meaning of the character could be linked to the architecture of Studio RI. The experience of light plays an important role in the design of buildings, cities, landscapes, etc. And sunlight is essential for life on earth and also for good design.This was my starting point for designing the logo. I
Here you see the inspiration I used as a starting point for my designs.
_WRITING EVOLUTION The various spelling of the character RI.
_SUN: RI Various characters of the word RI.
_INSPIRATION Left, the Chinese god of the sun and right some inspiration Studio RI liked.
Meeting 2 Trend: Minimalism
At our second meeting I showed some sketches I made for the name to see what works, which will fit under the icon. I played with thinfonts to emphasize the minimalitic style they want to radiate. And combined it with the thickness to get difference in the two words. After the feedback of our second meeting, Studio RI was interest in the ones with a yellow circle. The liked the minimalistic thin font and the difference in thickness with the words Studio - RI. Another choice could be the classical font.
Meeting 2
I tried some different things with the RI character and combined it with the minimalistic font from the previous page. Below I did something without the Chinese character, I combined the two initials, to show the studio more options and wider perspective. Studio RI liked the yellow circled one. The liked that the character has the same line thinkness as the font. They asked me to look further to play with the lines of the character. And to make the ‘RI” as big as “Studio”. They would like to see how that works in blue.
Meeting 2
I processed their feedback in these examples. Asswel the studio and I already liked this version of the logo. The logo both worked out well on the blue color and as a plain one. But it still could use some improvement with the feedback I mentioned before.
Meeting 3
For our third meeting a made I logo overview with the ones Studio RI liked to most, combined with the font ideas. And processed their feedback from our last session. Together we descided that the yellow circled one fits the best with the studio. So we chose this as the final font for the logo.
Meeting 3
I worked out the logo we chose and tried them out in the different brand identity style, which I discuss further in this processbook. On the right I also placed them in the different colors but in plain versions. As you can see, there is almost no difference because the lines are so thin. Thatâ&#x20AC;&#x2122;s what I kept in mind in the rest of the design process.
Meeting 4
Even we both liked the logo I worked out, the studio asked me to design some more options with the feedback they gave. On the left I continued with the last one. I looked back it my inspiration and worked out some other characters of RI. I played with the thickness and placing of the lines. I also tried some things with calligraphy. On the right I also worked on the other character. What I really liked is that the circled character symbolise also the sun, something that refers back to the meaning of the studio and the light they worked with in their architecture. Below I combined the left characters with the sun one to see how that worked out. The studio got the most attracted to the ones with the yellow circle. For the final design they asked me to combine the least two, to create one final design.
Meeting 4
At our fourth meeting I showed the logoâ&#x20AC;&#x2122;s which I liked to most, in the blue brand identity color. In the logos I used the combination of a word mark: the company name and image mark; the symbolic identifier of an organization. (Michels, 2013)
The two logoâ&#x20AC;&#x2122;s I used for the final design.
_FINAL LOGO The final logo for Studio RI
Brand identity Studio Ri also asked me to develop a brand indeitity. For this I looked at typography and brand identity colors. They already came up with the idea that they wanted to use the color blue anyway. We added a red color for the contrast. For the fonts I made some suggestions for them for both the head font and the body text. We combined two of them that best suited each other. And also emphasizes the minimalist style of Studio RI.
Meeting 2
OVER ONS
OVER ONS
OVER ONS
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit
OVER ONS Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait
OVER ONS Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te
OVER ONS Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te
OVER ONS
OVER ONS
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te
Meeting 3
Roboto light
Pontano Sans regular
Ihiciat quam vel earchil init quo occusam volorem ut eum lam, ea perunt, si ideliqu atibusdae cupta sequi rem quationse pos cor susam as quas min rehendunt volorporum ipsandae. Nonsequo eic tem earcimenimin ratem simoles dunt aliqui ut harumentus repelit lam, seque nistem. Et a que lab ipsus, nata nonsequia de nulla dolupta tiatiis eium voluptatur ratiscit ad maio. Nequaectorit ex eius.Nihil explam fugia nonestio. Enim facest, tem facipsa pliciat ibusae dem. It dolores tiatem asperum conserum earum et maio qui doluptiat autemquiae volupicieni doluptatetur moditatius eum illicius doluptaquat fugitaquunt.Omnimo dest aut inulparchit quas abo. Et qui bearum sed quatium nosam eius dolorum sedicta de consequi simin plis verum sum aspero te velestia sam, con parum este plaut porionsed molo tem. Ur res dolor sundigenditi comnimus, sequid que quamentorunt etum quid elique commolo rehende llaboreperum reserem. Xim archict otaquid elestinciis sit ilicid quias eaquodi inctior sed eatectaturem res aperrumquat iumquas pi-
Ihiciat quam vel earchil init quo occusam volorem ut eum lam, ea perunt, si ideliqu atibusdae cupta sequi rem quationse pos cor susam as quas min rehendunt volorporum ipsandae. Nonsequo eic tem earcimenimin ratem simoles dunt aliqui ut harumentus repelit lam, seque nistem. Et a que lab ipsus, nata nonsequia de nulla dolupta tiatiis eium voluptatur ratiscit ad maio. Nequaectorit ex eius.Nihil explam fugia nonestio. Enim facest, tem facipsa pliciat ibusae dem. It dolores tiatem asperum conserum earum et maio qui doluptiat autemquiae volupicieni doluptatetur moditatius eum illicius doluptaquat fugitaquunt.Omnimo dest aut inulparchit quas abo. Et qui bearum sed quatium nosam eius dolorum sedicta de consequi simin plis verum sum aspero te velestia sam, con parum este plaut porionsed molo tem. Ur res dolor sundigenditi comnimus, sequid que quamentorunt etum quid elique commolo rehende llaboreperum reserem. Ptionsequam accuptatio et eos con et venimag nihilibus
Karla regular
PT sans regular
Ihiciat quam vel earchil init quo occusam volorem ut eum lam, ea perunt, si ideliqu atibusdae cupta sequi rem quationse pos cor susam as quas min rehendunt volorporum ipsandae. Nonsequo eic tem earcimenimin ratem simoles dunt aliqui ut harumentus repelit lam, seque nistem. Et a que lab ipsus, nata nonsequia de nulla dolupta tiatiis eium voluptatur ratiscit ad maio. Nequaectorit ex eius.Nihil explam fugia nonestio. Enim facest, tem facipsa pliciat ibusae dem. It dolores tiatem asperum conserum earum et maio qui doluptiat autemquiae volupicieni doluptatetur moditatius eum illicius doluptaquat fugitaquunt.Omnimo dest aut inulparchit quas abo. Et qui bearum sed quatium nosam eius dolorum sedicta de consequi simin plis verum sum aspero te velestia sam, con parum este plaut porionsed molo tem. Ur res dolor sund inctior sed eatectaturem res aperrumquat iumquas picatium coresed quo mo volum, santoreperis desti archit etum ratum fugiate moluptiae con pa net que ma denditae volupta ssequis nosaecerum et escia
Ihiciat quam vel earchil init quo occusam volorem ut eum lam, ea perunt, si ideliqu atibusdae cupta sequi rem quationse pos cor susam as quas min rehendunt volorporum ipsandae. Nonsequo eic tem earcimenimin ratem simoles dunt aliqui ut harumentus repelit lam, seque nistem. Et a que lab ipsus, nata nonsequia de nulla dolupta tiatiis eium voluptatur ratiscit ad maio. Nequaectorit ex eius.Nihil explam fugia nonestio. Enim facest, tem facipsa pliciat ibusae dem. It dolores tiatem asperum conserum earum et maio qui doluptiat autemquiae volupicieni doluptatetur moditatius eum illicius doluptaquat fugitaquunt.Omnimo dest aut inulparchit quas abo. Et qui bearum sed quatium nosam eius dolorum sedicta de consequi simin plis verum sum aspero te velestia sam, con parum este plaut porionsed molo tem. Ur res dolor sundigenditi comnimus, sequid que quamentorunt etum quid elique commolo rehende llaboreperum reserem. Porepre ictuscidi atus inctior sed eatectaturem res aperrumquat iumquas picatium coresed quo mo volum, santoreperis desti archit etum ratum fugiate moluptiae con pa net que ma dendi-
Final Typography Title
Pontano Sans - regular - 36 pt
HEADER
MR Eaves XL OT - Regular - 14 pt Bodytext Pontano Sans- regular 12 pt
Aa ABCDEFGHIJKLMNOP Q R ST U V W X Y Z abcdefghijklmnop q r s t u v w xyz 0123456789 !@#$%^&*() Body text Pontano Sans - regular Size 12 Line spacing 14,4 spacing metric
Xeria volestiorro blabore resequo sandips ustiand esciis magnisciet qui iliquasped modiscim hilitatem ium qui des dioris repro temque sum il maximen estotataspedafd fadsf m il maximen estot ustiand
Meeting 3 Meeting 2
These were the first colors I showed to the studio. I added to the blue and specific white color they asked for. I sugge-
Final colors
Design thinking theory In the design process with my clients, I used Design Thinking; a way of thinking to come up with surprisingly innovative solutions based on the wishes of the customer. Herbert A. Simon, an American psychologist, and sociologist has developed a fivestep method for Design Thinking. I have always applied these steps in collaboration with my customers. The five steps are as follows: • Empathize understanding and understanding user needs. - I held an intake interview with each client • Define: defining the wishes of the customer. -figure this out by asking questions • Ideate: creating multiple ideas with different angles - show the customer several options with substantiation • Prototype: making “prototypes”, collecting advantages and disadvantages - Show final designs with small adjustment opening • Test: Testing the “solution” - By placing the design in a larger whole what it looks like. (Boer, 2017)
Review Studio RI We hebben aan Iris gevraagd om mee te kijken naar het opzetten van een logo en huisstijl voor ons beginnende architectenbureau. Voor de samenwerking hadden we zelf al een sterk concept van de uitstraling van het bureau. Iris heeft dit mooi opgepakt en verschillende opties die binnen dit concept vielen ontworpen. Aan de hand daarvan was het mogelijk om met meerdere sessies tot een product te komen waar we heel tevreden over zijn! We raden dan ook zeker de diensten van Iris van Nispen niet alleen voor het grafisch ontwerp, maar ook door de goede communicatie aan. - Studio RI Fenna Regenboog & Leslie Ing
â&#x20AC;&#x153;
â&#x20AC;&#x153;
APPENDIX
INVOICES & QUOTATIONS - PRICELIST & EARNINGS - BIBLIOGRAPHY
Invoices and quotations
Studio SHIFT Order
Price
Comments
Coperate Identity: Total package
€200,-
Seperate options Designing: Logo
€100,-
Business card
€75,-
Writing paper
€75,-
Advertisment and marketing material: Flyers
€75,-
Poster
€100,-
Brochure
€75,-
Website and Social Media design: Social Media templates
€100,-
WIX / WPress / Adobe site
€200,-
Website Desgin
€125,-
Other Graphic Desging work: Cards (for example, postcards or birdcards) Magazinecover
€100,-
Stickers
€50,-
Do you have any other graphic design work that is not mentioned? let us know and we will see what we can do for you!
€75,-
Including: - Color-, Font- and Image research - 2 or 3 choiches from the separate options.
Designing, for example, letter or invoice layout.
Pricelist
Studio SHIFT Earnings
In the table below you can see what we as studio SHIFT and individually have earned from our graphic design assignments. Unfortunately, due to the Corona virus, we have been unable to maintain our price list. Company Group Projects
Annabella
Claudia
Iris
Mick
Assignment
Earnings
Pan Artwork
-Logo -Bag Design -Social Media Content
Ingrid Willemse
-2x Logo -2x Website Design
ST. Kinderdroomwens
-Flyer Lay-out -Poster Lay-out -Sponsor Possibilities Lay-out
-
Iso2Handle
-Businesscard -E-mail Template
-
Mentelity Foundation
-Packages Design -Benefit Gala Auction Booklet
Yor Video Productions
-Logo -Flyer
-
Roses
-Album Cover
-
E-activity
-Logo
-
Cursus
Research-Square
120 ,-
Own Cycling suit
Jewellery by Isa
-Logo
NOIO
-Magazine Design
Studio RI
-Corporate Identity -Logo
TVO
-Businesscard -Writing Paper -Logo
RumBleYou
-Banners -Logo
BuzzBuzzBienen
-Banner -Logo
14,-
-Twitch tiles -Offline Screen
300,45,-
Bibliography Ashley & Malone design. (n.d.) [Photo]. Retrieved from https://nl.pinterest.com/ pin/477029785532940190/ Beeldbalie . (2020). beeldbalie. Opgehaald van beeldbalie de betekenis van keuren : http://www.beeldbalie.nl/betekenis-van-kleur/ Cousins, C. (2017, Juni 5). Design shack . Opgehaald van Designshack.net: https://designshack.net/articles/graphics/poly-shapesa-new-design-trend-we-love/ Isoflat. (2019). 7Graphicdesigntrendsthatyoushouldfollowin2019. Opgehaald van isoflat: https://www.bethesquare.com/top-5-design-trends-of-2017/ deBara, D. (2018, 13 december). The gradient design trend: what it looks like and how to use it. Geraadpleegd van https://99designs. nl/blog/trends/gradient-design-trend/ Dictionary.com. (z.d.). Minimal. Retrieved on 25 april 2020, from https://www.dictionary. com/browse/minimal# Gemmeke, M. G. (2018, October 6). The art of one line drawings. Retrieved May 2, 2020, from https://medium.com/@michellegemmeke/the-art-of-one-line-drawings-8cd8fd5a5af7
Info.nu. (2010, 5 mei). Kleuren: de theorie. Geraadpleegd op 8 mei 2020, van https:// kunst-en-cultuur.infonu.nl/kunst/61773-kleuren-de-theorie.htm Ivaonva, T. I. (2020, May 1). Packaging information label icons. Retrieved May 2, 2020, from https://www.dreamstime.com/ packaging-information-label-icons-packaging-label-symbols-labels-packaging-information-label-icons-packaging-label-symbols-labels-image111989954 Kolowich, L. (2017, 21 februari). 17 Truly Inspiring Company Vision and Mission Statement Examples. Geraadpleegd op 29 april 2020, van https://blog.hubspot.com/marketing/inspiring-company-mission-statements Overdorp, M. (2014, 12 september). Golden Circle by Simon Sinek. Geraadpleegd op 29 april 2020, van https://www.toolshero.com/ leadership/golden-circle-simon-sinek/ PanArtwork. (2020). Pan Artwork our story. Opgehaald van PanArtwork: https://www. panartwork.com/about Reid, M. (2018, 25 april). Minimalist design: tips and inspiration to master the trend. Retrieved on 25 april 2020, from https://99designs.nl/blog/creative-inspiration/minimalist-design-trend-tips-and-inspiration/
Reid, M. (2018a). Minimalistic expressions [Photo]. Retrieved from https://99designs. nl/blog/creative-inspiration/minimalist-design-trend-tips-and-inspiration/ Research- Square . (2020). Research-Square home . Opgehaald van research-Square: https://www.research-square.com/index.html STT studio. (2018, 25 april). Alles wat je moet weten over kleur. Geraadpleegd op 8 mei 2020, van https://www.studiostt.nl/blog/alles-wat-je-moet-weten-over-kleurenpsychologie-in-marketing Woods, D. W. (2020, May 2). The Power Of Mind Mapping. Retrieved May 1, 2010, from https://www.forbes.com/2009/06/09/mindmapping-wikis-technology-cio-networkmind-mapping.html#888e4656a2b6 yesinvoice. (2020). difference between a quote and invoice . Opgehaald van yesinvoice : https://yesinvoice.com/business-guide/ what-is-an-invoice/invoice-definition/difference-quote-invoice/
2020