Stimmt internship report

R O

E

R

P T

Demi de Graas | ECM3V.Da | report | 1 february - 25 june

3

INTRODUCTION The past 5 months I did an internship at Stimmt in Enschede. Stimmt is a digital agency that designs and develops websites, webshops and webapplications. I fulfilled my internship as a front-end developer and designer, because I don’t know exactly which of the two tasks appeals to me more, I was lucky enough to discover both within Stimmt.

Before I started my internship, I knew what I wanted because of my previous study and internships. Web design and front-end both really appeal to me, and at this internship the task is to find out what suits me more and what I like more. Because I have completed previous internships at MBO at full service media agencies, that’s why it’s extra fun that I can do an internship at Stimmt. A company that really focuses purely on digital.

In this report I tell you whether I have achieved my set learning goals, which projects I have worked on and how my internship period has elapse. Of course I would like to thank all colleagues at Stimmt for the opportunity to do an internship here despite the strange corona pandemic, but of course also the guidance.

4

INDEX 01. Introduction

4

02. Index

5

03. About me

6

07. Competences

21

04. Stimmt

7

08. Projects

23

05. Team

15

09. Reflection

42

06. Learning goals

19

10. Conclusion

43

11. Epilogue

44

12. Attachments

45

5

ABOUT ME My name is Demi de Graas, a 23 year old Creative Media & Game Technologies student at Saxion in Enschede. After a few months of studying I had to choose which outflow direction I wanted to follow. Then I made the choice to further develop myself in design.

In recent years I have followed differtent subjects and projects, from making a game to a do a startup. Now it’s time for my internship period, before this I followed my minor and then there is only Smart Sollutions Semester and graduation left.

Intern

Seen my interests and qualities, I quickly came across Stimmt, I had been following the company for a while and still knew them from the time they were called Velten media and were located in Hengelo. The company matched my wishes and learning goals perfectly and the application felt very nice. The atmosphere within the company felt good, and the opportunity to learn a lot was also present. Not much later I was told that I could fulfill my internship period at Stimmt despite the corona pandemic.

In this report you can read everything about Stimmt and my time being an intern here.

DEMI 6

STIMMT Stimmt, a digital agency for super-sleek technology and kick-ass design. With well thought-out strategy, structure, design and interaction: everything is in balance. It is the ultimate digital brand experience according to Stimmt.

A dedicated team of designers and techies who work according to a strict structure. That is how we deliver the best digital custom work. We are only satisfied if everything is perfect and works in every sense of the word.

We get the bigger picture:

We design and develop in-house or with a selection of partners, in a streamlined process. Clear communication, a plain division of roles and strict planning. To make sure that we realise what we envisioned at the start. And afterwards, we continue to supervise, measure and refine. We take our responsibility, you are the one who counts.

We go the extra mile:

Standing still is not an option. We develop with the future of your brand in mind. Where do you want to go, which channels are you going to use to get there, and where will the conversion take place? Stimmt helps you answer those questions.

Experience awesome:

The success of your digital product stands or falls with clear interaction, the right functionality and a concise, unambiguous message. But how do you combine that with brand recognition and experience? How do you create the right brand perception online? That’s where we come in. The right technique in a kick-ass design – that is our speciality.

7

DIGITAL STRATEGY

DIGITAL DESIGN

DIGITAL DEVELOPMENT

DIGITAL PARTNERSHIP

Based on clear, verifiable insights we create successful digital solutions.

We design an effective interface, starting from the user’s experience and perceptions.

We ensure that the ‘back-end’ of the digital product performs to perfection.

•

Online strategy

•

Wireframing & prototyping

•

We further our request for the optimum digital experience, to enable the user to convert (rapidly) and enjoy that pleasurable brand experience.

•

Archetypes

•

User experience design

•

Information architecture

•

User interface design

•

Custom platforms and portals

•

User flow

•

Interaction design

•

Integrations with external

•

Trends & patterns

•

Visual design

Websites, web applications & webshops

software/API •

•

Support

•

Conversion optimisation

•

Animation finetuning

Integration with social media platforms

•

Proces optimisation

•

Hosting & domain names

8

Thought out strategy

DIGITAL STRATEGY

UNDERSTAND

RESEARCH & ANALYZE

03 - Develop (digital development) The designs are ready and approved by the customer, time to set up the development environment. Convert the design to technology and make content manageable. Optimization, processing feedback and making it responsive fall under this phase. Finally, the website is launched and carefully prepared.

04 - Deliver (digital partnership) A structured partnership can now be offered to the customer. This applies to future development, so you continue to support the customer to get the best possible out of their website.

Kick-off

Verify information received

Understanding the customer, the problem and the challenge

Making strategic choices regarding the (navigation) structure and the customer journey

± 2 weeks

9

strategic document

02 - Define (digital design) It now ends up with the designers at Stimmt, who will determine the content, the structure and the functionalities. It consists of creating wireframes and designs. Making the user interface with the corporate identity of the customer and ensuring that the customer can get the optimal experience.

02. Define

debriefing

01 - Discover (digital strategy) This phase is about understanding the customer, the problem and the challenge. A lot of information comes in and this requires strategic choices to be made and a customer journey.

proposal

Stimmt uses a standard process. It consists of 4 steps, namely:

01. Discover

DEVELOPMENTPROCES

WORK METHODS

Doing the right thing

WIREFRAMES V1

WIREFRAMES V2

Determining the content, structure and functionalities of the screens

Doing things right 03. Develop

04. Deliver

DIGITAL DEVELOPMENT

DIGITAL PARTNERSHIP

WIREFRAMES V3

DESIGN V1

DESIGN V2

DESIGN V3

Designing the user interface of the platform in accordance with the corporate identity Establishing an optimal brand experience

DEVELOPMENT

Setting up a development street

Finishing and optimization

Installation and configuration framework / CMS

Processing feedback

OPTIMIZATION

A structured method for further development, based on periodic consultationzzz

Making it mobile and tablet friendly

Convert design to technology and make content manageable

Launch preparation

Fine-tuning of animations and details

± 6 - 8 weeks

FINISHING

delivery

DIGITAL DESIGN

staging

Smart optimizations

design

Super tight technique

wireframes

Kick-ass design

Launch

± 4- 12 weeks

10

OFFICES Stimmt has offices in Enschede and Amsterdam. In Enschede there are 28 workplaces and we have 2 meeting rooms of our own. The building is located at Roombeek at Brouwerijstraat 1. It is a shared building with several other companies and Stimmt has the office on floor 2A. The building in Amsterdam has 12 workplaces, 4 of which are intended for colleagues from Stimmt. The office is rented in partnership with Fangage and Sam Feldt (Heartfeldt records). It is the ambition to have a permanent occupation at the office in Amsterdam in the future. It gives an extra body to the company for (potential) customers.

ENSCHEDE

11

AMSTERDAM

STYLE GUIDE Our communication is aimed at marketing managers and DGA’ers at large corporate and MKB+ level. They come to Stimmt for awesome digital customization and for our structured workflow. They expect both elements from Stimmt and want to recognize them in the communication.

Speaking from Stimmt

So on one hand, this should provide guidance and clarity, but on the other hand, it should be allowed to explore the boundaries. We do this with smooth, clear texts in a sober, confident style. With bold statements we add the ‘edgy’ sauce.

Bold statements

Word choice

Our target group is looking for high-quality solutions, we show that we know what it’s about. We do this in high-quality texts, without official language or an excess of jargon. Understandable, concise, confident and readable.

We use terms such as *framework* or *API* in a dosed manner, in a context where they are needed. English is fine, but only if it adds something.

Style & tone of voice

In substantive texts we come *to the point*, showing that we know what it is about. Short paragraphs that answer questions and demonstrate our expertise, experience and knowledge.

Stimmt is a collective. The people are important, but especially when they work together. As a client you will be working with Stimmt, not with ‘us’, ‘we’ or ‘I’. Preferably third person singular.

Powerful statements attract attention and give us the space to push the boundaries. This is how we set the tone and position Stimmt as slightly rebellious, challenging and *edgy*. Our *bold statements* are in English and we like to use references from pop culture and online colloquialism.

• • • • • • • • • •

Experience awesome We go the extra mile We love it when a plan comes together Hit us up Holla at ya boys Drop us a line Lit Badass Hustle Keep it 100

Approach

Stimmt is young and contemporary. Addressing with ‘you’ is outdated.

Addressing us as ‘you’ is a sign of respect for us: we see you as an equal.

‘You’ creates distance and that is at odds with cooperation and partnership.

12

THESE TOOLS MAKE OUR STRUCTURE We choose packages from the best software and systems that provide the best results for your project. In addition, we use smart tools that help us and you to streamline planning and production.

