Download PDF

Real problems

Our solutions

Who are we?

We are Lab387 - a digital laboratory for web, design and education guided by experiences, knowledge and practice from the real, business, world.

We work as a team and test every problem until we come up with a solution that is tailored just for you - our client. 

We don’t deal much with the theory because only innovative solutions for our clients can bring different and better results that are recognized. 

If you find it unusual and interesting, we believe that you are one of those people who want to move forward.

What do we do?

Our focus is on working with clients who have unusual and challenging problems, and whose solution we can see through some kind of innovative website or web application.

With graphic design we solve creative problems whether it is a complete branding or UX / UI design that will help us make better websites. 

Education is something that has our special attention and we have selflessly passed on our knowledge to many real people who make money from the web today. We are especially proud of our Lab387 apprentice that over 20 diligent and dear people have experienced.

With whom do we work?

We love different challenges, and we mostly work with clients who are part of our team - they get involved, share their experiences and problems and work with us on their solutions. We know this is the only way to get the best results. 

We do not work without a detailed analysis and agreement of both parties, we don’t work without contracts and invoices, we don’t work for free and without an advance. This way, we are all safe and we know that the result will be fantastic - confirmed by many years of experience. 

If you think alike you should review our portfolio to check out our expertise. We have no doubt that the next email / message / call will be from you to solve your problems together.

Clients for whom we have solved problems

Partners with whom we solve problems

Level Up d.o.o.

Solution Lab  d.o.o.

WEB

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
Download Web Design Pdf Portfolio
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).

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-uusing HTML, CSS and JavaScript for the frontend, while PHP and MySQL. Za sam web server se koristi kombinacija Apache/NGINXcombination is used for the web server itself, and on some OpenLiteSpeed. Za neke od aplikacija smo koristili i 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 TML, CSS, JavaScript, PHP i 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

Za naše klijente kreirali smo modernu i interaktivnu web aplikaciju čija svrha je bila promocija Color Clinic Tattoo studija kroz nagradnu igru. Web aplikacija je napravljena koristeći HTML, CSS, JavaScript, PHP i 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 i 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.

admin.lab387.com

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.

shorty.lab387.com

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.

quizy.lab387.com

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 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.

calculy.lab387.com

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

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.

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.

GRAPHICS

Branding

Here you can see all the projects we have worked on in the field of graphic design. Our work in this area is primarily based on creating a logo for branding, where we have different types of requirements and needs. 

These requirements and needs include creating a logo "from scratch", together with other branded materials, editing an existing logo or preparing a logo for printing - creating a vector version from raster graphics (images / photographs). 

Also, here you will see a subsection dedicated to personal brands, ie logos for people of different professions and logos for superheroes - our small artistic contribution.

All our logos come ready for use on the web and for print, in all necessary formats, resolutions as well as variants such as white, dark, inverse and for use on different types of substrates.

Logo

Personal Brand Logo

Within this subsection you can see examples of logos created within our new project called Logodium. Although the project is currently in preparation, we dared to create two new types of logos and examples of the same in order to have representative samples for our offer. 

These are logos for personal brands, which come in two versions that the client can choose: a logo with letters (name of the personal brand) and an element that represents the job, goal or project of the personal brand and a logo created in calligraphic signature.
Within this subsection you can see examples of logos created within our new project called Logodium. Although the project is currently in preparation, we dared to create two new types of logos and examples of the same in order to have representative samples for our offer. 

These are logos for personal brands, which come in two versions that the client can choose: a logo with letters (name of the personal brand) and an element that represents the job, goal or project of the personal brand and a logo created in calligraphic signature.

Logo Font-Symbol

This type of logo is a version where a specific font and its thickness is selected for a personal brand, and depending on the job, goal or project of the personal brand, an element is created that represents all of the above, and then merged with the name into one whole. In this way, we get a unique, simple and memorable logo suitable for any type of use of a personal brand.

Logo Signature

This type of logo is a version where the type of letter, its thickness and size (style of the complete logo) is selected for the personal brand, using a calligraphic approach, and a unique and recognizable logo is created based on the personal brand name. There is also the option of inserting smaller elements, as in the previous version, within the logo, as well as the job, goal or project that the personal brand deals with in the form of additional words below or above the logo.

Superheroes Logo

This unique mini-project is another example of logos created within our Logodium project, where we used famous, fictional superheroes and created logos for them as if they were a personal brand, taking into account their superhero names and their main goal, motive, behavior or part of the appearance (something recognizable). 

Within the visuals, you can see examples of both variants of the logo: logos with symbols and logos in the calligraphic form of a signature for a personal brand.

Marketing

Within this subsection you can find all the interesting banners and posters / flyers as well as preparations for the wallpaper we worked on, which were created for marketing and advertising purposes. All projects include a unique design along with copywriting, and very often preparation for the print. A large number of clients we have worked with on websites or logos have decided to further promote their brand or business in some way, mainly through some type of banner, poster, flyer.

Banners and flayers

AdminLab – banner set (web)

Quizy application – banner set (web)

Shorty application – banner set (web)

Calculy application – banner set (web)

Abesta d.o.o. - banner set (web and print)

Al Saif Rent a Car - Flayers (print)

Alfa Solutions - New Year's card (web)

Build d.o.o - New Year's card (web)

DiamondGroup d.o.o. - Flayer (print)

Udruženje Futuro - Flayer (web)

KristalMo – Price menu (web)

KUD “Mladi Metalac” - New Year's card (web)

Platforma za progres – Promo flayer (print and web)

Platforma za progres – Promo flayer (print and web)

Banners and flayers

Teatar mladih Hadžići - Posters for plays, tickets and invitations for new members (web and print)

Build d.o.o. - Design for the table on the construction site (print)

Udruženje Futuro – Posters, thank you notes and flyers for sponsors (print)

KUD “Mladi Metalac” - Posters for events and drama section (web and print)

Dramska sekcija Butmir – Play poster (web and print)

Caffe Pauza – Preparation for wallpaper (print)

KK Rolling – Preparation for wallpaper (print)

Žena Ipo – Preparation for wallpaper (print)

EDUCATION

In Class Education

Below you can see all the educations that were done live, in cooperation with the Link Group.

This long-term, partnership cooperation continues today where we support each other in creating new staff in the field of programming and web design, innovations in the field of education and in practical work with students.

Link Group

4 generations
PHP Development
140 students
4 courses for high school students
HTML, CSS and JS
140 students
2 generations
Web Design
50 students
2 promo courses
PHP and WordPress
70 students
2 courses for the children
Hour of code
70 students
4 courses for the children
Introduction to programming
35 students

Online Education

Here you can see everything we do with our partner company Link Group, and within their DL platform.

Working on the LinkGroup Distance Learning platform means working with students, ie answering their messages and inquiries related to the material, reviewing solutions to set tasks, communicating via eduWall, setting additional tasks and the like.

Link Group

4 generations
MySQL Programming and Administration
1500 students
2 generations
Frontend Application Development
600 students
2 generations
Core JavaScript Programming
200 students
2 generations
JavaScript Programming
200 students

Dl Course Development

Here you can see all the courses we have created for our partner company Link Group, on their DL platform.

Each of the programming courses involves the development of a course plan and program with the objectives and description of the course, the structure of modules and lessons and the competencies that participants need to adopt through the course. In addition, a set of lessons was created for each of them, along with a test for each lesson, summary, module tests, videos for each lesson along with the script and a glossary, literature, knowledge tests and additional practice tasks.

All lessons are interactive, containing code examples with explanations and they are focused on practical work and activity, with very little theory that serves as a basis for the work and are on average 7 to 10 pages long A4 format.

Link Group

Frontend Application Development
5 moduls - 24 lessons
Core JavaScript Programming
7 moduls - 15 lessons
Apache Web Administration
7 moduls - 19 lessons
Advanced JavaScript Programming
2 moduls - 19 lessons
MySQL Programming and Administration
4 moduls - 15 lessons
XML/PHP Programming
2 moduls - 10 lessons
Web Security and Cryptography
1 modul - 8 lessons
Object Oriented Programming in PHP
3 moduls - 18 lessons
Building Web Applications (PHP)
2 moduls - 16 lessons

Other Education

IUS

At IUS (International University of Sarajevo), we held a course 98- 375 HTML5 Application Development Fundamentals guided by the official plan and program of Microsoft.

The course was attended by 30 participants who acquired the knowledge needed to create HTML5 applications using HTML 5, CSS 3 and JavaScript technologies

Classes were held in English.

Ekonomski fakultet u Sarajevu

At the Faculty of Economics, University of Sarajevo, we held a course 98-375 HTML5 Application Development Fundamentals guided by the official plan and program of Microsoft.

The course was attended by 20 students, while classes were conducted in BHS language.

Students acquired the knowledge of creating HTML5 applications using HTML 5, CSS 3 and JavaScriptt, and where we mentored students on their final papers in this field for the purpose of taking exams at the faculty.

Gimnazija Obala

For the needs of the students of the Obala Gymnasium from the first to the fourth grade of high school, we held an introductory lecture in C++.

In a crowded classroom, students learned about C++, Fields, Arrays, References, and Functions.

We also introduced the students to the work of ITAcademy Sarajevo.

Srednja grafička škola Ilidža

For the needs of students of the High School of Graphic Arts in Ilidža, we held a lecture related to the introduction to programming, various areas and ways of doing this work, and we introduced them to the work of ITAcademy Sarajevo.

We were happy to answer various questions from students and professors in order to facilitate their introduction to this professional field.

Other Projects

Within this section you can see some of the different and interesting creative projects we have worked on, which include work on audio and video materials, production of plays and video content, and graphic and web design.

Other Projects

Information Broadcast Agency

The Information Broadcast Agency is one of the beginnings of our workWithin this agency,

We worked on graphic design as well as the design and development of the website itself.
In addition, we were involved in filming events as well as interviewing, and processing and producing video material on the Youtube channel: Information Broadcast Agency. In addition to working on these jobs, we also worked on running an online youth radio channel and all popular social networks.

Original team members:
- Ivana Aranza
- Amar Bešlija
- Armin Bečić
- Maid Đelilović

Teatar mladih ArtEffect

ArtEffect Youth Theater is one of the largest projects in which we have dealt with various segments in the field of design, audio and video production, play production and writing.

With over 25 members of this youth theater, we wrote, produced and directed 4 plays, prepared 3 more plays to perform, held over a hundred rehearsals, and for each of the plays we designed posters and invitations, recorded and photographed and produced recordings of the play itself.

For certain plays, we also produced video material in the form of promoting the play before the premiere. We created and ran all the popular social networks together and did Facebook and Instagram advertising for the purpose of promoting the show.

Various Projects

amkoshop.ba

Detailed analysis of the website in terms of design, UX experience, security and functionality, and report writing.

abtransferbh.com

Development and integration of a web application for managing passenger transfer reservations.

bikefinder.de

Work on a database of 15,000 users and bicycles, consulting in the development of website / application functionality.

blog.domacin.ba

Creating and editing a website, recording informative videos, editing and publishing articles.

igraonicaosmijeh.com

Consulting in the website development.

ajnex.com

Consulting in the website development.

dijamant.ba

Preparation of materials for the website and basic design.

mladimetalac.com

Development of an informative website about the KUD.

stromatik.com

Creating and editing a website together with all text, photo and video materials.

GlobalGPS BH

Creating a web application for managing applications for internships within the company.

elox-bh.com

Creating a website with customizing and entering material from the old website.

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