Seite auf Deutsch

We design your project

Together, we develop coherent concepts and expressive designs. We design your website, your web app and your print work and see you through from idea to finished product.

+49 531 88 69 46 52
buero@hananils.de

We are a multi-disciplinary studio. In our practice, we combine our expertise in design and academic background, and bridge analog and digital media. Our primary goal is to clearly communicate what you have to say. To achieve this, we strive for structural and typographic clarity, and draw on the interaction of color, form, time and space. Our work focusses on web and UI design as well as typography.

Tailored to your project’s requirements, our studio offers all neccessary steps from concept through implementation. In addition, we can access our network of creatives and developers to complement our work as needed.

Reliable project management forms the foundation of our work. We plan and coordinate working with you – our client – and with printing press or server administration as required. Analysis, research, and a critical examination of the initial situation and objectives lead us to strong concepts for content, structure and design. For us, shared conversation plays a central role in this process.

Project phases

Concept

Based on your idea, we develop a concept and schedule in close collaboration with you. This can happen via telephone calls, video conferences or on site. In this phase, workshops can help to shape shared objectives.

Important: Allow extra time, also taking into account your teams’ internal consultations.

Design

Building on the concept phase’s outcome, we create design drafts and layouts. Review and revision loops are part of this phase. Type and scope of design drafts depend on the projects’ requirements.

Consider: This process can only start once all necessary content, like images and texts, is available.

Implementation

The design is finalized, final corrections are included: We create press ready files for print and implement your web project with a content management system.

We’re here for you beyond print and launch: for maintenance, in case of questions, for new ideas – and for your next project.

We speak German and Englisch and work remotely as well as on location.
Get in touch and let’s set up a meeting: buero@hananils.de

Pricing

Projects begin with scheduling and costing. After discussing your project proposal, we will provide you with our fee proposal. This proposal may contain fixed fees (eg. for design concept and license for use) and time-based fees (eg. for review meetings and revision). Our hourly rate is 110 € plus VAT.

As each project is unique, our proposal is fine-tuned to match your project’s specific needs. To provide you with a general idea, many of our projects are within the following ranges:

See selected projects in our project overview.

Payment

To successfully carry out a project, a predictable payment schedule is important for us both: You as the client need to know which expenses will come your way at which time. We designers need to know at what point in the process to invoice our work. To make our cooperation enjoyable, dependability and trust are a necessity.

Invoicing is set up by prior mutual agreement and depends on the scope of a project. Common examples are:

We usually request a deposit be paid at project kick‑off.

Technical Terms

During the initial briefing or the course of the project, you might come across technical terms you are not quite familiar with. Here’s an overview of the most common terms.

Bleed, noun, is the printed zone surrounding the trimmed edge of a print product, and ensures no unprinted edges show where they’re not wanted.

Browser, noun, a program for displaying and navigating websites. Widely known browsers are eg. Firefox, Chrome, Edge or Safari.

Click Dummies, noun, are rudimentary prototypes of design mockups using HTML, CSS and Javascript. These exemplary web pages enable early stage testing of behavior and interaction within the browser. Click dummies are used to develop and refine responsive web design based on graphical design mockups.

CMS, initialism, abbreviation for Content Management System, a web app enabling editors to independently create and update website content.

CMYK, initialism, is the color model used in process-color printing. Colors are blended from the primary colors cyan, magenta, yellow and key (black).

CSS, initialism, abbreviation for Cascading Style Sheet, is used for styling HTML elements and is the foundation of a website’s visual appearance.

Final Artwork, noun, refers to the finished, cleaned-up version of a design, either for printing or for digital use on the computer.

Flat Size, noun, refers to the dimensions of a fully opened printed document. In comparison, the dimensions of a folded printed document in its final form are referred to as the final size.

Grammage, noun, is the weight of paper in grams per square meter. The combination of weight and volume results in the paper thickness.

HTML, initialism, abbreviation for Hypertext Markup Language, is a language for semantic distinction of web content, which forms the underlying structure of every website.

Information Architecture, noun, denominates the process of structural design of a website. The main concern is to define navigation structures and hierarchy.

JavaScript, noun, is a script language enabling interactive extensions of a website.

Mobile first, adjective, describes the approach of embracing a smartphone’s format, size and restrictions as the base for the design of a website. The design is then expanded as a responsive design for tablet and desktop versions, features are added as progressive enhancements. Related approaches are “tablet first” and “deskop first”, choosing the respective device as the basis.

Progressive Enhancement, noun, describes the approach of enhancing the functionality of a website in relation to the capabilities of the end device. This could mean that a website will work without JavaScript, but interactions and behavior will be supported and enhanced by JavaScript if it is available.

Proof, noun, is a test print simulating and correcting the final print result.

Responsive Design, noun, describes the approach of dynamically adjusting the design of a website to the format and size of the respective end device (desktop computer, tablet, smartphone).

RGB, initialism, is the color model of a three-color screen display. Colors are rendered additively from the primary colors red, green and blue.

Templating, noun, describes breaking down a web design in seperate modules, which can be built together to form the layout and can be dynamically filled with content.

Typography, noun, is the art and technique of typesetting a text following aesthetic aspects. So few words, so much <3.

Website, noun, refers to the entity of an internet presence consisting of numerous web pages and a homepage.

Wireframes, noun, are visual schematics to test out different page structures and design grids. Wireframes remain visually abstract and focus on the structural outline of a site.