Do you use existing software that we need to integrate? Stimmt ensures that everything fits together seamlessly.

13

14

Front- end developer

Operations & project manager

Front- end developer

Front- end developer

Front- end developer

Head of front end development

Back- end developer

Front- end developer

Digital strategist & designer

Front- end developer

15

Technical director & coowner

Director & owner

JARO JONATHAN NIKÉ SANDER

ROBIN ONUR WIM DEAN

LEROY SANNE DANNY NICK

Intern

Back- end developer

MAARTEN

DEMI

Within the Stimmt team we have different departments and functions. You have design, front-end development, back-end development, operations & project manager and soon you may also have an office manager. In principle, all employees fall within these services. The team consists of more than 15 employees and has the potential to grow into a team of 20 employees in short term.

Intern

Head of design

BAS

THE TEAM

QUINTY Ditigal designer

BRAM

OFFICE

DOGGO

16

FUN FACTS 04 MAR

First day at the office

First meeting office doggo

01 FEB

08 FEB Defy wind and weather

17

11 MAR Preparing a party

* I bought dungarees for everyone for the European Championship match in the evening. They just don’t know that I did that. And the fun thing is, everyone had them on.

First time driving Stimmt car

‘Pranked’ my colleagues. *

11 MAR

Party at the last day

21 JUNE

25 JUNE

21 JUNE 26 MAY Client brought us a cake with our heads on it

Watching EK match / having a orange party.

18

LEARNING GOALS 01. Planning

04. Sketch

02. WordPress

05. Version control

05. Communication

06. PHP coding

Teach myself over the next six months to work with a good structure and to plan as much as possible.

Create a theme during a project within this internship and ensure that it is manageable in wordpress.

During this internship I ensure communicative growth by being open and active towards colleagues and continuing to ask questions.

19

During this internship, learn to create and set up design in Sketch.

At the end of this six months, master the programs GIT, source tree and bitbucket.

At the end of this internship I want to be able to code in PHP and know how to handle this quickly and easily.

20

COMPETENCES 01. Communication Communication is very important at work, maybe even more with the COVID-19 virus around. A lot of my colleagues are working from home , so we need a strong communication to work together. At Stimmt we make extensive use of Slack. Slack is a channel based communication platform, but you can also make a video call or a normal call in slack. This means it’s easy to ask questions, have a nice chat or even make a call with one of our colleagues.

This makes it possible to grow in communication at stimmt. Above all, I want to keep asking questions and be active and open towards my colleagues.

I don’t want to linger too long with questions, but if it doesn’t work after an hour, just involve someone. Don’t be afraid to ask questions, asking is not a failure, it will only make me better.

02. Ability to learn and reflect At this time its very busy at Stimmt, this means a lot of support requests and the possibility to solve these. To do this on my own or with my fellow trainee we already learned so much. There is plenty of help of colleagues and they will always make time for us to help or explain. It is not only busy with support requests, all the other project are very busy aswell. We discuss and reflect a lot with colleagues in online and physical meetings, this way we get tips and tricks and can we improve our skills and knowledge. Because of the busyness and the many assignments, I can work on my learning goals and individual assignments.

21

03. Technical knowledge & analysis One of the things we need to do at Stimmt is picking up support requests.

Every colleague has acces to support@stimmt.digital. The mailbox where we can see the support requests, questions of clients, but it can also be a more. But it can also be a more difficult time consuming questions. Most of the requests are for front-end, if I think I can manage to fix the request I can assign this to myself and take the time to solve or repair the issue.

This means we need technical knowledge to solve these requests but also analyse well, can I do this?

By looking at assignments in this way, and reading well in advance and reflecting afterwards, I can make the right choices. Communication is also very important here to iterate and get better at the things I make. I need to have enough knowledge to be able to prepare assignments and with good analysis I need to get even better.

04. Entrepreneurial attitude It’s quite obvious we need a good and professional attitude. But for me it’s also normal to ask questions, do things without they asked me to do it. Pick up things by myself if I think I’m able and qualified enough to do that. But also be present and be active. I want to show the company that I have enough knowledge to be a good colleague for them and that I am independent enough to work with.

22

23

PROJECT 1

HEKWERKONLINE.NL

24

Assignment Hekwerkonline, part of Fenceweb wanted an online brandbook. As an intern, this was the perfect assignment to learn and get involved on both design and front-end development. This task was handed over to me and another intern. The preparatory work and designing was an individual task.

