PRO.COMP Services

Please look at my offers, and feel free to look around. You may find some exciting services.
Creative


I love working with graphics, websites, video, and sound development. I have experience with many development tools, including Adobe, Microsoft, and others. I enjoy working with Photoshop, Illustrator, InDesign, Premiere, and WordPress. I feel comfortable working on the front and back end of developments. I’m passionate about developing graphics and websites, and I’ve been doing this for about five years or longer—time flies when you’re having fun! Feel free to explore this page; you might find something interesting.

01.

Raster Graphic

I can create, edit, and design raster graphics with Photoshop for your website, social profiles, or printing (leaflets, business cards, banners, etc.).
02.

Vector Graphic

I can create vector graphics for advertising, marketing, and brand collateral. Vector graphics can also enhance mobile apps, websites, infographics, and digital presentations.
03.

Video and Audio editing

I can create and develop videos and audio that can be used on the YouTube platform, in presentations, and more. For Video, I am using Adobe Premiere, and for Audio, I am using Adobe Audition.
04.

SQL Database

I also have experience creating databases on Oracle SQL and MYSQL, which you can use to store/display and analyze data. For your customers, employees
05.

Users login, profiles and melagef.

I can create user/customer profiles for login and melagef purposes. These profiles can be used for online stores, services, booking appointments, and more.
06.

E-Commerce

Do you want to create your first online store? Or do you need someone to manage your store, improve it, or change it? If so, I’m here to help!

Yes, I need this! Apply now.

Website

Design

Are we starting to create your website?

Creating and designing websites is a long process and may seem quite complicated, so to make it simpler and to do it correctly needs to be done in several stages, these are called milestones. It all starts with an idea, analyzing the idea, making a design then collecting all needed materials and photos. Then the implementation of the project, bellow I will describe all the points that need to be completed, step by step, so that we can build your website successfully.
Krzysztof Oko

Krzysztof Oko

Graphic and Web developer

Stage 1: Collecting and analyzing information

Identifying and analyzing what exactly the customer needs helps you find the perfect solution. What matters here is the main goals that the client wants to achieve and the main target audience that is to be attracted to the website.

The information gathering stage is all about answers. It’s important that as a web designer, you start by asking lots of questions. Thanks to this approach, you will create a well-described and detailed action plan.

Such a plan will later protect you from using additional resources to solve unexpected problems, such as a sudden change in the most important functions of the website or a complete edit of its structure.

Estimated time to complete this stage: 3 days to 2 weeks

Stage 2: Process planning

The second stage in the website creation process is the plan, which is made based on the information collected in the first phase. It is so important that without it, as a designer, you can get lost in the entire process and cause uncertainty for your client.

A specific plan supported by deep analysis is like navigating to a destination. You need to plan not only where you want to start and where you want to get to, but also what the entire route will look like and how long it will take.

At the planning stage, it is determined what the website architecture will look like, how elements will be divided on individual pages and what technologies will be needed to satisfy your client.

At this point, a comprehensive site map is also created, which is used to develop a consistent, easy-to-understand navigation system. In the case of clients with a larger budget, subpage skeletons (so-called wireframes) are also prepared.

Estimated time to complete this stage: 5 days to 3 weeks

Stage 3: Design and web design

At the website design stage, web designers will breathe life into the previously approved plan and wireframes. Once again, what counts here is the previously collected information, thanks to which graphic designers know what to consider when creating visual content.

Website design is crucial to user experience and conversions. Therefore, it is necessary to make sure that the website will be attractive to visitors. The first stage will help you with this, in which you have determined your target audience.

The mentioned factor is a specific trend indicator for a web designer. An information portal will be different from an entertainment website, and a website for teenagers will look different from a website aimed at wealthy adults.

It is worth noting here that designers should allow clients to view the design project at all stages of development. This gives you the opportunity to express your preferences and tastes and to have a substantive discussion, which in turn will shorten the order execution time.

Estimated time to complete this stage: 2 to 8 weeks

 
Stage 4: Coding

The coding stage is the point where the actual website is created. Currently, the web developer controls all the prototype graphic elements, wireframes and sitemap and uses them to create a functional website.

When writing website code, the technologies mentioned in the introduction of this article, such as HTML, CSS, PHP and JS, are used. This process is divided into two parts: frontend and backend.

Frontend, as the name suggests, is the development of the website that users see in the search engine (e.g. image animations). The backend, in turn, refers to the development of the website related to queries to the database and server (e.g. displaying the price of a product).

CMS systems such as WordPress make things much easier for both web developers and clients. They allow you to prepare and manage your website more efficiently and save some coding time by using dedicated extensions and plugins.

Estimated time to complete this stage: 2 to 8 weeks

 
Stage 5: Testing and implementation

Testing is probably the most routine part of the website development process. However, this does not make it less important than the others. Testers must make sure that the website is functional and that there are no errors or problems.

During this stage, tests such as: functionality test, usability test, performance test, etc. are performed. Thanks to them, the client can be sure that his new website is ready to receive the first visitors.

Once the website is approved by the testers, it’s time to implement the website. At this point, it is sent to the server (or hosting) via the FTP protocol.

Once the application is configured and the website is on the server, it should be put through its final test. The final test is a precautionary measure that is used to confirm that all files have been successfully uploaded and that the site is working as it should.

Estimated time to complete this stage: 4 days to 3 weeks

 
Stage 6: Maintenance and development

At this point, the website creation process is over, but its development is not over. The final stage in this whole story is website management and its further optimization in order to acquire a larger audience.

Most agencies and freelancers are happy to cooperate with their clients for a long time. It may concern the warranty period or additional support when making any changes and adding new subpages.

It is also worth thinking about promoting your new website in organic search results. For industries with little competition and local businesses, basic SEO optimization may be enough. However, in the case of competitive industries, comprehensive positioning will be required.

Finally, of course, there are the issues of updating the website – especially for CMS-based websites. These will prevent errors and reduce security risks.

Estimated time to complete this stage: in progress

Graphic

Design

Graphic Editing and Development

Computer graphics is the art of conveying thoughts and information through images. Specialized software is used for this purpose. It is a field that plays a crucial role in today’s media and business world. Well-designed graphic materials, such as logos, websites, or social media ads, can stand out and attract more customer attention. At the same time, graphic design requires designers to have skills and knowledge on how to create materials that look attractive but, above all, are effective in conveying information and persuading recipients to take specific actions.
Computer graphics are used in many fields, such as the film and computer game industries, product and architectural design, education, medicine, etc.
Rule 1: Preparation

Computer graphics design is a process in which artistic sense and basic knowledge of the principles are important. But where to start designing? Here are some steps that can help you get started with computer graphics design:

Define your project goal – Before you start designing, you need to define the goal of your project. Do you want to create a logo, leaflet, poster, website design or social media graphics? In the last case, the size of the graphics is very important – you can check the current sizes of graphics for social media in the article by Katarzyna Przepiórka-Caputa from Agencja KS. A well-defined goal will help you choose the right graphic design tools and techniques.


Get the tools – You need software and hardware to be able to design computer graphics. There are many tools available on the market, including paid and free programs. Depending on the project you want to create, you may need programs for editing photos, video, animation, vector graphics, and more. In our Agency we most often use:


Adobe Photoshop – the basic tool of every graphic designer, used to edit raster graphics, the program is often used in computer graphics, photography, advertising and other fields. Photoshop offers advanced tools for color correction, retouching and photo manipulation. The program also includes many filters and effects that allow you to add an artistic style.


Adobe Illustrator – a vector graphics creation tool that offers advanced tools and features that enable designers to create advanced graphic designs that, as I mentioned earlier, can be scaled and adapted to many different formats without loss of quality. Illustrator offers many advanced tools such as drawing tools, fill tools, gradients, effects, layers and much more. Illustrator is used to design logos, vector illustrations, infographics and advertising graphics,


Adobe InDesign – professional desktop publishing (DTP) software that is used to design and typeset text, graphics, tables and other elements to create publications for print or digital. The program is often used in the design of newspapers, magazines, books, brochures, leaflets, catalogues. It is worth adding that Adobe graphics programs also allow you to import and export files between various graphics programs, which allows you to save time and create various tasks in multiple programs at the same time.


Adobe Premiere Pro – comprehensive video editing and editing software that gives you plenty of features and full control over your project. The program is characterized by a friendly interface that can be customized to suit you. Integration with other Adobe tools is also an important element. In our Agency, we use Adobe Premiere to edit short videos from materials sent by the client, sometimes we also produce longer productions.


Figma – Online user interface (UI) design and prototyping program. It is a tool that allows you to create websites, applications, graphics and other interactive elements using advanced functions and tools. Figma lets you create designs in real time and share them with other team members or clients, making it easier to work on a project as a group. In the program, you can create designs from scratch or import ready-made designs or images from other tools.

Rule 2: Simplicity and minimalism

Why less is more? Simplicity and minimalism are one of the key principles of modern graphic design. The average person in today’s world is bombarded with a huge amount of information. Therefore, designers strive to create graphics that are simple and transparent, without unnecessary information that is incomprehensible to the recipient.

Minimalism in graphics for Social Media is manifested by the selection of appropriate, readable fonts and a clear and simple message. What materials you have at your disposal is very important. Make sure that the client provides you with valuable photographs that will harmonize with the graphics and will not disturb the message. Remember to keep the content in the graphics as simple as possible so that the recipient can quickly understand the information provided.

Rule 3: Contrast

Contrast means the difference between two or more design elements, which may be expressed through differences in colors, shapes, sizes, font styles and other visual features. Contrast in a good design allows you to highlight important graphic elements, increasing the readability and clarity of the design.

We will not achieve contrast by using a 14-point font and a 16-point font close to each other. Similarly with colors, we will not achieve contrast by using yellow with orange or brown with black. Contrast can be achieved by using a bolder font in the most important information, headings or subtitles, and a much smaller one in less important text.

Contrast is also an important element of web design, where it is worth ensuring that important elements are easily visible and accessible to the user. Therefore, using contrast in designs is one of the basic elements of graphic design that helps designers create designs that are effective and attract the attention of recipients.

Rule 4: Hierarchy

Hierarchy is the main principle of graphic design – it is the organization in the project that determines which elements are the most important and important to the recipient.

Hierarchy consists of several elements such as size, color, style, composition and text layout. Thanks to hierarchy, designers can control how audiences perceive content and what design elements attract their attention.

A well-thought-out hierarchy in graphic design can help make the content easier to read and understand, attract the recipient’s attention and highlight the most important elements of the design. Designers should therefore pay special attention to creating hierarchy in their graphic designs to ensure that their messages are effective and easy to understand.

The proper hierarchy concerns:

  • font thickness and size,
  • content arrangement,
  • colors,
  • size and arrangement of elements in the graphics,
    free space.
Rule 5: Composition

Composition in graphic design is the process of organizing visual elements on the design plane in such a way as to achieve the desired aesthetic and functional effect. It may include various design elements such as color, form, texture, proportions and space. The goal is to create a harmonious, coherent and eye-catching composition. A well-composed graphic design should be easy to read and at the same time arouse interest and evoke the desired emotions in recipients.

There are three basic types of compositions:

Central composition – a method of designing graphics in which the most important elements are placed in the central part of the design. This effect causes the recipient to first notice the element or graphic exposed in the center, and only then the text placed on the side of the graphic.


Open composition – very often used in various types of banners. It involves arranging elements so that they extend beyond the edges of the design. The most common example is a project with a photo cropped in the right place (so that it contains the most important elements for us) and aligned to the edges. In this case, avoid cutting the faces of people in the photo.


Closed composition – the opposite of an open composition, in this composition all elements such as content, photos, buttons are placed in such a way that none of them is cut off and does not go beyond the frame.

Rule 6: Coherence and consequence

Computer graphics offer a wide range of possibilities, but you should remember about the principle of coherence and consistency, which ensure that the design will be effective, legible and aesthetic.

Consistency refers to maintaining a uniform style and consistent look across all design elements. This means that graphic elements such as color, font, layout and style should be used consistently across all projects, including websites, documents, presentations and other materials.

Consistency refers to repetition and continuity in design. Design elements should be repeatable and predictable for the user, making the design easier to understand and use. For example, navigation buttons on a website should be placed in the same place on every page so that the user knows where to look for them.

Coherence and consistency are important because they help maintain a consistent message and design aesthetic, which makes it easier for the user to perceive it. In a design that is inconsistent and inconsistent, a user can easily get lost and decide not to use it.

Rule 7: functionality

Functionality is one of the key principles of graphic design, which refers to the ability to design products and projects that are not only aesthetically attractive, but also practical and effective in operation.

In the context of graphic design, functionality refers to creating designs that are easy for the user to use and understand while still meeting the needs and business goals of the project. This means that the designer must take into account the needs of users and adapt the design to their needs and expectations.

In order to ensure the functionality of the project, developers can use various tools and techniques. One of the most important is user research, which allows designers to better understand user needs and adapt the design to their requirements.

Another important technique for ensuring design functionality is designing for accessibility. Developers must take into account the diverse needs of users, including people with disabilities, older users, and users using different devices such as smartphones and tablets. You must ensure that the design is intuitive and easy to use.

What is the difference between vector and raster graphics?

Raster vs Vector
Raster Graphic

a grid of points, i.e. pixels of the same size, each of them is appropriately colored and defined individually, creating a bitmap. In the case of raster graphics, the most popular formats are: jpg, jpeg, png, tif, bmp, gif, pdf – the latter format supports not only raster graphics, but also vector graphics

Vector Graphic

an image described using geometric figures (two-dimensional graphics) and geometric solids in three-dimensional space. Vector graphics behave differently than raster graphics when scaling and do not lose quality when resizing. Vector graphics are widely used in graphic design such as creating logos, posters, banners, advertising materials and much more. the most popular vector graphics file formats are: pdf, svg, eps and ai.

Mandy Jones
Mandy Jones@Lots Of Love GIFTS
Read More
Fantastic service. Fast, great communication and excellent customer service skills. Brilliant work and have had no problems. Highly recommended, I wouldn’t go anywhere else.
Natalija Milos
Natalija Milos@NatalijaMilos
Read More
You are the best Web developer I ever know!
Przemyslaw Figiel
Przemyslaw Figiel@Przemyslaw
Read More
He is making really Professional websites, amaizing design easy to move around and find what you looking for. Thank You!
Martin Wisniewski
Martin Wisniewski@Martin
Read More
I highly recommend, nice service, and everything done in a very short time!

Newest Website Projects

Book Quote Now!

Fill the form to book quote for graphic or website design

Please enable JavaScript in your browser to complete this form.
Name

Newest Graphic Projects

Login & Registration

New Customers

By creating an account with our website, you will be able to move through the checkout process faster, store multiple shipping addresses, view and track your orders in your account, track your service process and more.

* Under Development, available soon.