WEB

Download Web Design PDF Portfolio

Web Design

Below this text, you can see the websites we have designed from the scratch and implemented using the WordPress CMS system. In the implementation, we solved all the problems for the client: we bought and configured hosting and domain, installed and configured the CMS, inserted the design with the content and initially set the website to be very fast and to have permanent backups and protection against various attacks. All pages are customized for display on all mobile devices.

If you are interested in technical things, we have implemented CDN, Caching, Firewall, 2FA, XSS Protection, SQL Injection Protection, Automatic Update, Automatic Full Backup, Remote Storage Backup, Image Optimisation, Database Optimisation.

For a certain number of web pages, we have programmed additional functionalities that you can check out within the descriptions of the websites.

Moja Optika

SEE MORE

ID Interiors+Design

SEE MORE

Kemal Softić

SEE MORE

TehnoElektronik

SEE MORE

Carrer4Me

SEE MORE

Dom Project

SEE MORE

Du Glocier Residence

SEE MORE

FM Inženjering

SEE MORE

Portal Futuro

SEE MORE

Megatti Metals

SEE MORE

Color Clinic Tattoo Studio

SEE MORE

Color Clinic Blog

SEE MORE

Color Clinic Shop

SEE MORE

Ink2Innovation

SEE MORE

Moja Gradnja Build d.o.o

SEE MORE

Vlastimir Mijovć Portal

SEE MORE

Transfer Sarajevo

SEE MORE

Rent a Car Muharemović

SEE MORE

Flexi Rent Rent a Car

SEE MORE

Diamond Group

SEE MORE

Škola nekuvanja

SEE MORE

Guardia Di Pace

SEE MORE

Kupi Naočale Web Shop

SEE MORE

Restoran Gurme Sezam

SEE MORE

Srebrenica Audiobook

SEE MORE

Udruženje Čedomir Domuz

SEE MORE

Igračke4U

SEE MORE

Hrvačkiki klub Željezničar

SEE MORE

Bharosa Nakit

SEE MORE

Heroji dvadesete

SEE MORE

Aranza Apartmani

SEE MORE

Lab387 Blog

SEE MORE

Izgradi Dom

SEE MORE
It is an indescribable pleasure to work with clients such as Forster Rohner AG. Over a hundred years of tradition in running a company and working with the embroidery and fashion industry has really taught us a lot and given us the wings to solve their business problem. For our clients, we have created an unprecedented and modern 3D web application for internal use during the process of working on any type of underwear.

The work on the initial phases of the project lasted 8 months where we went through the phases of conceptualization, design and development and the testing phase where we tested and optimized the 3D web application together with the client. For clients, we have extensively documented the process of working on the application, the complete way of using the application and the code itself, in order to leave room for this innovative application for very simple and easy upgrades (200+ pages of A4 text + comments in the code).
Download Web Development PDF Portfolio

Web Development

Below you can see all the web applications we have created for our clients and us. There is a detailed description for each application, so you can see what are the main characteristics and functionalities, ie what problems and requirements of clients and our company we have successfully solved.

On the technical side, applications are mostly created on the PHP web stack-u using HTML, CSS and JavaScript for the frontend, while PHP and MySQL were used for the backend. The Apache/NGINX combination is used for the web server itself, and on some OpenLiteSpeed For some of the applications we also used WordPress where we did custom upgrades via plugins and themes, which can be seen in the descriptions of these applications.

All active applications have security protections, backups and regular updates when it comes to WordPress, and use CDN and optimized photo / video materials.

BBCroatia

For our clients we have created a modern and interactive web application for management and online sales / reservations of accommodation within the company Bed and Breakfast Croatia. The complete web application was created using HTML, CSS, JavaScript, PHP and MySQL mockup and programming languages, where we were guided by the design we received from the client in collaboration with the graphic designer.

The application has all the possibilities of registration and display of accommodation, management of accommodation data, management of renting and paying for accommodation as well as customer management, cancellation of reservations and the like.

We have also integrated the web application with Google Maps for interactive display of accommodation, PayPal for payment via the web, and we have integrated web editors to allow clients to independently edit a large number of information pages.

bbcroatia.com

Moja Optika CRM

For our clients, we have created a modern, interactive and simple CRM that is tailored to the company and the type of industry. The complete web application was created using HTML, CSS, JavaScript, PHP and MySQL mockup and programming languages, where we worked with our own design.

The application has all the capabilities of management (entry, display, editing and deletion) of users, shops, products, customers and sales themselves.

We have adapted all the entities of this custom CRM solution to the company by inserting the possibility to collect all additional information such as diopters for the customers.

Color Clinic Adventsspiel

For our clients, we created a modern and interactive web application whose purpose was to promote the Color Clinic Tattoo studio through a prize game. The web application was created using HTML, CSS, JavaScript, PHP and MySQL mockup and programming languages. The application has the ability to manage the prize pool entered into the database, manage the ability to receive any of the prizes (percentage of opportunities), and the ability to collect data from users, send automatic email notifications and disable the user to play more than twice a day.
This app is one of our most visited apps from 2019 with over 50.000 visits.