Setting up the Wordpress environment and developing a manageable website was a combined task for the both of us. We were both able to work on a local setup to make it run smoothly.

What I want to learn With this assignment I can work on different learning goals. Within this assignment I would like to learn how to make a manageable Wordpress environment. To get this completed it is necessary to be able to code PHP, and be able to apply PHP. Because I need to make use of Advanced Custom Fields for the realisation phase, I can learn how to use PHP in combination with getting the website manageable. To code and to be able to work on the assignment, version control is very important. I immediately learned to work with Sourcetree, Bitbucket and Local to keep my revisions up to date. Because we had to work on the assignment together, loads of communication was needed. The website was reaslised together and had to be presented often during designing.This kept me updated on feedback wich allowed me to ask the right questions during the development process.

25

Plan of approach Research

Sitemap

Iterations

Design V1

Final design

Development

Deliver

Iterations

Research

Evaluation

Before I started, I looked up a lot of existing brandbooks and got a lot of inspiration on the internet. About the elements that belong in a brandbook, but also about how to set up a brandbook. I sat down with the head of design who gave me the tip to take an 8 pixel grid into account. This means that there is always a margin between everything that is divisible by 8. Doing this ensures a neat design and layout.

I found the project of hekwerkonline.nl very informative, it was a project where all areas come together, namely design and front-end development.

Creating a custom theme in Wordpress through code was especially interesting to me. Throughout the project I received a lot of tips and feedback, which you can clearly see in my designs. Slowly I started to get into it and you saw the design change into a beautiful design of good quality.

The tips and feedback were welcome and very to the point, nevertheless, it was difficult to to deal with sometimes. Because we had to work from home on a regular basis, the feedback sometimes came across as blunt and annoying, while this is meant to help each other and me. In the end, this worked out quite well, and pronounced. I have become more confident in what I can do.

They also needed new icons, on the new website they had already used a set but I didn’t really like it right away. I asked internally if this was final or if it could be changed, and they gave me opportunity to look for a new set.

After loads of research on the internet, my eye fell on the UI icon pack from flaticon. This one was approved as well and will be used in the brandbook.

Furthermore, I researched the different possibilities of a menu bar. The brandbook is a one-pager and here you can use different menu bars. It can be on top, on the right or on the left. It is also possible to create a hamburger menu with an overlay. At first this seemed like the best way to go, but after looking at many examples and researching existing online brand books, it turned out that a menu bar on the left was the best option. This will be ‘sticky’ and will stay on the one pager screen at all times.

During this assignment I worked on different learning goals and competences. Mainly this is because I was allowed to learn PHP in combination with creating a manageable theme in Wordpress, the basics of version control and the making designs in Sketch. I also wanted to work on my communication skills, this is certainly successful because I got to work with a nice group of people. We also had to make many iterations on both design and front-end and this has ensured that I had to present regularly and consult with colleagues. With this assignment, I gained all competences and my communication has improved, as well as my skills and knowledge.

26

Download brandkit

1

L O G O

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

Download logo’s

Progress Design 1

Spacing

Design 2

Don’t: Het gehele logo in een kleur maken.

Don’t: De kleuren verkeerd om omdraaien.

Don’t: Het logo uit proportie trekken.

2

K L E U R E N

BRANDGUIDE

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

HEKWERK BLAUW

HEKWERK GROEN

CMYK: 100, 80, 30, 18 RGB: 29, 56, 105 PMS: 534 RAL: 5000

Download brandkit

HEKWERK GRIJS

CMYK: 55, 0, 100, 0 RGB: 130, 186, 38 PMS: 368 RAL: 230-3

3

F O N T S

Heebo - medium

1

L O G O

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

Heebo medium Voor normale titels

Heebo - regular

Heebo regular Voor platte tekst

Jura

Jura Logo font

Download fonts

Dit is een titel - Heebo medium Dit is de platte tekst in het font heebo regular. Dit is de platte tekst in het font heebo regular. Dit is de platte tekst in het font heebo regular. Dit is de platte tekst in het font heebo regular. Dit is de platte tekst in het font heebo regular. Dit is de platte tekst in het font heebo regular. Dit is de platte tekst in het font heebo regular.

Dit is de platte tekst in het font heebo regular. Dit is de platte tekst in het font heebo regular. Dit is de platte tekst in het font heebo regular. Dit is de platte tekst in het font heebo regular.

4

I C O N E N

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

Download iconen

Download logo’s

5

F O T O G R A F I E

