Home

Work

Services

Stories

About

The Hague Tech

Delilah Dols

Five Brothers Fat

Gideon Mulder

Harry Potter

Hannah Mullers

Crossing Border

Michel Behre

The Hague Business Agency

Anesh Kisoen

WorldStartup

Gerrit-Jan van 't Veen

Duurzame Studies

Soem Zeijlmans

SCRUM was developed in the early 1990s. The philosophy behind it is founded on empiricism and asserts that knowledge comes from experience. It emphasises the ‘see-feel-change’ approach which means that learning goes step-by-step to achieve success. Through lean thinking we can filter and minimise waste so there will be more focus on the essentials.

SCRUM serves as a lightweight framework for self-organising teams to implement projects in a more effective and efficient way. For companies this means that instead of having a distant deadline for finishing a whole project at once with the risk of failing in the end,  in short sprints of 2-4 weeks, a team always delivers a completed part of the total project. You can see it as a continuous and frequent cycle (plan-build-test-review) with feedback on the small feature set at every Sprint Review. These inspections are important because now SCRUM Artefacts (more on that later) can be detected and adapted to make the quality of the work better. This flexible and transparent way of working being used more and more, gives every SCRUM-team the formal opportunity to improve their current results with the final goal of creating a shippable product.

Miles strives for this more dynamic and beneficial strategy because it strengthens our management of different challenges we face. We aim to have an agile way of working. Agile can be defined as a set of values and principles that teams can use to make decisions about how to do the work of developing valuable software. With every new process Miles has, we first want to get comfortable so we can encourage the team to experiment and see what works. By responding to change instead of following a fixed plan, we are contstanting adapting the process to fit the team. And because our highest priority is to satisfy our customers' needs, we prefer customer collaboration and face-to-face conversations to use as our source of inspiration for new ideas.

The waterfall methodology is considered the traditional way to execute tasks that are well understood and documented from the start. It follows a linear top-down approach, so the process goes only one direction with each phase representing a distinct stage that needs to be finished before the next one begins. But these fixed scopes, budgets and timelines made it almost impossible for developers creating a new product to succeed in their work. Because their testing phase only takes place at the end of the development, the risk of bringing the wrong product to market is high, since market command or technology can change while the original plan is being developed. Agile intends to solve these issues of a rigid structured methodology by breaking the project development down into sprints. All these sprints can actually be seen as a collection of various projects on their own, which gives the flexibility to change the test plan at each evaluation. The Agile methodology is the most ideal approach when crucial details are not known yet from the beginning and the project is centred around rapid and continuous delivery.

Why do we use SCRUM & Agile within Miles?

SCRUM and Agile enable us to finish projects with more attention and the deliverables connect more with the actual users. Because we value a cohesive collaboration with intensive communication and adequate productivity, we chose a small team that works together on all projects. We have a clear division of tasks while maintaining our focus on the same end goals. This is not only time- and cost saving, but it also gives us the perfect opportunity to work in an autonomic environment where everyone can work independently. We believe that this is the way to work faster, more motivated and more efficiently to deliver the best quality for our clients.

Agile as a method originally comes from IT. Software developers were not satisfied with the standard working method at the time, which was mainly based on a clear and final design with a detailed planning and procedure. However, this method never matched reality since unforeseen problems were not calculated in the time span and planning became difficult in an increasingly dynamic, complex, volatile and   uncertain (IT) world. In 2001 this led to the Agile Manifesto, which prioritised individuals and collaboration over tools and procedures and a creative mindset responding to change over following a plan.

How can you implement an agile way of working?

At Miles we give the preference to work together in a small and self-managing team. In order to make the SCRUM framework function properly, there are different and clear roles within our team. The three specific responsibilities are the Product Owners, the SCRUM Master and the Development team. They form a cohesive unit of professionals that are all focussing on the same product backlog which has been simplified into specific sprint backlogs.  The product backlog is a mega list of user stories that describe the needs and wishes of the client. The sprint backlog is a more specific and smaller list of user stories that the development team and SCRUM master create based on priorities and can work on during 2-4 week long sprints.

It’s an innovative way of working that helps teams (including us) ship faster with more quality. It allows for more flexibility than traditional methods such as waterfall. The mindset is the most important, tools come last. There are lots of benefits to working in an agile way, which you can implement in small steps by dividing roles and setting clear boundaries for a sprint using the product and sprint backlogs. If you want to learn more about SCRUM and the agile way of working we recommend looking at the 

SCRUM was developed in the early 1990s. The philosophy behind it is founded on empiricism and asserts that knowledge comes from experience.

How did we implement an Agile way of working?

We are fast, while paying our best attention and giving our full commitment to your project. But what is Miles and why do we and those ‘buzz’ words matter? Why would you work with this group of creatives and forward-thinkers? What follows is a story of where we came from, who we are, and how we work. This is a story with lots of intricacies and learnings along the way, and hopefully with your interest to collaborate, we can together achieve and learn so much more.

It all started with two close friends. We've always had a nick for letting our creative minds flow by producing devised work we love(d). The occasional website, conceptual applications, and even flyers for school parties sparked our fire for design. Slowly but surely, we started to notice something brewing: the concept of helping one another attain their goals, wishes, and vision through a digital canvas.

From that concept, we always wanted to stay true to our way of working, which we like to call 

 , like how the legendary jazz trumpeter Miles Davis did. It's a term we have held dearly from the beginning. It symbolises flexibility, open mindedness, and making sure you feel comfortable and assured when working with us. Miles, it's a name that embodies our potential for being different and innovative, all while jamming along.

We are a creative studio, and while that's not something out of the ordinary, the fact that we handle your project so carefully definitely is. We play this game with attention from the get-go, giving you a personal experience when creating digital products and experiences with our full-time dedicated Miles team at your disposal. More like a boutique than a full-blown agency.

We are a multidisciplinary team. Ranging from great graphic designers to web developers, we are able to control most aspects of every project within Miles. Next to that, it powers us to collaborate with like minded individuals.

We follow a proven method that always works when we are fabricating the projects for our clients. We work agile first through the discovery, design, and development phases, all while making use of Atom-based design principles. This allows us to be flexible and keep our focus on delivering the attention that's needed to a project, while also aiming to exceed client expectations.

Who’s this group of creatives that call themselves “Miles”?

Each and every person on our team has an affection for and a specialisation with a certain discipline. From designing battle-tested interfaces to writing the cleanest code, this combination of amazing, interesting, and above-all ambitious people on the Miles team would be very keen to meet you:

Miles is absolutely one of my biggest joys in life, with an ever growing team, clientele and amazing projects we get to work on. Making sure everyone within the team is in their power to be as creative as possible is one of the biggest accomplishments so far. And yeah, I really like dinosaurs :P

Hi, I'm Ezra, a creative who especially likes to make other people's concepts come to life. From concept to the visual end product. The hours that I'm not working on that, I spend a lot of time on music and can often be found in a record store.

Someone who likes to face the unknown of tech with an “anything can be done mindset”

We are all a very close team! There is a 'work hard, play hard' mentality that ensures that we want to get the best out of every project together. We work on many different projects, so the work is never boring. Every customer comes with their own challenges, delivering a product that works for customers and users really gives energy!

It's always fun at Miles! Besides that, we also work hard. And play hard! I have been interested in computers from a young age. I like programming, cars and motorcycles, fishing, gym, traveling and having fun with friends and my girlfriend.

We like to put our thinking into your vision. From websites to apps, brand identities to platforms, and anything and everything in between, we apply our special Miles touch that we find very exciting. You can always be sure that you belong to the Miles community of amazing and interesting people. We'd love to know what you're thinking about and what we can do to help you work towards fulfilling your vision.

Keep an eye on our website and Instagram channel for that we are expanding our community by reaching out with editorial and informative content such as customer cases, thoughts and podcasts.

We are fast, while paying our best attention and giving our full commitment to your project. But what is Miles and why do we and those ‘buzz’ words matter?

Make miles in weeks, not months

Today, a good user experience on all devices is a must. All digital products are a lot more complex than they were a few years ago and to bring unity and structure to this, we use Atomic design in our process. This is a story about why.

In 2014 Brad Frost introduced the concept of Atomic design. Inspired by his highschool chemistry classes, he came up with the idea of dividing his designs into atoms, molecules and organisms. If a digital design were also constructed this way, any complex design could be reduced to the smallest components: the atoms.

Atoms are the fundamental parts of a design system. Colours, typography, but also buttons, the input field, labels, check boxes and paragraphs are examples of this. Individually, the atoms aren’t as useful, but can be seen as the building blocks that comprise the UI’s. By slicing it becomes immediately visible in a library whether the atoms fit together in style.

But a label, input field and buttons do not amount to much by themselves, but combining the atoms gives it a valuable meaning. For example, hydrogen atoms and oxygen atoms together form water molecules. By combining the unique properties of atoms, molecules are more tangible and operational. By bringing smaller components together, they suddenly become recognizable in things like the search field. Now we’ve come to the more complex section of the design system, namely the organisms. They are assemblies of molecules that can be put together in a broader context. The ‘header’ organism can consist of the logo, navigation and search form and can thus be reused more easily in several places.

The next step in the development of an Atomic design are the templates. These consist of grouped organisms that collectively begin to form a page. These organisms are placed in a layout at the page level to articulate the underlying content structure of the design. In essence, these are the wireframes: the blueprint of a digital product.

The highest level in this development process is the final page. This is like a template, but then filled with representative content. This allows the page to be tested with different types of content. What if the content is twice as long as usual? What does this do to the design?

