Göteborgstryckeriet
- Behance.netProject Featured On:Behance.net — 5/20/11
- Göteborgstryckeriet
Website & Art Direction Göteborgstryckeriet (henceforth GBGT) is one of Sweden's leading print houses. With four divisions, each with their own specialty, they can handle every type of job ranging from the most technically advanced to the most extensive. Founded in 1918 by the present CEO's grandfather, GBGT have since long established themselves as the printer of choice for both designers and Marketing Executives.
After having undergone a recent rebranding, led by Happy F&B, GBGT approached us to rethink and redesign their website. Early on, we identified some key needs and features that we, being buyers of their services ourselves, thoughtanyone off. The logotype was designed in a constructed manner corresponding with the nature of Loft's approach when developing new products. A bold graphical approach, with bright colours, strong typography and use of infographics, was chosen in order to establish a feel of trust and illustrate the steady hands (or analytic minds) of the individuals steering the company.
Visit our website for bigger images and more work: www.lundgrenlindqvist.se
The Inspiration Gallery
By categorizing projects both by type (e.g. book), printing technique/s (e.g. embossing) and paper type (e.g. uncoated) we allow visitors to sort projects according to interest. Perhaps a designer wants to see what silver foil on coated and uncoated paper looks like before making a final decision on which one to go for? The Inspiration Gallery will then serve as an aid in helping the designer making a well informed decision.
The second part of the project was art directing and photographing all the projects that were to be featured in the gallery. Wanting to release the site with a solid number of posts, we gathered quite a few pieces of printed matter from the GBGT archive (32 projects resulting in a total of 145 images) that we shot together with photographer Cora Hillebrand. Mixing overview images with close-ups and detail shots we displayed both the objects in full and specific printing techniques.
- Designing the Inspiration Gallery proved to be quite a challenge. With a large amount of images, there was a need to keep each post in the overview section rather small. At the same time, as many images highlight a certain printing technique, there was a need for an option of easily switching to large scale images. This was solved by designing three different gallery layouts.
The Thumbnail Overview allows the visitor to get a quick overview of the projects. The Gallery View is more of a classic blog layout with larger images and additional information. The next step, the Fullscreen View, maximizes the images on the screen while still offering an easy way of navigating, either through using the arrow keys or the mouse. By hovering the left and right edges of the screen, a part of the previous or next image slides into view.The multiple layouts also ensure that the website is visually attractive and function well across all devices and platforms.
Switching between the different gallery views is seamless. By clicking a thumbnail, the thumbnails of that specific post grows to gallery size and clicking an image again leads to the fullscreen view. The same seamlessness is utilized throughout the site for a smooth browsing experience. Many sections of the site can be collapsed in order to swiftly reach content further down. In many sections, additional content appear automatically when a user interacts with an element. For instance, a full thumbnail overview (containing every image in that project) appear when the visitor hover a thumbnail on the main page and images of staff members appear when the visitor hover their names in the contact section.
Discuss This Project: ( Comments)