Project and goals
An operational centre for communication and marketing
The main objective of the Giemme Srl website is to serve as a central hub where all content is gathered and presented in the most comprehensive form possible before being reworked and redistributed across various marketing channels.
Giemme designs and manufactures a wide range of promotional merchandise. The website reflects the breadth of the product and service catalogue and organises related content into different “content types”, including product and service catalogues, a portfolio, a news section, and landing pages for more specific marketing and advertising campaings.
UI Design
Design System
A Design System was created to guide the development of the website’s user interface. Drawing on the work carried out on Giemme’s brand identity, it defines the rules that the various components of the theme must follow. The components of the UI are:
– Elements: fonts, colours, spacing, separators.
– Blocks: buttons, images, icons, text blocks.
– Patterns: sets of multiple blocks that form complete sections.
– Templates: define the layouts of entire pages with specific content such as: content archives, case studies, individual service pages, and blog articles.
Below are some of the blocks and patterns designed for the website.
Implementation
Content map and CPT
To facilitate interaction with content – both internally within the company during production and publication, and externally for users visiting the website for the first time – a series of Custom Post Types have been created with specific fields, categories and tags that guide content entry and allow it to be easily retrieved via queries where necessary on the front end.
These include portfolio case studies, product catalogues, service lists, manufacturing techniques, and posts for news and events.
Implementation
Website UI
Some of the blocks, patterns and pages designed for the website.
Implementation
Landing pages for marketing campaigns
In addition to the CPTs described above, a series of templates has also been created to allow the company’s sales, marketing and SEO staff to create landing pages for use in specific campaigns.
Results
Increase conversions and engagement on the website
Comparing the first half of the year with the new redesign with the same period last year shows an increase in contacts received through the website, greater overall engagement with and interaction with content, and more visits to the website from mobile devices.
Time spent on the website
Visits from mobile devices
Number of contacts via the website form