Design and Development Under One Roof: Benefits and Process

Design and development under one roof mean that design and technology are planned together from the start – instead of in two separate projects one after the other. At partner agency LOMA DESIGN and Nano Concepts, two specialized teams at the same location in Dudenhofen take on a shared project: with one point of contact, short distances and clear accountability.

Many digital projects know the problem: the agency delivers beautiful designs, the developers implement what is technically feasible – and in between, misunderstandings, revision loops and extra costs pile up. This article shows exactly where these friction losses arise, how collaboration works at LOMA DESIGN and Nano Concepts and which projects benefit most from the model.

Where separate teams lose time and money

When design and development are handled by different service providers, friction occurs at the same points over and over again:

• Handoffs: designs are “thrown over the fence,” and questions bounce back and forth by email through several intermediaries.
• Missing states: the design shows the perfect page, but no error messages, empty lists or loading states.
• Responsive display: suddenly the layout no longer works on a smartphone.
• Performance: elaborate effects slow down loading times – and with them users and search engines.
• Accountability: when something doesn’t fit, each side points at the other.

Checklist: is the design ready for development?

No matter who does the design: a design is only ready for handoff when it shows more than the perfect homepage. These points should be settled before development begins:

Area	To be clarified	Why it matters
States	empty lists, loading states, error and success messages	These cases occur constantly in everyday use and would otherwise be improvised in code.
Devices	smartphone, tablet, desktop and the sizes in between	Layouts designed for only two widths break in between.
Interaction	hover, focus and active states, keyboard operation	They determine usability and accessibility.
Accessibility	contrasts, font sizes, order, alternative texts	Adding it later is more costly than building it in from the start.
Content	real texts and images instead of placeholders	Line lengths and image formats change the layout.
Performance	image weight, fonts, animations	Effects cost load time.

One team, one location

LOMA DESIGN and Nano Concepts work hand in hand at the same location in Dudenhofen. LOMA DESIGN designs – UI/UX, branding and marketing. Nano Concepts develops – apps, software, interfaces and automation.

Short distances are meant literally here: a question about feasibility isn’t submitted as a ticket but settled at the next desk. Decisions that would otherwise take days are often made in minutes.

How design and development work together at our company

1. Joint kickoff: goals, target audience and technical requirements are discussed with both teams from the very beginning.
2. Wireframes with a tech check: before any design work begins, developers check whether the structure and features can be implemented sensibly.
3. Systematic design: colors, fonts and components are created as reusable building blocks – the foundation for clean code.
4. Clickable prototype: you experience the result before development starts.
5. Development with design reviews: designers review the implementation continuously instead of only at the end.
6. Launch and marketing: SEO, online marketing and social media follow seamlessly.

What a shared design system delivers

At the heart of the collaboration is a design system: a collection of colors, fonts, spacing and components such as buttons, forms or cards. LOMA DESIGN creates it on the design side, and Nano Concepts implements it one-to-one in code. New pages or features are then built from tested building blocks – faster, more consistently and with fewer errors. Brand, website and app speak the same language.

Design affects metrics and obligations

Design decisions directly affect technical metrics. A large hero image determines how quickly the largest visible content appears (Largest Contentful Paint, LCP). Elements without reserved space make the layout jump (Cumulative Layout Shift, CLS), and elaborate interactions lengthen the response time (Interaction to Next Paint, INP). Anyone who takes these Core Web Vitals into account early in the design saves later corrections and gives users and search engines a better experience.

The same goes for accessibility: it is cheapest at the design stage. Since June 28, 2025, the German Accessibility Strengthening Act (BFSG) has applied to certain digital products and services, such as online stores for consumers; microenterprises are exempt for services. What applies to websites, shops and apps is explained in the article Accessibility under the BFSG. Whether your offering is affected depends on the individual case.

Common misun­der­stand­ings – and what’s in it for you

• “The design is finished”: a design rarely shows all states, pages and devices. With us, design and development jointly define everything that’s included – from the error case to the tablet view.
• “That’s not technically possible”: often it is possible, just more complex. We show alternatives that achieve the same goal with less effort.
• “We’ll adjust that later”: later changes to structure and navigation are expensive. That’s why we settle them in the prototype, not in the finished code.

What’s in it for you

• No friction losses: design is planned from the outset so it can be implemented cleanly from a technical standpoint.
• Faster implementation: coordination happens within the team instead of across agency boundaries.
• One point of contact: from the idea to the finished product.
• Consistent brand presence: brand, website and app speak the same language.
• Clear accountability: there’s no “that’s the other provider’s job.”

In practice: projects from a single team

Projects from the region show what this looks like in concrete terms:

• RIO DELUXE Ästhetik, Speyer: a premium relaunch with clear brand management and short paths to booking.
• INK Fellas Tattoo Company: a studio website with an integrated gift card shop for direct online sales.
• Oki's Knusperhähnchen, Germersheim: a mobile-optimized website where guests find what they’re looking for in seconds.
• Estate agency, Speyer: a real estate system with a portal, map, live valuation, appointment booking and chatbot.

The advantage becomes especially clear in feature-rich projects: for an estate agency in Speyer, design and technology had to mesh closely so that even complex features would remain easy to use.

From launch to marketing

Go-live marks the start of the phase in which a website or app has to prove itself. Here, too, the collaboration pays off: LOMA DESIGN takes care of SEO, online marketing and social media, while Nano Concepts ensures fast loading times, clean technology and measurability. Insights from campaigns – such as which pages convert well – flow directly into further development without having to coordinate two service providers first.

Budget, timeline and network

What this means for budget and timeline

Fewer revision loops mean fewer hours – and therefore more budget for what really moves your project forward. Because design and technology are aligned early on, scope and effort can be estimated more reliably. After the free initial consultation, you receive a transparent quote, preferably at a fixed price for a clearly defined scope – with packages ranging from Starter from €2,500 and Professional from €8,000 to Enterprise.

A network for every need

Beyond this duo, other brands round out the network – for example for video marketing, IT services and rollouts, or platform and community. That way, you get 360° solutions without having to coordinate multiple service providers yourself.

• RELEDER: IT services and rollouts
• FAIMA: IT services and online marketing
• FILMEINS: video marketing
• FOUNDRS: platform and community
• ONANA CONCEPT: advertising agency

Who this model is right for – conclusion

Design and development under one roof pay off especially when design and functionality are closely linked: for websites with booking or an online store, for customer portals, web apps and mobile apps. Companies without their own marketing or IT department benefit, too, because they only have to coordinate with one point of contact.

Starting point	Recommendation
Website with booking or a store, customer portal, web app or mobile app	plan design and technology together from the start
No in-house marketing or IT department	one point of contact instead of several providers
A finished design already exists	development can also be commissioned on its own; check the design in advance for feasibility, states and load time
Only design is needed, such as a logo or branding	LOMA DESIGN can also be commissioned on its own

Typical projects range from company websites and booking or e-commerce solutions to portals and apps. Whether you come with an established brand or are just starting out: the team picks up wherever you are right now – from the logo to the interface.

Great digital products are created where design and technology are considered together from the very start. With LOMA DESIGN and Nano Concepts, you get web design, UI/UX design and web development from one team – from the first draft to the running system. The initial consultation is free.

This article does not replace legal advice.