Les Renovations Bruneau | Web and UI Design
Construction & Renovations Company, Montréal QC
Concept
The concept of the website was to present professionalism of Les Renovations Bruneau, construction and renovations company in the worldwide web of internet. The website was built from scratch and has absolutely custom and unique design including graphics and images. In close collaboration with the management, the first step was to define a list of requirements and expectations.
Site Map and Wireframes
In the beginning, there were identified a few important goals before the website got its first look on the web browser. The first step was a simple and clear description of the company and provided services. The second goal was to include a portfolio of projects “Before” renovations and “After”. In this case, it is very friendly to show done projects for clients inspiration. CEO had also reviews from his clients that he wanted to share at the Testimonials page. Once all the components were defined it was the time to create a site map and first wireframe.
Challenges & Solution
The website was written at Adobe Dreamweaver and has unique HTML and CSS code. The creative process included a lot of work with photo correction using Adobe Photoshop for resizing pictures and “cleaning” them from unnecessary information. Every page on this website has different custom banners and badges to emphasize the original design. That part was built at Adobe Illustrator.
As a final result, the website has a light, beautiful look. It contains many graphics elements as shadows, rounded corners and gives the illusion of deep design by changing the transparency of layers.
Logo & Business Card Design
Going a few steps back, it’s important to mention that this project started from the point when the first sketch of the logo was done by the client and had needed a professional touch to set up positions of the lines, text, fonts, and colors.
The general concept of design had to stay clear and understandable, with a few construction elements, name in capital letters, slogan and company's contact information to be available for interested clients.
The final logo design package included the modified logo, the new business card, the files to print logo on t-shirts for employees, resizable and printable stickers on equipment and on the car.
Tools
Adobe Dreamweaver, Adobe Photoshop, Adobe Illustrator