Atomic Design is becoming more and more popular in the digital world and this way of creative thinking is not going to disappear anytime soon if it is up to the designers. Instead of visualising the complete end result, Brad Frost uses a chemical equation to show the precise ‘ingredients’ of the total product. This experience shows a shift in the perspective of website design from statistical page templates to a dynamic system of customizable components.

This approach makes it possible to make complex UIs concrete and structured from scratch. This makes it easier to keep an overview and to keep future developments of digital products consistent. The time spent on further developments will definitely be a lot shorter because designers work with an existing system.

But ultimately a digital product is intended to be experienced by the end user. Atomic design is user-friendly because certain patterns, buttons and layouts of the digital products are known to users, which makes navigation and interaction with the UIs faster and easier to learn.

Today, a good user experience on all devices is a must. All digital products are a lot more complex than they were a few years ago and to bring unity and structure to this, we use Atomic design in our process. 

Atomic Design: The building blocks of digital design

Nick Voerman

Bas Wilson

Ezra Immanuel

Anne Cecchi

Matthew Wilson

When we got together with Crossing Border, we were tasked with conveying the culture and experience of the festival itself into a useful website that showcases the more than 100 artists and musicians present at the festival, provides interesting and up-to-date information about the schedule, and allows visitors to purchase tickets easily and hassle-free. The new website would provide more user-interaction, a consistent brand image, and most importantly bestow Crossing Border’s intangible cultural impact to tens of thousands of curious visitors from around the world.

In the end we delivered a website for Crossing Border that helped the festival to be much more interactive. With features such as custom interactive timetables, an animated homegrid and even built in livestreaming Crossing Border can be experienced digitally the way it was intended.

We created an active timetable that visitors can use to find out what is happening where. It also features a time indicator so the user is sure what is happening at the current moment.

The interactive homegrid was made to support custom animations and showcase the artists and events in a customizable way. This grid is fully responsive and the team can easily manage and update it.

With multiple days of artists and events, it was important to easily find a specific artist or event you were looking for. We created a day by day view, which included filters for days, types of events and even an extremely accurate search bar.

How we created a new digital home for one of the biggest literature festivals in The Netherlands.

A new digital realm for Crossing Border.

The Five family asked us to translate their amazing restaurant experience to a digital product. To make sure we made the website as close to the restaurants. We even sampled the paint used for the walls as the main color scheme.

The result is a interactive home for Five Brothers Fat. We made sure all locations are highlighted on the homepage and you can book a table directly by hovering over it. To make it as easy as possible to maintain an alive feel on the website we implemented the Instagram feed of their popular account on the website.

As every restaurant the menu of Five Brothers Fat changes troughout the year. Where in summer and spring fresher and lighter tones are the main focus, in winter and authum the warmer and cosier tones take over. To make sure the user has the most up to date experiece we made it possible to change the whole visual of the website in just one click, yes one little switch changes the whole visual identity.

Five Brothers Fat is a fast growing chain, this is why the website supports the francising by making custom landing pages for all locations.

But to make sure the end user does not get confused by the many locations Five has, we designed a location picker on the homepage which makes it easy to switch and book a table at the location you desire without losing overview.

Succes can only be measured by results, thats why we are thrilled to say that the Five Brothers Fat website has over 100.000 unique visitors from 50 different countries over the last year. 

The Five family asked us to translate their amazing restaurant experience to a digital product.

The new home for the Five family.

Hackathon for Good

We decided to join the Hackathon for Good organisation because we wanted to contribute to something good with a potential to make global impact. Our job was to create the brand and digital products for the global and The Hague part of Hackathon for Good

After being involved with the Hackathon for Good team for more then 3 years we have worked on various parts of the organisation like the brand, website, community and communication. 

Creating a brand that is focused on shared ownership and creating a global community was the thought behind the design we made. It had to be easy to create sublabels without too much hassle.

As part of the communication strategy, we created a new website for Hackathon for Good from scratch, which fully leverages the latest in web technologies. It is also a safe space for everything the team wants to share with the community.

To make sure we can support global organisations organise their own Hackathon for Good we made the brand as accessible as possible to make your own. By adding sublabels with unique colors and automatically generated pages, creating a brand, landingpage and event for a new Hackathon for Good is done in minutes.

To make sure hackers get motivated to tackle a challenge we made the challenge page centered on visual and personal messaging. By introducing the challenge owner with a 1 minute pitch and personal message hackers will get a direct introduction to the challenge and challenge owner.

There is a lot happing in the for Good community. To make sure people get triggered to join these events we created a centralized event calendar that can be managed by the team. Events can be linked to specific cities or hackathons to get the right audience interested.

Our job was to create the brand and digital products for the global and The Hague part of Hackathon for Good.

Work

Let's talk about your ideas, answer your questions and start a project