Created within Dom Collection d.o.o.
Team:
- Amar Bešlija - Web Developer
- Šejla Bratić - Designer
- Edita Tahtović - Copywritter

Build – Delivery notes app

For our clients, we have created a modern and interactive web application whose purpose is the management of delivery notes of a construction company.

The web application was created using HTML, CSS, JavaScript, PHP and MySQL mockup and programming languages.

The application has the ability to enter data from the delivery note, display and filter all entered delivery notes by companies, quantities, date and the raw material / material / service. Certainly, the application also has the ability to export data from the application, most often in PDF format.

Admin application

As part of Lab387 apprentice, we created the Admin application which is intended for all our free and paid applications created from scratch, for all web users.

The admin application has registration and logging (via email or social networks), profile and subscription management, languages, light and dark versions, as well as the management of all users, applications and transactions.

We have also created options for merging new applications, creating multilingual packages for each of the applications as well as a GDPR module where all accepted Cookies Consent on all applications can be viewed and exported in one place.

The application is regularly developed and adapted to the needs of users and us.

Shorty app

Shorty is the first BH application ntended for working with short links,ie their management.

In addition to links that expire in the selected time period, registered users can create short links that do not expire, edit them and archive them.

Also, for each link we can see individual statistics and export them to a PDF document.

For future needs, we have left the possibility of adding new domains for administrators, so we can currently make short links on shorty.ba and 000.ba domains.

The application is connected to the Admin application so that complete registration and login to the application is done through it.

Quizy app

Quizy is the first BH application designed to create promotional quizzes and collect leads for any industry.

It allows you to create and edit an unlimited number of quizzes for each user, as well as an unlimited number of views on the web.
Each quiz can be completely edited, both with the content and with the design itself, and thus adapt it to the brand of the user / company.
For each quiz, complete statistics are created where users can see all the important information about the number of quiz openings, results as well as data collected within the quizzes where this is enabled.

The application is connected to the Admin application so that complete registration and login to the application is done through it.

Calculy app

Calculy is the first BH application designed to create calculators for various purposes.

One of the most important roles is to create a calculator to create an automatic, dynamic offer for potential customers by answering questions.
t is possible to create and edit an unlimited number of calculators for each user, as well as an unlimited number of views on the web.
Each calculator can be completely edited, both with the content and with the design itself, and thus adapt it to the brand of the user / company.

Each calculator has complete usage statistics, as well as data collected from potential customers for further use.

The application is connected to the Admin application so that complete registration and login to the application is done through it.

Arte Casa app

For our clients, we have created a dynamic and modern application that allows 3D viewing and design selection for tempered glass.

The user is able to change the color of the kitchen, turn on - turn off the LED light on it, and from the selected categories to find and display the design he likes.

Once the design is selected, the user can send an initial message with the selected design and data to schedule an initial meeting and arrange collaboration.

Each segment of the application contains a part with an explanation of how that part of the application is used, which facilitates the user's initial work in the application.

artecasa.co

Bee Creative

For our clients, we took the half-finished WordPress web application, and continued its editing and development.

We worked on editing the front page, custom category search, registration, user profiles along with custom portfolio, communication between users via messages, job postings and other parts of this web application.

After finishing the editing, the application was returned to the main domain and hosting and then configured and launched in the new version.

beecreative.ba

MySchool

For our clients, MySchool Novi Sad, we have edited and completely redesigned this WordPress application.

Within the application, it is possible to manage all major foreign language courses as well as their sub-courses. We have also created functionalities to create tests to assess knowledge and gather potential leads through them, with automated notifications via email.

Also, within the application there is the possibility of creating, editing and displaying the lecturers themselves, the impressions of the participants as well as blog posts related to the courses themselves.

myschool.rs
Download UX/UI Design PDF Portfolio

UX/UI Design

In this section, take a look at some of our best and most interesting graphics for websites and applications - our UX / UI design. 

For each of them, we did different kinds of research, adapted the initial ideas to the market, designed the product, and then final editing looking at the broader / global image of the brand and the complete website / application with its specific goal.

Logodium UX/UI

Logodium is one of the specific websites dedicated to the presentation and sale of personal logos. Logodium itself is also an introduction to a slightly larger product that we call a personal brand. 
For this reason, after researching the competition and the market itself, the complete design is tailored to a younger, modern audience (because the time of personal brands is yet to come). 

UX / UI was made within the Adobe XD tool, so we made it easier to create a website later (we have visible interactions, dynamics).

AdminLab UX/UI

