Users make registration decisions within the first 3-5 seconds based on their visual impression of your site or app.

Professional design is a powerful tool that directly impacts your business metrics:

✅ +32% registrations - first impressions determine whether users stay

✅ +24% conversion to paid services - professional design increases platform trust

✅ +41% time on site - intuitive interface maintains user attention

✅ -28% bounce rate - modern design reduces the likelihood of users leaving

Dating Pro offers a system of design service levels that will help you transform your platform and achieve specific business results.

What's included:

example of a Level 0 project ($0)

Business outcome:

Suitable for: Projects in the idea testing and MVP stage

Choose Level 0 if:

Process for Level 0:

What's included:

Business outcome:

example of a Level 1 project ($99)

Suitable for: Platforms that don't immediately display their members

Choose Level 1 if:

example of a Level 2 project ($299)

What's included:

example of a Level 2 project ($299)

Business outcome:

Suitable for: Growing projects that want to stand out from competitors

Choose Level 2 if:

Process for Level 1 and Level 2:

What's included:

example of a Level 3 project ($499)

Business outcome:

Suitable for: Projects focused on mobile audience

Choose Level 3 if:

Process for Level 3:

What's included:

example of a Level 4 project (from $3,000)

Business outcome:

Important to understand: The actual cost of complete customization usually starts from $10,000, as it requires changing all platform screens. The stated price from $3,000 is the basic cost, which may increase depending on the scope of work.

example of a Level 4 project (from $3,000)

Suitable for: Projects with long-term development plans and sufficient budget

Choose Level 4 if:

Process for Level 4:

example of a Level 4 project (from $3,000)

example of a Level 4 project (from $3,000)

example of a Level 4 project (from $3,000)

​

Edit your site’s colors schemes, fonts, images and logos in the administration control panel under Services > Customize your service > System > Themes.

​​Visit Dating Pro Marketplace to enhance functionality and select a unique design.

If you would like to create a custom theme though, some programming knowledge will be required, and you will need to access site files via FTP or with File Manager.
​

1. To create a new theme, open your site files and go to /application/views. You will find /flatty and /gentelella directories that contain templates, CSS files and other files that constitute a design theme:

2. Copy a selected directory (with its contents) and give it a new name. Here, I copied a directory for the user interface:

3. Within the new directory, open file theme.php and edit the following lines:

$_theme[“gid”] = “theme_new”; //give your theme a new ID
​$_theme[“type”] = “user”;
​$_theme[“name”] = “New theme for user mode”; //a new name
​$_theme[“description”] = “New theme 2022”; //a new description
​

4. The theme will appear under ‘Available themes’ in the administration panel.

Click ‘Install’ to activate this theme and edit it.

5. After that, you are free to edit the theme files. Or proceed with editing themes directly from the administration panel.

1. Go to Interface > Themes > Installed themes > select the theme that you want to edit logotype for > click on Edit logo.

2. You will get to the Logo editor:

3. Now you can upload two types of logos:

4. Make sure to save the changes.

Note: To edit the logo and the background image on the main page, please view this detailed manual How do I modify the main page of my dating site?

1. Go to Interface > Themes > Installed themes > select theme > click Edit colours:

2. The color schemes that you see in the list are: Default, Honey, Arundiana, Luisia, Listera, Dendrobium and Bonatea.

3. Click ‘Edit colours’ for the selected scheme, and you will be able to edit the colors and fonts:

​

A logotype is an identifying symbol that serves the purpose of branding your site.

It also lets you get back to the homepage from any other page if you click on it.

To change the site logotype, go to your admin panel > Services > Customize your service > System > Themes > Edit coloset > Edit logo
​

This section allows site administrator to manage site logotype.
​

To upload another logo, browse for the necessary image that should be displayed as logotype.
​

Please note that the default logo size is 260*50 px.
​

If the image you selected is of a different size, the system will automatically fit it to the default sizes.
​

That’s why it may be stretched or squeezed.
​

You can change the logo size settings in the same site section; just make sure that it matches the site layout.

You can resize the logo picture in any picture editor.

Don’t forget to click the ‘Save‘ button at the bottom of the page.
​

This is how a new logotype looks like on the index (landing page | main page) page in the user mode.
​

In “Logotype” section you can also edit the small logotype.
​

The small logo appears on all site pages except for the Index Page (landing page | main page).
​

Small logo default size is 30*30 px. Please note that the site design may be corrupted if you exceed the default sizes.

While uploading your logo images, the system will automatically adapt them to fit the indicated sizes.

If your logo doesn’t fit the required sizes, we recommend that you resize it in any picture editor.

Don’t forget to click the ‘Save‘ button at the bottom of the page.
​

It is possible to create a unique logotype for each language version of your site.

Choose another language tab and you will get a form to modify logotype for the selected language version.

If you don’t have a logo yet, you may order a custom one from our Experts Team. The custom logo will meet your requirements and fit your business objectives.

Create your logo design online for your business or project. Its Free to use. Customize a logo for your company easily with free online logo maker:

https://www.freelogodesign.org/

Here is detailed video in which you could know how to change your favicon:

​

​Favicon is a website icon or a file containing one or more small icons, associated with a particular Website or Web page.

It is one of the key factors forming your website branding. It should reflect the main point of your website. Furthermore, it should be individual and remarkable.

Let’s take a look at how you can easily create your own favicon with a free online editor:

• Create your own favicon. You can paint your own or import the file;
​

• Download the file favicon.ico to your PC;
​

• Now you need to create various-sized types of your favicon, so it will look perfect in different browsers and devices. You may use https://realfavicongenerator.net/.

• Open your FTP or cPanel and rename the default favicon.ico file to favicon.ico_;

• Upload the newly created file to the root folder;
​

• Upload the newly created files to the root folder the same way you updated favicon.ico earlier;
​

• Clear browser cache and refresh your website page to see changes.

You may prefer using other favicon generators available online for no extra fee: Favicon Generator One, Favicon Generator Two, Favicon Generator Three, and Favicon Generator Four.

You can only change the logo and color scheme yourself through the admin panel. Deeper changes require developer qualifications or ordering these services from us.

Yes, all our design themes are adapted for mobile and desktop devices. However, for complete design synchronization between website and mobile apps, we recommend ordering full customization.

Each service includes an approval stage where you can make revisions. Basic themes include 1 round of revisions, enhanced themes include 2 rounds, and full customization includes up to 3 rounds.

It’s an approach to web design that allows creating a fluid web page that can expand or contract to fit the end user’s screen size.
​

With responsive design, your users will be able to enjoy the site on any devices, be it a laptop, tablet, mobile phone, smart TV or even onboard computer of a car.

Dating Pro websites are mobile-friendly, looks good and works well on any device

1. Optional: Create your design in Figma.

2. Transfer to website builders: Move your design to other website builders. Of course, the design and the landing page can be built using these builders as well.

3. Integrate with System : Landing pages

4. Done. All your landing pages are connected to your dating platform.

This process will help you bring your Figma design to life on your chosen website builder.

Key Theme Components: