Work - InSoft | Design & Development Agency | web site, web applications and mobile applications development

Case studies

LIN TRGOVINA

Website & E-commerce

View Page

CASE STUDY

General description

Lin's store has been for years offering a wide range of various products at its shops. Their previous web store entitled "svezakucuidom.com" was outdated both by design and functionality. The company was looking for a new and fresh appearance, new functions and a responsive site, so as to improve the experience of existing and new customers alike. The old system could not follow their newly developed needs and the company decided to redesign the site and adopt a safer and better system, able to be developed while running. This is why we suggested the Magento CE system, widely used and with good results.

At the start we encountered numerous challenges, such as „scattered“ existing bases for over 50 000 products, divided into 450 categories. In transferring the old bases into the new system we have reorganised categories and meaningfully reduced the number of categories by ~ 50.

The new system was also supposed to enable easier new product entry, multicategorising the products, simplification of the overall process, from ordering to selling, both at the site for the use of the customers and for the administration in the system.

Magento CE enabled us, with slight modifications and additions, to achieve these goals. Besides conventional functions, we also added fiscalisation, constructed special modules for the purpose of presenting particular product groups (for example, modules for the newest and best-sell products), and installed the WSPaypaymentgateway. An important item was also updating the amount of the product on store and their prices, for which we constructed a special module where the administrator could easily update both sets of data.

Responsive design

It was not easy to develop a mobile application for a web shop with over 50 000 articles. We had to adjust the system and enable the user to get a simple and intuitive presentation of the articles, offer connecting onto the system, overview of the shopping basket and articles to be compared and, the most important, to design the ordering procedure. We decided to adopt the approach of fixed navigation, so as to enable the customer to approach all the categories at every moment, as well as to approach the key elements, such as shopping basket overview, profile view, articles for comparison and the ability to register with the system.

Mobile presentation "hides" all the secondary actions that could divert the attention of the customer in reviewing the articles. However, they can be seen by a simple click on particular elements, such as product filters. Employing this approach, the user can search through the article without any disturbance, and call for the filters, sorting etc. when needed.

Ordering process is simplified to be adapted to the smaller user area available on mobile devices.

CUSTOM APP

MAGENTO EXTENSIONS

Adapting the display to the order

Administrator’s part of the system for displaying the orders is a big table with a lot of data. We adjusted the display, on our customer's request, and constructed a new display of the orders, with special data included and, to make processing easier, with background colours which indicate the actual state of the order.

Our customer expressed the need to get a quick overview of the number of orders and to be able to copy the order, and we enabled him to achieve it by a single click of the mouse.

Adapting product display

As the amount of the orders was quite impressive, and they were supposed to be processed in a short span of time, our customer had a need to see only particular fields in his product display at any moment. We adjusted product display so that it now presents only those information that are crucial to the customer, as well as the picture of the product concerned.

Fiscalisation

We were obliged to implement fiscalisation into the Magento, due to recent changes in legal regulation, which ask that all the payments by credit cards should be treated as cash payment, and to be fiscalised because of this. Fortunately, our colleagues in Incho previously constructed a free version of Magento module for fiscalisation so we did not need to start from the beginning. As a number of new versions of Magenta were launched from the moment when the above module was constructed, we had to make some adjustments and additions to be able to implement it. As FINA (Financial agency) expects bills to be in minus at fiscalisation when they are cancelled, we had to adjust the creditmemo system in Magento itself.

Online payment

We selected the WsPaypaymentgateway system for credit-card payments, as it was the most favourable, they had a top-quality system, easy to implement and we have also been their partner-company. Apart from credit-card payments, we also had to implement the PayPal payment. This is, in principle, not a problem, as Magento has a previously implemented PayPal payment ability. However, situation in Croatia is a little bit different. PayPal does not recognise Croatian currency as a means of payment and it was thus necessary to include the option of converting kunas into Euros in sending the price to PayPal.

AQUAESTIL

Website, design, custom application

View Page

CASE STUDY

General description

This project was a real challenge. Even after the first technical meeting it was quite evident what direction we were going to take and we got green light to use modern technologies. Our task was to make something that would be a just „Wow“.

We first filled in our drawing board with everything we had in mind, drawing and blotting schemes and good ideas. At the end we decided to do a double-sided design. Two designers were included, with two unique designs, both for a single project.

After a week of work and a bunch of internal ideas we were faced with two design proposals, which we decided to present to our customer. The customer liked both designs, each of them had something special and attractive, so we decided, with the approval of our customers, to take the best from both proposals and construct a third design. Finally, the customer was sincerely satisfied and his comment was: „This is it! Good job!"

In developing the site we implemented modern technologies, such that mark the future in the business. All the graphic presentations and icons were SVG, so as to make site loading faster and to enable animations.

Apart from design, quite a challenge was to construct a top-quality user interface to be used to administer the whole data basis for all the products that were supposed to be presented at the site.

Responsive web-site design

In preparing and completing the design we constantly had in mind the requirement for the site to be able to adapt to all devices. Aware of this, we used „Mobile First“ approach in developing the site. This is a development technique where primary focus is small screen (most often cellphone) and contents are step by step adjusted to bigger screens.

Key challenge was to present a multitude of products with subcategories at a small screen. As the product photos were of very high quality, we decided to present a single product in a line on conventional small screens, while the number of products increased with the increased size of the screen.

The main menu in the so called "mobile version“ is hidden and is activated by clicking the "hamburger menu" icon (☰). The items in the main menu that contain submenus are designated with a „+“ sign, so as to suggest to the user the position of a submenu.

ICON SET

We were not satisfied with the icons we had at our disposal at the internet, and our designer created his own icons, such that gave a special touch to the site. You can see the set of icons here ...

CUSTOM ADDONS

JOOMLA EXTENSIONS

PRODUCTS

We constructed the whole component to be used for the input of Aquestil assortment, with 7 categories and subcategories included. Each product is supposed to have all the multilingual descriptions, names, etc. It was not easy to construct the data basis for this component. Products from different categories differ, of course, but they are also quite similar sometimes, and it took us some time to find the best relationship of tables and fields, to optimise the basis maximally and again to make it maximally functional as well.

We had to apply automatic picture processing in the component itself, as there were a huge number of products involved, and even more of their pictures (of which many were not optimised).

Besides entering the products, we had to link them together, as some of them could be combined, e.g. showers and partitions.

DISTRIBUTORS

A component was developed to enable input and presentation of all Aquestil distributors at an interactive map. The administrator's part of the component offers adding new and deleting nonexistent distributors in a simple and quick way.

The map has the ability of filtering by state and/or city. City filtering depends on the selected state, which makes using and filtering distributers easier.

The component also includes the Google GeoCoding, so that it is not necessary to enter manually for each distributor geographic longitude and latitude to be presented at the map.

PRODUCT SEARCH

We developed a module for browsing the assortment by specific parameters. The module offers the possibility of browsing bathtubs and showers by shape, possibility of installation and dimensions.

The module is constructed so that the selection of the first parameters reduces the number of possibilities of dimension automatically, which makes browsing more accurate and faster.

PORTAL ZA MLADE

Website, design, custom application

View Page

CASE STUDY

YOUTH CENTER

The project we did for CarpeDiem (Association for the Promotion and Development of Creative and Special Potential for Children, Youth and Adults) was a source of great enjoyment for us, as it directly impacted the level of available information for our fellow citizens.

We had general guidelines after 2 or 3 shorter meetings – the site should be of vivid colours, loaded with information, easily accessible and, what is the most important, responsive, as it was expected to be mostly approached by young people from their cellphones.

Having this in mind, we agreed to develop the project as a double-sided one, with 2 designers, 2 drafts, 2 unique designs, in a single project and with a single happy customer. After the first interaction with the customer, we already had a solution that was accepted by both sides. We even had a nick-name for the design we both accepted, calling it a „forest“.

