Our methods

The 7 methods for outstanding digital experiences

The top 4 digital challenges
for our customers

With over 20 years of experience under our belt, we have a good understanding of the challenges our customers face. Because these issues crop up time and again, we have developed approaches and use methods that eliminate these challenges.

High speed

The ability to respond quickly to new developments in the market provides a competitive edge. Rapid product development ensures that you remain competitive.

Flexibility & adaptability

Findings need to be adapted. It is important to remain flexible, because the new strategy needs to be constantly tailored to tomorrow’s world.

Reliability & scalability

You need a reliable partner to navigate this fast-paced environment. It is also important to focus on state-of-the-art security and scalable technology.

Human needs

Digital products are often developed without people in mind. For too long, technical limitations and focusing solely on efficiency have destroyed digital products.

Our plan of attack

Design thinking

Creativity is intelligence having fun

“Design thinking is a human-centered approach to innovation that draws from the designer’s toolkit to integrate the needs of people, the possibilities of technology, and the requirements for business success.”

Tim Brown, Executive Chair IDEO

Empathize
We want to understand clients’ real needs and pain points by changing our perspective and taking time for research and observation.

Define
After gathering enough information and structuring it, we evaluate the most promising findings and define a focus.

Ideate
Here, ideas are generated – lots of them. Quantity rather than quality. There is no right or wrong. We produce as much as we can as a team until our heads are spinning.

Prototype
For the best ideas we develop prototypes with wireframes, click dummies and mood boards and create initial technical approaches for possible implementation.

Test
Do the prototypes have substance? The proof of the pudding is in the eating. We focus on the best prototypes and test them in the team and sometimes even externally.

Implement
The best idea, with the highest potential, that is the best fit with the company and its goals and creates the most benefit for the customer will be implemented.

Atomic design methodology

From the smallest unit of a website to the
largest composite unit.

Atomic design ensures consistency in product development. The large selection of finished components enables rapid implementation. This allows us to create systems that promote consistency and scalability while showing things in their final context.

Atoms

Atoms are abstract elements such as color palettes, fonts, shapes, buttons, input fields.

Molecules

Molecules are groups of atoms that are bonded together. For example, an input field with a button forms a search field.

Organisms

Molecules give us some building blocks that we can assemble into organisms. For example, a navigation that consists of a logo, labels and a search box.

Templates

Templates consist of groups of organisms that are assembled into pages. For example, a navigation, header, text modules and a slider.

Pages

Pages are specific instances of templates. Here, placeholder content is replaced with real representative content to give an accurate representation of what a user will eventually see.

Design systems

A design system is the single source
of truth

A design system is the single source of truth that brings together all the elements and components used to design, implement and develop digital products. The design system is constantly evolving with the product, tools and new technologies, so it is always up to date. We have developed our own Reichl und Partner design system that we customize and expand for our clients. This means that your digital project is set up sustainably and provides a great foundation for the future.

Functionality

A user interface consists of a large number of components, similar to a Lego construction set. Thrown together, they make a pile. A design system sorts these components and arranges them clearly. Thus, similar to Lego, different pages can be built, such as a homepage.

Advantages:

  • There is no need to be constantly reinventing the wheel
  • Saves time in product development and thus also reduces the cost for the client
  • Ensures consistency, which makes digital products uniform
  • Reduces the error rate in terms of responsiveness

Frontend style guide

The digital corporate design manual

Similar to print, the frontend style guide can be thought of as the corporate design manual for a digital product. For this purpose, the design system is implemented in the programming and prepared in a separate interface for further use. All atoms (e.g. fonts, buttons), molecules (e.g. search box, slider), organisms (e.g. navigation, footer), templates (products overview page & detail page) and pages (e.g. completed homepage with finalized content) are created in the frontend style guide. The customer can thus experience all components as real components, touch them and see how they behave responsively. The frontend style guide can then be connected to a backend/CMS.

Agility

Agility means vision-driven work

At its core, agility is characterized by developing an initial, usable version of a product or service as quickly as possible so as to make it available to the customer at an early stage. Based on customer feedback, further versions are subsequently developed that solve the problem increasingly effectively.

Conventional way of working

In conventional project management, the project is organized in a plan-driven manner. This means that all functions (scope) have been precisely defined by means of a service description and also the costs and the deadline have been contractually defined. The sequence takes place in the classic waterfall and is rigid. Changes and new requests are reacted to only at the end of the agreed scope and a new quotation is submitted. This impedes flexibility, and project go-live could be delayed due to the new requirements. Efficiency and, above all, product quality also suffer because features that have already been implemented are rebuilt after the fact.

Agile way of working

In agile project management, the product is implemented in a vision-driven manner. The quality and size of the features are flexible. The costs and the deadline are specified in the contract. An agile way of working does not mean that costs are exceeded. Features can be prioritized, changed and added from sprint to sprint. After each sprint, a finished result is available that can go live immediately. This enhances product quality because the user is always at the center of attention and it is possible to react quickly to their needs. Agile working makes sense for large projects, as requirements will change over a development period of 6–12 months.

An agile way of working means at…

Customer level

  • Flexibility
  • Saves time and hassle
  • Gains a genuine competitive advantage

Agency level

  • Better quality
  • Stronger user focus
  • More fun during development

Restless reinvention

We stay in the loop

This approach rests upon the idea of constantly looking for new ways to innovate to solve existing problems and thus improve the digital product. KPIs give us insights into whether we are on the right or wrong track with the measures we have taken. This awareness allows us to create the best possible user experience. We implement something, observe, reflect, plan an adjustment and implement it. We stay in the loop, which is never closed. There is optimization from iteration to iteration.

One team approach

We are in the same boat

  • We want to work with you on an equal footing.
  • The traditional separation of powers between client and agency is removed.
  • We are in the same boat and have the same goal.
  • Together we want to create the best product for your customers.
  • Open and honest communication/feedback.

Design squiggle

Our creative process is like doodling

Our creative process is not linear, but can best be represented with a doodle. The path from research, discovery of insights and development of creative concepts to iteration of prototypes and ultimately the finalization of a single solution. It is designed to convey the feeling of this journey. It begins on the left with disorder and uncertainty and ends on the right with a single dot.

Discover the
technologies we use for
use various projects.

Find out more

Find out about the methods
we use to create great digital
products.

Find out more

Would you would like to make a dream come true?

INQUIRE NOW

Big Bang Timer

 
years
 
days
 
hours
 
minutes
 
seconds