One of the fundamental aspects when creating any web or blog is the design, which we must take care of after having defined the information architecture (which includes the approach of the web tree, the elaboration of the functional analysis and the scheme of the functionalities and content in the wire frames).
Look And Layout of The Design
Undoubtedly, the web design is the most creative part of the project, since it allows to enhance the already approved prototypes by giving them a new look. Continuing with this simile, the look, and the layout will give the website an attractive external appearance, arousing interest and attracting the attention of the target audience.
Collect Information From The Client For Custom Web Design
For the design to be effective, it is necessary to take into account the information collected in the phase of requirements, in addition, the tastes, requirements, and preferences of the client. Creativity will be the responsibility of the design team, who will present different graphic proposals based on the structure previously defined in the creation phase of the wire frames. Among them, the team involved in the web project will have to choose from one of them.
Harmony Between Functionality And Design Of The Website
In this stage, accessibility, usability, and the harmonious balance between aesthetics and functionality are aspects that condition the design but do not limit it.
Also, the resources that are used in this stage vary in type, since they can include photographs, illustrations, videos, animations, and audio recordings, among other types of content to make the website appear more attractive. In addition, the typographical resources and the color palette also acquire a great prominence when it comes to personalizing the website and differentiating it from that of competitors.
Proper Documentation of The Design
When the client approves the graphic line of the website, it is usually documented in a style manual. It details the graphic aspects necessary for the correct documentation of the design. It becomes an essential guide for the programming team and for the client since it will solve any doubts that may arise in subsequent and future updates of the website without having to resort to the design team every time. The style manual contains information on the following elements:
- The sizes and dimensions of the main templates and the different objects
- Text styles, with fonts, sizes, and colors of titles, subtitles, headings, highlights, and body of text
- The color palette, with the color codes used on the website (corporate colors and secondary colors)
- Rollover effects of buttons and hyperlinks, size and colors
- The treatment given to photographs, with the format, type of framing, black and white or color and lighting, among other details.
- Depending on the complexity of the project, the manual or style guide will be more or less comprehensive and detailed.
In summary, it can be affirmed that the main objective of this design phase is to make the website look nice while transmitting the brand’s values in the appropriate way and following the line of corporate communication required by the client.