We developed and perfected some details and functions in constant communication with our customer. Intensive testing of the site on various devices (yes, we even used some „ancient“ devices) resulted in relatively quick and successful completion of the project.

RESPONSIVE DESIGN

In preparing and developing the design we kept in mind the fact that the site should be able to adapt to any device. This is why we used the „Mobile First“ approach in site development. This is a development technique where primary focus is small screen (most often cellphone) and contents are step by step adjusted to bigger screens.

The menu is hidden to save the precious space and is activated by a "hamburger menu" icon (☰). To use the area optimally we also decided to remove the pictures when viewing the news on the home page.

Calendar of events was a challenge, due to the amount of the information presented. The filters are hidden in the menu and called by selecting the option „Filters“, while the presentation of the events is always turned to the present day. We have also left small parts of the previous and next day, just to stimulate the user to „swipe“ and show him that he can scroll the days by simply moving the finger left/right on the screen. If the user notices this function, there are arrows provided to scroll left/right, so no mistake is possible.

CUSTOM APP

JOOMLA EXTENSIONS

EVENTS COMPONENT

Events component was designed following the customer’s instructions when Jooma CMS conventional abilities were not enough. The component is able to create an „event“, containing the name, beginning time, ending time, location with an interactive map that can lead you to the location, description, generation of links to social networks (facebook, twitter, google+), as well as the data on the organiser. The component also has a built-in ability to generate a link where you can get the iCal format. It also possesses the option of repeating particular events in certain intervals, which makes it highly useful, especially when an event is repeated weekly or monthly.

COMPONENT FOR EVENT APPLICATION

This component is directly connected to the events component. When the user applies for the event, the administrator has all the necessary information to be able to announce the event at the site and can do it by a single click. Of course he is also in the position to edit the application if some information is missing or if he wants to change anything. This component is of great help as the users can report the event about which the administrators are not perhaps aware. All of this makes the site highly useful and attracts visits.

DRAFT DOBROVOLNIKOV

Website, design, custom application

View Page

CASE STUDY

General description

It was, definitely, quite a special project. Apart from the fact that we had to develop a functional site on a short notice, in just a month and a half, it was also our first international project. The task was to develop a site which would help the organisation to find necessary volunteers, as well as to enable communication among volunteers. The most serious challenge at the beginning was to find the way to realise a permanent communications with customer and decide which tools could be used for the purpose. To achieve communication in design creation, we selected the cloud solution UXPin. UXPin enabled us to get a continuous feedback from our customer and helped us to complete the design in a short time period we had at our disposal, which made the customer highly happy and satisfied, despite the fact that we were 700 km apart.

Besides design and communications, the challenge facing us was also to programme all the functions and possibilities of the site in a short time, as well as to test it prior to production. The site also had to contain a component for browsing and for updating educational programmes, as well as all of its details. The biggest component of the site is connected with data basis of the volunteers. We had to develop an administrator's part to update it, together with the front part that the volunteers could use to communicate among themselves, with the organisations searching for the volunteers and channels to communicate with these organisations.

RESPONSIVE DESIGN

The main menu on „Mobile version“ is hidden and is activated using the well known "hamburger menu" icon (☰). Page header includes the menu icon, while logo and browsing can be seen on the mobile display when the user starts returning towards the page top. Header is thus not in the way and does not occupy precious space on the device with small screens (mostly cellphones) offering the user at the same time the possibility to open the menu or browsing in a quick and easy way.

Due to the type of the project in question, most of the data were shown in a table form, which presented a problem. Having in mind our experience from the previous projects, feedback information and consultations with our customer, we decided to leave the tables in their full width and not to rearrange them vertically. We also installed indicators that showed the user how to review all the data in the table, not seen at the moment, by simply moving his finger left/right on the screen.

CUSTOM ADDONS

JOOMLA EXTENSIONS

EDUCATIONAL APPLICATION

