The history of pixel art. Past and future
Pixel graphics (pixelart, pixel art) - a form of digital graphics created using a raster graphics editor, where each pixel in the image is edited manually. For the first time…

Continue reading →

Getting rid of guesswork in design
Creative breathes life into successful sites. However, creative ideas and solutions often look like guessing - a dangerous business, I tell you. What can designers do to convince the customer…

Continue reading →

The main types of user interface buttons on sites and applications
Buttons are one of the most famous interactive user interface elements. They play a very important role in creating user interaction and creating a positive experience. Continuing a series of…

Continue reading →

6 main stages of website development

I was recently told in the comments that some posts do not correspond to the format of the blog, which is positioned as a useful resource specifically for web designers. On the one hand, really a lot of attention is paid to a graphic editor, for example, photoshop, but on the other hand, this is also part of the work, and it is important. Nevertheless, today I decided to publish a post that would partially satisfy those who want to read something about creating sites. At the same time, I decided not to limit myself to web design, but to consider the issue more broadly.

If you want to competently and professionally approach the site development process, you need to take into account all the details and carefully consider all the stages of the creation of the project. There is nothing to be missed in this matter, although developers often sin with this. As for the “stages of creation”, then, probably, each of them can have their own, depending on who and how used to work. Nevertheless, there is a list of general (recommended) points that it would be desirable to implement. In any case, it is useful to determine for yourself a clear, structured plan so that no details are overlooked.

Typically, a workflow on a project is as follows:

Study of the issue;
Design, concept development;
Design development;
Website creation;
Website launch;
Site support;
This article was used as a source of inspiration. Let’s take a closer look at each step.

STUDY OF THE QUESTION
“Why study something?” – you ask – “we are already quite experienced people.” In fact, this is one of the most important stages. You can be an experienced developer but do not understand anything in the “women’s shoes” to which the site will be dedicated. Therefore, before proceeding to the site development phase, you must have an idea of ​​the subject and topic of which the site will be devoted. Not that you need to delve into all the intricacies of this niche, study many models of women’s shoes, just evaluate the main features and nuances of the subject area.

When you develop a site for a client, devote as much time as possible to the initial communication with the client. You need to find out about goals and objectives, timelines, target audience, estimated budget and more. Get as much information as possible. At the end of this phase, you should have a clear understanding of what is required of you. In this difficult matter, a concept such as “brief” can help you. This is something like a list of standard questions on a future project, where you can find out the preferences and wishes of the customer. Of course, a “brief on site development” is not a substitute for personal communication with a client, but can be used in the initial stages of cooperation – send it by mail, or conduct a survey by telephone. In the “brief” you can include various questions – from the audience of the project, the planned budget to personal preferences in the design and functionality of the site.

GENERAL DESIGN, LAYOUT
Once you have decided on the goals and objectives, you can proceed to the development of the basic layout. This stage can be started by visiting competitors’ sites. Surely someone similar did something to you. Therefore, the first task is to study the best examples of sites on a similar (or related topic) and note the advantages and disadvantages of each of them. Given the experience of competitors, you can move on to the brainstorm, during which you need to determine the overall design concept, basic elements, colors, fonts and more. At the same time, of course, we do not forget the wishes of the customer.

The last stage of design is to create a sketch, frame. It can be done on paper, using special programs and services. If you are working with a client, be sure to approve your basic layout before moving on. In principle, in my practice, I saw that the “basic outline of the layout” was not always approved. An exception can be considered only the development of logos, where it is important to understand immediately in which direction to move. But as for the design of sites, not all customers could understand something from the outline, as a rule the basic structure of the site, the location of the blocks and the color scheme were determined. Although to some extent this can be considered a “sketch” 🙂

SITE DESIGN DEVELOPMENT
website design development It’s time to “build meat on our frame”. Many designers or developers immediately start from this stage, ignoring the “study of the issue” and “prototyping.” In my opinion, this is not entirely wrong, or rather, that the preparatory steps will be much easier and more efficient for you – you will solve all the basic issues and details earlier, now only concentrating on creating the design. Thus, having studied the subject and going through the stage of creating a simplified layout, you will determine the contents in advance and then do not lose sight of anything. Design development is a stage of definition with a form in which you put on your content, this is a detail of the layout.

Typically, this design is created in Photoshop or another graphics editor.

Frequently Asked Questions (FAQ) - developing an effective FAQ section
As you, of course, know, Frequently asked questions (FAQ) are frequently asked questions that are collected and highlighted on a separate page. Thanks to her, the user will be able…

...

How microstock originated, features of photobanks and microstock
Microstock (microstock) - the budget segment of stock photography, offering high-quality images for a penny, is rapidly gaining momentum. What is not surprising: high-quality photography has never been so cheap…

...

Creating an Effective Hero Image Image for a Website
Does the user only need 50 milliseconds to form an opinion on any site? Web developers and designers really have very little time to make a good impression on a…

...

Jacob Nielsen
I decided to dilute the publications with all kinds of pictures and materials for downloading a very interesting article about a famous person in narrow (and not so) circles. I…

...