Selçuk Aker · UI & UX Design

Ready Component or Custom Design? Working with Open Source and Bootstrap

What do ready-made interface components make easier? Learn why branding, ingredient and care decisions are necessary separately.

By Selçuk Aker · Published · 3 min read

Ready Component or Custom Design? Working with Open Source and Bootstrap — Selçuk Aker

Open source tools and off-the-shelf components can reduce repetitive production work in a web project. However, using a ready-made button or menu does not automatically solve the brand's content and user experience decisions. The need is how to select the ready-made part and adapt it with the existing design.

What does Bootstrap provide?

Bootstrap is a set of tools that provides layouts, styles, and various components for web interfaces. It can provide a grid layout or menu start. Using these parts does not necessarily make all sites look the same; How much it will be customized depends on the project decision. You can review its coverage in the official Bootstrap documentation.

Before putting the default appearance of a component in your design file, clarify with the developer the version and features used. If the designed behavior and the applicable behavior differ, the problem arises later.

Open source does not mean maintenance-free software

Availability of the resource and maintenance responsibility in the project are different. The license, update order and technical compatibility of the part to be used should be evaluated. When choosing a library, don't just look at the ease of initial installation; Also discuss who will maintain it if changes are needed later.

This article does not provide legal commentary for a specific license. The license text and project conditions of the package to be used should be taken as basis.

Try the ready piece with real content

A card that works with a short sample title may overflow with a long Turkish title. Three linked menus may need another navigation layout when there are twelve services. The designer must evaluate the component with hard examples of real content.

On a service site, the existing grid can be used, but the order of information of the cards and the contact call are re-established according to the brand. It would not be right to present the scope as a completely special design by simply changing the color. Separate the original design work from the ready-made infrastructure in the proposal.

Selçuk Aker's design system service focuses on defining common rules for components. When considered together with the choice of technical library, the differences between design and implementation become apparent early.

Frequently asked questions

Does using Bootstrap prevent custom design?

No. The scope of privatization and technical limits must be planned accurately.

Can anything that is open source be freely used for any purpose?

Don't assume this. Review the license terms of the relevant project.

Do ready-made components provide automatic accessibility?

No. The content, configuration and usage context should also be checked.

Related articles

Have a design project in mind?

Let’s agree on your requirements, deliverables and timeline. Work directly with Selçuk Aker.

Request a design proposal ↗