KRD Economic 
Information 
Bureau

KRD Economic Information Bureau was established on 4 August 2003. It provides its services to all business entities: sole traders, small and medium enterprises as well as large corporations. KRD has created an economic information exchange system which consolidates all the branches of economy.

KRD’s statutory tasks include the acceptance, storage and provision of access to economic information and data. These tasks are performed via the Internet, making KRD always available. Informations on debtors are submitted to the KRD database by entrepreneurs from all sectors of economy, irrespective of company size and legal form, as well as by natural persons, communes and institutions. The suppliers of information are at the same time recipients of this information; consequently, the debtors listed in KRD cease to be anonymous and lose their credibility in business relations.

Portfolio KRD Group brands include: KRD BIG, Kaczmarski Inkasso, Rzetelna Firma, Via Lex, NFG and FairPay.pl.

Preparation Design

The design was provided as 10 PSD files - 1 PSD for every page. The design files also contained information for the different states: dropdowns, mouse-overs, tooltips, popups. Everything was retina-ready and all layers were well combined in groups.

photoshop screenshot

Requirements

This project was for online design contests - users could apply for different design competitions. The design was pretty cool and it had to be modern in terms of looks and functionality.

Our client needed 10 PSD files to be converted into Bootstrap HTML/CSS templates. The requirements that she provided were the following:

Clearing up the details

Most of the project details were clear. However, we had discussed with the client only a few points, for example: how the templates were supposed to look on bigger screens (about 1920px wide), what animations were expected to be done and if the filtering was going to load data from external files.

We prepared some examples with animations and screenshots for how the project would look on bigger screens. They were exactly what our client had expected as a final result. Concerning the filtering, she decided that it would be best if we used our best judgment.

  • Bootstrap
  • Subtle animations
  • Fixed navigation
  • Animated numbers
  • Parallax effects
  • Filtering and pagination
  • Bootstrap
  • Subtle animations
  • Fixed navigation
  • Animated numbers
  • Parallax effects
  • Filtering and pagination

And we started...

The time frame for the project was 7 Business Days

Step 1 Management

This project was for online design contests - users could apply for different design competitions. The design was pretty cool and it had to be modern in terms of looks and functionality.

Our client needed 10 PSD files to be converted into Bootstrap HTML/CSS templates. The requirements that she provided were the following:

Step 2 Slicing

Initially we converted the provided Adobe Illustrator files to Adobe Photoshop files (the so-called “AI to PSD phase”).

Then we sliced all images.

Step 1 Management

This project was for online design contests - users could apply for different design competitions. The design was pretty cool and it had to be modern in terms of looks and functionality.

Our client needed 10 PSD files to be converted into Bootstrap HTML/CSS templates. The requirements that she provided were the following:

Step 2 Slicing

Initially we converted the provided Adobe Illustrator files to Adobe Photoshop files (the so-called “AI to PSD phase”).

Then we sliced all images.

Step 3 HTML coding

After slicing the images we created the HTML markup by following our coding standards. We paid special attention to the specific WooCommece layouts for the products, product single and checkout templates..

Step 4 CSS coding

The next phase was the creation of the CSS styles.

Step 5 Responsive version

We used media queries to create 
the tablet and mobile layouts.

desktop version of the page
tablet version of the page
smartphone version of the page

Step 6 Fine tuning... and The project is ready!

img

We did a quality assurance of all pages, then tested the site on mobile and tablet devices. The front-end phase of the project was completed.

We paid attention to both the appearance and the quality of the code, so that it met our coding standards. Finally, we sent a preview of the static HTML files to our client.

img

Testimonial:

Pagepro helped us greatly with our everyday tasks by providing access to skillful manpower. Their ability to handle problems with precision and pursuit of delivering highest quality possible, extends our team here in KRD. Pagepro helped us greatly with our everyday tasks by providing access to skillful manpower. Their ability of handling problems with precision and pursuit of delivering highest quality possible, extends our team here in KRD. Also constant communication while dealing with tasks helps us achieve everyday goals with an ease. We are very happy to work with professionals at Pagepro.

Carole Egerton
Jason Wang. Co-Founder & CEO at Caviar

KRD Economic Information 
Bureau

http:// www.pagepro.com
printscreen of the website