One of the fundamental aspects when creating any web or blog is the design, which we must deal with after defining the architecture of information (which includes the approach of the web tree, the elaboration of the functional analysis and the scheme of the Functionalities and contents in wireframes).
Without a doubt, the design is the most creative part of the project, since it allows to dress the prototypes already approved. Continuing with this simile, clothing and accessories will give the website an attractive external appearance, capable of arousing interest and drawing the attention of the target audience.
For the design to be effective, it is necessary to take into account the information collected in the phase of gathering needs, in addition to the tastes, requirements and preferences of the client. The creativity will be the responsibility of the design team, which will present different graphic proposals based on the structure previously defined in the creation phase of wireframes. Among them, all the team involved in the web project will have to choose one of them.
At this stage, accessibility, usability, and the harmonic balance between aesthetics and functionality are aspects that condition the design, but do not have to limit it.
Likewise, the creativity and other resources that are used in this stage are very varied, since they can include photographs, illustrations, videos, animations and audio recordings, among other formats. In addition, the typographic resources and the color palette also take a great role in personalizing the website and differentiate it from the competitors, as they contribute to make it more impactful.
A look at the style manual
When the client approves the graphic line of the website, this is usually documented in a style manual. It details the graphic aspects necessary for the correct application of the design, agreed at any time and circumstance. It is an essential guide for the programming team and for the client, as it will solve any doubts that may arise in future and future updates of the website without having to resort every time to the design team.
The style manual contains information on the following elements:
The sizes and dimensions of the main templates and the different objects
Text styles, typographies, sizes and colors of titles, subtitles, headings, highlights and body text
The color palette, with the chromatic codes used on the website (corporate colors and secondary colors)
Rollover effects of buttons and hyperlinks, size and colors
The treatment that is 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 extensive and detailed.
In summary, it can be said that the main objective of this design phase is to make the website look pleasant, while transmitting the brand values in the appropriate way and following the line of corporate communication required by the customer .