Spacing

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

6

Don’t: Het gehele logo in een kleur maken.

27

Don’t: De kleuren verkeerd om omdraaien.

2

K L E U

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex

Don’t: Het logo uit proportie trekken.

B U T T O N S

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

Toevoegen aan winkelwagen

Normale button

Toevoegen aan winkelwagen

hover button

Design 3

Final result (development)

28

PROJECT 2

DASHBOARD

29

30

Assignment This one is an internal assignment. Creating a dashboard for Stimmt.

Stimmt is currently using a lot of different programs. A special program for the hours and invoicing, a program for tasks and a program for the agenda.

Because it often takes a lot of work to find out certain things, they wanted a dashboard with overview, which would result in less clicks and less time to find certain information.

What I want to learn During this project I can work on my communication skills. Because the dashboard will be used for internal purposes, I will have to do a lot of research on what certain colleagues think about the programs and what they find important in the future dashboard. This organizing and planning meetings is of great importance. Sketch can also be mastered in this way, and because it’s a dashboard, there is the opportunity to learn other design skills. I have never made a dashboard before and that is why I am very eager to learn how it should be set up or is created. For example, which elements are essential and which are redundant? How do you display a menu bar or how do you fill up the the small space cleverly?

31

Plan of approach Explanation

Research

Iterations

Wireframe V1

Final wireframes

Design V1

Final design

Iterations

Research

Evaluation

Creating a dashboard was something I had never done before, so here I had to discover a lot. I have done a lot of research about standard elements in a dashboard, what a dashboard should consist of and what the different possibilities to create a dashboard are.

I learned a lot of new things during this assignment. Thinking about and setting up a dashboard I had estimated very differently beforehand. There was a lot more to it than you would have expected if you had just looked at the end result. I did a lot of research and this was also necessary. Both internally and online I have come to know a lot of things which together have ensured that internally they see everything in the dashboard that they wished I processed my own input, which was well received.

It is at least as important to know what the dashboard should contain from the point of view of the internal wishes. For this I have done research by interviewing Sanne, Danny and Onur. I planned meetings and asked them questions to gain insight into their wishes, which were quite different.

However, they did agree on a lot of points, including the points of interest in the design.

There is a lot of use of different programs, namely: Asana, Simplicate and forecast. I was not at all familiar with these programms so I had to do some research and explore the program to find out what data belongs to which program. Mainly how this is displayed and how this can be made easier.

With this project, I have developed myself very much, I became a lot more confident in conversations, internal designs and coming up with different strategies. The many meetings during this project have helped me a lot.

I even started to like coming up with ideas internally and find out what people would think about it afterwards. This also helped me to work on my learning goals and competences. Especially all the competences were well addressed.

See appendix 1 to 7 for a complete process overview of the homepage

When I had these points clear and knew what data comes from what program, and what you can show with it, I started to get inspired. Especially on Pinterest and Dribbble, I got a lot of inspiration and came up with new insights to use during this project.

32

Progress Wireframe 1

33

Final wireframe

Design 1

Final design

34

35

PROJECT 3

PLUIMERS

36

Assignment Pluimers isolatie was eager for a new website. Their current website was also developed by Stimmt, but they wanted to change their marketing strategy.

The design for the new website is basically developed by Bas, but I am allowed to shadow the design process. This means that I have to do exactly the same thing as our head of design, make iterations and present these during this process. By doing this, Bas might also get other insights and I get to learn how this process works and how I can make a nice design.

What I want to learn Through this shadow project I get a good insight of how a design process works within Stimmt. I am allowed to use the same method as Bas within the Pluimers project. The only thing we did not have is contact with with the client, which is a pity, but understandable in a shadow project. Because the designs had to be made in Sketch, this was the perfect opportunity for me to apply everything from the previous project. I had to work with a schedule and had to make sure that I would finish the design in time. Because there were deadlines and other tasks in between, planning is important, so I could learn this well. Furthermore, I wanted to pick up my communication where I left off, make a lot of iterations and consult a lot to get to a nice end result.

37

Plan of approach Research

Debriefing

Iterations

Wireframe V1

Final wireframes

Design V1

Final design

Iterations

Research

Evaluation

An external company has been working on the repositioning of Pluimers and has produced a document as a result. Following these documents and discussions with the customer, Niké came up with a debriefing and well thought-out strategy. I had to read through the entire document and screen it. From there I could do research into Pluimers’ competitors and elements that I would like to have in the website. The interactive house on the homepage had to be given a new look, and I had to do some research to see what the possibilities might be.

This was a very instructive project to work on my design skills. Through doing a shadow project, I got a good understanding of how a design process is handled within Stimmt and what the steps are. I quickly realized how high the quality requirements are and that there is a lot of communication between both Stimmt and the client to really achieve a a beautiful, high quality end result. Never before had I worked on a project in this manner, which made this process extra interesting to experience.

Wireframes are normally created in Axure. This is a kind of similar tool to Sketch, but much easier to create wireframes in, and use certain elements.

This was the first time for me that I was going to work with this program and therefore I followed a LinkedIn learning course beforehand so that I could get the hang of the program a bit quicker.

During the feedback it was also indicated that I should actually make use of an extra color. The corporate identity colors of Pluimers are black and yellow.

After several color tests and researches I ended up with blue. Now I am using the blue color in the designs to highlight certain important elements.

The tips and feedback I received during the project really made my designs grow to an higher level. I started to think more logically and strategically about the placement of elements on a page, but also how I can use these elements in a smart way so that it is easier for the developer to work on.

During this project I have been working on different learning goals and competences, especially communication and learning to use Sketch.

Communication was very important during this project, I had to present and iterate with some regularity. Through good communication this became a lot easier, although I sometimes made mistakes by not asking how Bas was doing with his design. I always was curious about how his design looked like.

Looking back, I could have asked him a bit more instead of waiting. But I did get to know a lot of ins and outs of Sketch. I was given the opportunity to learn, reflect and iterate because Stimmt gave me the trust and freedom to explore this assignment.

38

Progress Wireframe 1

39

Final wireframe

Design 1

Final design

40

41

REFLECTION It’s a weird time to do an internship, we’re in the middle of the corona pandemic and the advice is work from home. I started my interrnship without expectations , it soon became clear that I was allowed to come to the office every day during the initial period and because of this I could get to know the company and everything around it better. During this internship I was involved in front-end development and design.

During the internship I mainly worked on larger, longer assignments, both on design and front-end development. This also regularly involved a support request. The beginning was a bit tricky, I was not confident about my work and forgot some important techniques. My communication with colleagues could also be a lot better. Soon I started to feel comfortable and at home in the office. I started to talk, joke and consult more. The assignments were fun and the atmosphere in the office was great!

All in all, I look back on an instructive internship period with fun assignments. Clients I have helped were satisfied and positive and I am very satisfied with the ‘delivered’ end results.

42

CONCLUSION At the start of my internship, I set several learning goals for myself, many of which I achieved. The only learning objective that I would have liked to have learned more about is version control. How you should work together on projects, how you set this up and how you can easily work with this.

Actually, I have only really worked with 1 project with this and that is why I think that I have not achieved this learning goal. I have more than achieved all other learning goals, especially learning Sketch and getting better at communication. I became a lot better in planning and I can make a Wordpress theme that is manageable. To make this manageable, pieces of PHP code are needed, also one of my learning goals that I achieved and really enjoyed doing.

All competences have also been amply covered. In the past internship period I had to communicate a lot, both with customers on the phone, internally and via Google Meet. We also have a lot of consultation through Slack, so we can quickly and easily approach other colleagues. Within Stimmt I have regularly been able to solve a support request, you can learn a lot from this quickly and also reflect on how it can be solved better or faster next time. This also includes that I have to ask for help in time and I think I have grown a lot in that. Of course I have also grown in my skills, especially the design skills. I’ve had really great tips what you can be back in my progress lately. FFurthermore I became more handy with code and my general knowledge has increased by handling support requests. As a result, my attitude has also changed. I have become more open and communicative, but I also acted more professionally, which I learned well from dealing with customers.

43

EPILOGUE I am very grateful to Stimmt that I was allowed to do an internship here. In the past few months I have learned a lot, I received a lot of tips and above all I had a great time. Stimmt has a very nice team and thanks to them I was able to gain so much extra knowledge and had so much fun. In particular, I would like to thank Sanne, Sanne was my internship supervisor and my point of contact within the company. Despite the busy schedule, I could always go there and she tried to help me as far as possible.

Stimmt, thank you!

44

ATTACHMENTS Appendix 1

45

Appendix 2

46

Appendix 3

47

Appendix 4

48

Appendix 5

49

Appendix 6

50

Appendix 7

51

KICKASS INTERNSHIP Thanks