We developed a Joomla component, enabling the entry of the educational programmed through site administration, as well as the print of these programmes on the site. Visitors can also leave commentaries on the educational programme and apply to it. As this is a data basis of educational programmes, we also had to develop a module able to browse the programmes according to particular parameters.

VOLUNTEER APPLICATION

We developed a Joomla component for three types of users, meaning different groups of users can see different parts of the component. The administrator can see everything and can enter and update volunteer data basis through site administration. The organisations and volunteers can access the other part, again protected by a login. The organisation can browse volunteers, see their profiles and communicate with them, while volunteers are able complement and change their profiles.

JOB CLUB FOR YOUTH

Website, design, custom application

View Page

CASE STUDY

General description

The association CARPE DIEM from Karlovac started the project entitled “JOB CLUB FOR YOUTH", and decided we could be their partners in it. The project was financed through EU funds, thus we were obliged to follow certain rules from the very start.

The project was quite specific as a part of the site, dedicated to general public, was a simple single page web, while the rest was supposed to be a full portal or a kind of mini web application. Project leaders were supposed, using this part of the project, to guide all the users and process information on them, while project users could use it to access necessary information and data, essential for them to be able to participate in the project.

Besides project leaders and attendants (users), the application was also used by the employers and the HZZ (Croatian Employment Service). Employers were able to obtain a review of the attendants, their CVs and video CVs. The HZZ used a part of the application to keep the record of the attendant consultations and it took the attendants under its care after their education in the Youth Centre was completed.

GENERAL AND SPECIFIC GOALS OF THE PROJECT "JOB CLUB FOR YOUTH":

General goal was to reduce the number of unemployed young people in the town of Karlovac and increase their social inclusion, while specific goal was to develop services for unemployed young people, through which they could attain skills in looking for job and additional knowledge necessary at the labour market.

MAIN TARGET GROUP:

96 unemployed young people in Karlovac.

THE PROJECT WAS PLANNED TO YIELD THE FOLLOWING RESULTS:

Three representatives of civil society were previously educated to work with the young unemployed people, the Club plan for the employment was developed and applied, 96 young people learned new skills in looking for a job, at least 10 experts-volunteers were involved in the work with young unemployed people and a service was established aimed at better connections between job seekers and employers.

RESPONSIVE DESIGN

In adapting the site to mobile devices we were aware of the fact that its focus should be on the actual or future project participants. This is why we put the form for connecting or registration in the foreground.

The main menu in the "mobile version“ is hidden and is activated by clicking the "hamburger menu" icon (☰).

We employed the „Accordion“ approach in presenting the material the users were allowed to download.

CUSTOM APP

JOOMLA EXTENSIONS "Job Club For Youth"

THE PROFILE OF UNEMPLOYED PARTICIPANT

It was necessary to develop a user interface for the participants to enter their CV data, details on education, make notes in the course of their education, as well as record their attempts to get employed during the project. Administrators were also supposed to be able to monitor the same data and edit them. We also developed a special section where the participants could download the documents related to their education. The first page included, after the login, "Dashboard", a list of information for the participants that education leaders could leave for them. Participants could also see when the next session of education was due and download compressed (zipped) materials for it.

EMPLOYERS

Employers also had their login and access to the application, while their interface necessarily had to differ from the participants' one. The employers were able to browse project participants and review their profiles.

CROATIAN EMPLOYMENT SERVICE

After completing their education at the Youth Centre, the Croatian Employment Service continued to monitor them so we had to develop the possibility for their employers to log-in into the application administration, however with restricted rights and abilities to interfere with the application. We also developed a special part of the application through which HZZ could make notes related to their consultations with the participants, while monitoring them.

Web sites with advanced backend

Autostransport Karlovac

Joomla CMS
Responzivni dizajn i programiranje
Joomla komponenta za autobusne linije
Online plaćanje kreditnom karticom

Visit page →

Restoran Panorama

Joomla CMS
Responzivni dizajn i programiranje
Joomla CMS modul za jednostavno ažuriranje dnevne i tjedne ponude jela, slanjem excel tablice na određenu email adresu.

Visit page →