Website Design / The Gardens at Applecross
Adding to the Brand
The Gardens at Applecross is the second location of this wedding brand in Pennsylvania. The website development included carrying forward and building on the established brand into the design, writing, and messaging. Prior to the website for this location, the location’s information was incorporated into the primary site
which can be viewed here and here.
The website design incorporates the core elements of the original website to ensure brand consistency across both websites. The brand’s color palette and the usage of color as a design element was carried forward into the new site. While the look and feel of the visual brand was carried forward into this new site design, the use of typography and newly created graphic elements ensures the two sites are both unique while working as one to strengthen The Gardens wedding brand.
“The typography, color palette, visual feel, and messaging are consistent across the two sites to ensure both websites represent the brand with equal strength.” Carrying forward the style, feel, and tone of the writing, the website’s content deepens the messaging and writing established in the brand development. This ensures consistency across both sites, and enables both websites to equally represent the brand.”
In the approach to the design of the site, carrying forward the established visual brand while creating a completely independent website was essential. The graphics, messaging, writing, and flexible design language enables the two websites to work both independently and together to equally represent the brand. Originally updated when the second location was added to the original website, the graphic elements in both websites work together under the umbrella of the visual brand.
Built for Wordpress, the site is responsive in functionality, with the layout tailored to mobile, tablet, and desktop browsers. The images that serve as the navigation are full width on tall browsers and tiled across on wide browsers. The size of elements, the use of space, and the distance between the site elements are also tailored to the device’s landscape or portrait orientation.
The structure of the website enables content for the original location to be added if needed, and would easily work with the content and pages of this website without an extensive amount of time or effort. As part of the planning and development process, the website architecture, content structure, organization, and future website additions are essential to the development of a website.
While the original site remains the flagship website for the brand and promotes both locations, this website increases the visibility of the business, strengthens brand equity, and provides additional opportunities for marketing and advertising.
A Responsive Approach to Design
Using a responsive approach in the website layout and design, on tall browsers for mobile devices, the navigation is full width across. While on wide browsers the navigation is tiled across. This delivers a better viewing experience. In the principles of responsive design, the size of elements, the use of space, and the distance between the site elements should be tailored to the device’s landscape or portrait orientation.
Project Summary & Notes
Because tall and wide orientation is a natural conflict of layout, responsive design is a challenging task. The usage of space, distance, size, and visual orientation are essential ingredients to being able to achieve responsive design. Read More. In addition to having layouts skills, swapping in wide images for tall images, changing dimensions of elements, and eliminating certain page elements are also essential to building a responsive website.
Achieving responsive design is in the process and approach. Because wide and tall spaces naturally conflict with each other, balance becomes important. Responsive design is almost about finding a happy medium. To mediate a middle ground between wide dimensions and tall dimensions. The responsive approach should be applied in the design for all mediums. In today’s world where there’s an extensive amount of platforms with different dimensions, responsive design is almost a prerequisite of all creative development, including logo design, layout for advertising design, messaging, written content, and website design.