Dental practice Klop
Dental practice (in Dutch “tandartspraktijk”) Klop is a family business that serves her clientele with attention and care. Now that a new generation takes over the management, the company continues under a slightly different name. We designed the new corporate identity.
Most communication between Tandartspraktijk Klop and her patients is face to face or via phone. Visiting patients receive appointment cards with stickers for future appointments. Just as the invoices and referral letters, these are purely textual and informative documents, placing the typeface firmly in the lead of the corporate identity.
A typeface to set the tone
We looked for a typeface that is contemporary, legible, not trendy, loud or showy, unique and recognizable and outspoken enough to carry the brand identity.
After some typographic wandering we arrived at a Dutch typeface from Bold Monday: Nitti Grotesk. This contemporary font by Pieter van Rosmalen is legible, fresh, informal and professional at the same time.
A remarkable choice to use a two-story lowercase ‘a’ for the @, rather than the traditional single-story version of the letter.
In the lighter weights Nitti Grotesk renders elegant and airy, matching the desired atmosphere and appearance for the brand. Since many of the textual messages consist of only one or two lines, the typeface needs to be effective and visually pleasing when used in small quantities. Nitti Grotesk passed this test with flying colors.
We decided to use the Semi Light weight of the typeface for both the body text and the logo, where only the capital I underwent some minor graphical surgery.
A recognizable word mark
We did not design a tooth, molar or other denture part inspired logo. Our client requested a readable and recognizable word mark for ‘tandartspraktijk Klop’.
The word ‘tandartspraktijk’ is rather long. To increase readability and prevent an undesirable stretched ratio for the word mark, we split the word over two lines.
The vertical lines between the letters emphasize the graphic rhythm. Aligning the name ‘KLOP’ to the right amplifies the pattern of lines and shifts the graphical center of gravity of the logo to a more interesting position.
For the body text we settled on a font size of 11pt with a 120% line heights. We used this baseline grid to create the logo. The logo features larger letters, using 4 lines of the baseline grid for 3 lines of text in the logo. We applied the golden ratio to define the letter height and white space between the lines.
Logo as a ruler
We used the rhythm of the lines in the logo as a ruler to fix the position of elements on the page. Since the logo has a fixed size (4 text lines), it can be used to position the other elements. At the top of the page the smallest measure (1) is applied to create the top-margin, resulting in a elongated layout. This measure secures the position of the baseline grid on the page, fixing the vertical rhythm of the page. All elements on the page are aligned to the baseline grid.
On the left and right side of the page, the logo is used to fix the main body of text. 3 Measures on the left, 5 and 2 on the right side of the A4 paper. On the smaller A6 appointment card, the rhythm is repeated from the left edge of the paper, since the address block on this smaller card has a stronger relation with the logo than the right edge of the card. On the smaller cards the logo is used in a reduces size, counting 3 in stead of 4 lines of the baseline grid.
A few lines
The lines that form the grid of the logo are echoed on the page on two positions. A longer line indicates the position of the address area, the shorter one marks the address of the website at the bottom.
These lines are aligned to the baseline grid, but the first one also stops at exactly ⅓ of the page’s height. This way the bottom of the line can be used as a reference point when folding the paper in three to fit the enveloppe.
We designed a A4 letter template, also suitable for invoices, recipes and medical references, a envelope and two different A6 cards. The portrail card is used for appointment(stickers) and the landscape version as a compliment card or for small hand-written instructions and messages.
Thanks to Caroline Klop for the clear choices and the enthusiasm. We wish you succes and good fortune with your lovely company!
is a no-nonsense UX bureau.
As creative engineers, we love complex challenges. We design solutions that feel logical for users. We focus on quality. We choose to be a small agency, so we can give each client our full attention.
We bring over 20 years of experience to each project.
Bart van Lieshout designer—architecture (with honors), TU Delft. Bart worked 10 years as an architect, designing complex buildings such as hospitals. He is fascinated by grids and typography and always in pursuit of elegant solutions. Bart sings as a tenor soloist in classical music. His daughter is called Domino.
Our specialty is fact-based design.
We base our designs on facts and insights. We research the needs of the people who are going to use the product or service. And we merge these user needs and ambitions with our clients’ ambition in a concept.
Concept a strategic foundation for the design. We sketch solutions for the core user interaction. From here we design the main functionality, outlining principles and structure.
A solid concept is half the battle. It forms the basis for prioritising and planning features, helps to convince stakeholders and guides the product roadmap. For agile teams the concept provides a clear high-level context, essential during large or complex projects.
We help ambitious organisations to make online projects successful.
Our work is often of strategic importance to our clients, so we can only show a selection.
Design for online services of a pension administration
Ideation for purchasing tools for the government
Design for a website and mail service for lawyers
Design Sprints is a format developed by Google Ventures to create a user validated prototype in only 5 working days. The ideal compact (and low-cost) innovation kickstart for corporates with challenges and ambition.
Concept for a new public service portal
Implementation of UX research for a sports brand
I.A. for a telco app
Information Architecture a design for the organisation of information. What information will be displayed where? What screens are necessary and what form of navigation aligns best with the user goals and needs? A well though out I.A. forms the basis for a successful interaction design, layout and visual design.
Coaching in-house UX teams
UX-rescue help for design teams and product teams in doubt or in trouble. Sometimes it’s hard to see if your working in the right direction. Is this the best solution for the problem? Or are you fixing the wrong problem?
With the refreshing perspective of outside professionals we help teams to identify their problem and choose an adequate solution, empowering the team to get back to work with renewed energy and focus.
Strategic pressure cookers for teams
Strategic pressure cookers facilitating sessions with stakeholders and business owners to outline a clear product vision. Strategic sessions result is a shared understanding and insight of the bottle necks, challenges and opportunities that lie ahead.
Branding for a dental practice
Design and code for a bridge club website
We build websites on a regular basis. This keeps our knowledge up-to-date about what can be achieved in the browser—and how much effort is involved. We believe that good design takes into account how things are made. Online products are not clickable images, but responsive layout systems that work well on small and larger screens alike. So we need to understand the code that makes the design.
User research in public transportation
First website for mbstudio
Naming our company
Because we believe that digital products make life better.
Why you do something is just as important as what you do. We believe in human-centered design: products and services designed from the perspective of the human who uses them. We believe that good websites, apps and online services make our life easier and more pleasurable. And that the impact of digital products on our life—and that of our children—will only increase.
That is why we choose to use our talents and energy to make digital products as good as possible.
Are you facing a challenge? Contact us.
We like to think along and can usually help. You can reach us at firstname.lastname@example.org