The Admin application is one of the modern, unusual applications that connects and includes different types of applications and functionalities within itself (more about it within the Web Development section).
For this reason, the design and user experience of this application had to be quite simple, easy to manage and without any additional content
So Admin, which has a black and white version, has no additional colors (except in the fields for confirmation or rejection of the command), everything is arranged in very simple rectangles (which still look modern), and immediately upon entering the application we are greeted by applications connected to this application as a user would not have to look for them.
Although it contains robust functionalities for both users and administrators, they are all very simple and easy to access from the main sidebar.

UX / UI is done within Adobe XD tool.

Shorty UX/UI

Continuing the trend of the Admin application, which set UX / UI standards for all other applications, we transferred this design to the Shorty application. 

Although with one additional color that marks this application, and a slightly different logo, the user panel environment of this application is recognizable and adapted to the UX / UI design of the Admin application. 

A user who once learned to use the Admin application system, has no problems using the Shorty application, which was certainly the goal. 

UX / UI is done within Adobe XD tool.

Quizy UX/UI

Continuing the trend of the Admin application that set UX / UI standards for all other applications, as well as the Shorty application that first came out of our company with Admin, we transferred this design to the Quizy application. 

Already known design with one additional color that marks this application, and a slightly different logo, the user panel environment of this application is recognizable and adapted to the UX / UI design of Admin and Shorty applications. 

A user who has once learned to use the Admin or Shorty application system, has no problem using the Quizy application, which was certainly the goal.

UX / UI is done within Adobe XD tool.

Calculy UX/UI

The Admin application set UX / UI standards for all other applications, along with the Shorty and Quizy applications, so we just decided to make this type of design our application standard, so we applied it to a new, Calculy, application. 

Already known design with one additional color that marks this application, and a slightly different logo, the user panel environment of this application is recognizable and adapted to the UX / UI design of Admin, Shorty and Quizy applications. 

A user who has once learned to use the Admin, Shorty or Quizy application system has no problem using the Calculy application. 

UX / UI is done within Adobe XD tool.

Lab387 UX/UI

In the first version (iteration) of the design for our website, we decided to create a modern, bold UX / UI design with simple and interactive elements that would present everything we are, what and how we do and what we offer as solutions to our clients.

We have implemented different sections where each of them solves one part of the "problem" and presents information related to that segment, all the way to the final contact section. 

The goal was to create a design that will represent a small journey of the visitor - from getting to know us, through getting to know what problems we solve, then to whom we solved those problems and what we can offer a new client to present contact information for potential, further cooperation. 

UX / UI is done within Adobe Illustrator and Adobe XD tools.

Gurme Sezam UX/UI

For our clients, the Gurme Sezam restaurant, we have created a very simple and clear design for the website based on existing materials, the restaurant itself and mini research. 

As we can see, the user on the main page has access to all important information, contact forms and order options that are connected to the korpa.ba system. 

The goal was to make the design quite simple, to bring information to the forefront, where the most important thing was to be able to review the offer and connect to the ordering system. 

UX / UI is done within the Adobe Illustrator tool.

Megatti Metals UX/UI

For our clients with a long tradition, based on existing materials, market research and conversations with them, we have created a dynamic, complex but also modern design. 

This website, which contains a complex system of over 10 sliders built into each other, is still easy to use and users can easily navigate through interaction with a mouse, keyboard or touch on mobile devices. 

The goal was to create an unusual website for such an unusual company with an interesting field of interest and present all the important information such as what they do, who their clients are, photos of the workshop and contact information and the like. 

UX / UI is done within the Adobe Illustrator tool.

Tacco UX/UI

For our clients we have created a very simple and modern UX / UI design for the web shop tacco.to. 

Unfortunately, this web shop was never realized, but the idea of a specialized web shop with the same design that would remove obstacles and unnecessary information from the website immediately proved to be very good and interesting.

For this reason, we have created a UX / UI that just removes all irrelevant parts and puts only important information at the core of the web shop: what our customers sell and in which categories, how to order, pay and the like. 

For the same reason, to draw attention to what is important we did not use actual photos for categories but flat design, and where actual photos would be contained later within each product. 

UX / UI is done inside the Inkscape tool.
Download Setup and Maintenance PDF Portfolio

Setup and Maintenance

Below you can view the websites we have transferred to our platform and then made the necessary changes to get better, faster and more beautiful websites.
After that, we continued long-term maintenance.

If you are interested in technical things, we have leased domain and hosting on a number of websites, adjusted settings, transferred the website, and for most of them we have implemented CDN, Caching, Firewall, 2FA, XSS Protection, SQL Injection Protection, Automatic Update, Automatic Full Backup, Remote Storage Backup, Image Optimisation, Database Optimisation.

Contact

If you came to this place, it means that you have reviewed our complete portfolio! Thank you for taking the time to look at our contributions in the areas of web, design and education.

If you liked what we do and how we do it, feel free to contact us so that we can help you solve your problems and become part of our family.

Talk to you soon!
Your Lab387
en_USEnglish
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram