Portland Classical Chinese Garden: Website Redesign

Size: px

Start display at page:

Download "Portland Classical Chinese Garden: Website Redesign"

Preston Ramsey
5 years ago
Views:

1 Portland Classical Chinese Garden: Website Redesign PCCG Information rchitecture v 2.0 DRFT VERSION February 18, 2008 ISITE Design, Inc. 1

2 Site Map Home Primary Navigation The Garden Visiting Events & Classes Rental Members & Partners Learning Gift Shop bout Us Secondary and Tertiary Navigation Mission Hours & dmission Signature Events Garden Membership Levels 5 Elements Our Brand For the Media History & Culture Directions & Parking More Events & Classes Tea House Business Memberships View the Garden Books & Media Media Photos bout the Garden Tea House What s Blooming Donate Bringing China to you Home & Garden Board of Directors D ccessibility Floor Plan Living Collection Group Tours Sponsorship Curriculum Jewelry & Charms Jobs & Volunteering Culture of Tea Photography Policy Member Profiles School Tours pparel Site Map Garden Resources Teacher Workshops Kids & Teens Contact Us Chinese Resources Visiting with Children nnual Report Virtual Tour China Links for Students Blue indicates page is just a concept and is currently outside of scope. Plant Collection Pages Plant Database Plant Collection Site 2

3 Page Templates What is a template? Header/Global Nav Header/Global Nav Header/Global Nav Templates are reusable layouts that allow a website to be designed and built in a shorter timeframe and at a lower cost. Every page in the sitemap is assigned to one of the templates to the right. Sub Nav photo content block Footer Footer Footer. Base Template B. Page Shell C. Home Page Template Header/Global Nav Header/Global Nav Header/Global Nav photo Sub Nav Sub Nav content block content block content block content block content block Footer Footer Footer D. 2nd Level Page Template E. 3rd Level Page Template F. Virtual Tour Page Template 3

4 Page Shell Page Shell Template. Brand Persistent PCCG brand and tag-line B. Primary Navigation High-level buckets that contain all feature-driven content B SECTION NV Nav Item One Nav Item Two Nav Item Three C C. Right Channel Sub Navigation Sub-pages that live within each bucket in the Primary Navigation D. Call-Out Sections These are used to highlight section-level information that may be in another area of the site. They are optional and can be displayed only when needed. E. Footer Standard footer with a link to donate Page Content D Nav Item Four luctus. Read More» luctus. Read More» E 4

5 Primary Navigation Page Shell Template. Dropdown Styles Each nav element will have sub-navigation shown on hover. Sub-nav will be available across interior pages but this hover-style navigation helps the user quickly jump to different sections within the site. The dropdown menu items reflect the pages on the site map (page 2). Mission History & Culture bout the Garden Living Collections Culture of Tea Garden Resources Chinese Resources 5

6 HOME PGE Home Page Template. Photography Rotating images - create a strong visual impression that shows off the garden in all its glory B. Right Channel Quick information visitors are looking for such as location, hours and membership info C. Positioning Statement brief statement about the organization intended to engage the user NW 3rd and Everett Portland, OR TEL: Hours: November 1 - March 31 10:00am - 5:00pm pril 1 - October 31 9:00am - 6:00pm B D. Virtual Tour Call-Out This section calls out the virtual tour so users know they can explore the grounds online. The link takes them to the Virtual Tour page. E. Current Event This section highlights events in process at the garden. The link to more takes the user to the landing page for that particular event. Question to client: Before we propose this we wanted to make sure of one thing, will you always have a current event? C The mission of the Portland Classical Chinese Garden is to cultivate an oasis of tranquil beauty and harmony to inspire, engage, and educate our global community in the appreciation of a richly authentic Chinese culture. D Explore the Gardens consectetuer et ultrices posuere cubilia Curae; Vivamus urna. Quisque enim dui, fringilla eget, pharetra sit amet. Take Virtual Tour» dmission is $7 for adults, $6 for seniors, $5.50 for students, with children under 5 for free. With a membership admission is free for one year. Become a member and discover a path of your own in a magical garden which is never twice the same. F. Upcoming Event This section highlights future events at the garden. The link to view all upcoming events takes the user to the Events and Classes landing page. G. Garden Rental Callout This section calls out the garden rental so users know they can use the grounds for private events E Now at the Garden consectetuer et ultrices posuere cubilia Curae; Vivamus urna. Quisque enim dui, fringilla eget, pharetra sit amet. More» F Coming Soon consectetuer et ultrices posuere cubilia. More» View ll upcoming Events» G Interested in using the garden for your private event? The Portland Classical Chinese Garden is Portland s most unique event venue. More» 6

7 The Garden 2nd-Level Page Template. Photography Rotating images - create a strong visual impression that shows off the garden in all its glory B. Right Channel Sub Navigation Third-level buckets that falls within The Garden C. Positioning Statement brief statement about the garden intended to engage the user D. Garden History call-out for the user to read about the history of the garden. The link takes them to the full History page. THE GRDEN Mission History & Culture bout the Garden Living Collections Culture of Tea Garden Resources Chinese Resources Virtual Tour B E. Five Elements call-out for the user to read about the Five Elements. The link takes them to the Five Elements page. F. Living Collections call-out for the user to read about E.H. Wilson. The link takes them to the Living Collections page. G. s These are used to highlight section-level information that may be in another area of the site. They are optional and can be displayed only when needed. C E Created to nurture and inspire all who visit, this Garden is little changed from what might have greeted you during the Ming dynasty in China. It grew out of a friendship between Portland and Suzhou, a city renowned for its exquisite gardens. The Five Elements consectetuer et ultrices posuere cubilia Curae; Vivamus pharetra sit amet. More» D F Garden History consectetuer et ultrices posuere cubilia Curae; Vivamus urna. Quisque enim dui, fringilla eget, pharetra sit amet. More» Living Collections consectetuer et ultrices posuere cubilia urna. Quisque enim dui, fringilla eget,. More» G Nunc blandit. More» luctus. More» 7

8 History & Culture 3rd-Level Page Template This is an example of a third-level page. It contains detailed reading material for the engaged user. History & Culture Vestibulum rutrum purus sit amet massa. Suspendisse nec massa. Curabitur urna. Curabitur lobortis porttitor tortor. Praesent mollis, sapien at pharetra elementum, nulla sem pellentesque nisi, vulputate pretium magna arcu eu sapien. Maecenas nec ante. Sed tincidunt. Nulla nec mi vitae urna pulvinar tincidunt. Integer nisi lectus, adipiscing eget, venenatis at, fermentum eget, nulla. Curabitur tincidunt nisi vitae purus. Etiam dictum, mi in venenatis tincidunt, dui metus malesuada orci, sit amet molestie eros massa in nunc. Nulla porta auctor eros. a small caption for the photo goes here Morbi nisl turpis, adipiscing sit amet, sagittis vitae, sagittis ultricies, ante. Ut pulvinar, leo id commodo luctus, neque magna posuere velit, ac vestibulum odio arcu blandit purus. Sed lectus. Ut tincidunt mauris sit amet enim pharetra accumsan. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Phasellus enim. Nulla sagittis, diam eu commodo aliquam, nisl lorem ultrices justo, vitae interdum eros arcu hendrerit sapien. enean condimentum dictum arcu. Integer ipsum. In hac habitasse platea dictumst. Cras leo nisl, luctus non, vulputate quis, luctus vitae, nisl. Cras malesuada mollis massa. Nullam nec diam. liquam convallis consectetuer felis. Nulla pharetra lacus nec augue. Integer id nibh. In feugiat fermentum pede. Nullam hendrerit, sem ac ullamcorper sollicitudin, felis mauris adipiscing tortor, sed tincidunt elit nulla ut urna. Phasellus posuere. Donec urna ante, bibendum vel, viverra sit amet, placerat placerat, ligula. liquam mauris ligula, ultricies porttitor, tincidunt mattis, volutpat vel, nisl. Praesent quis ante. Phasellus feugiat accumsan risus. Mauris sed est sodales nibh venenatis pulvinar. Phasellus varius nisi id ligula. Pellentesque pulvinar ornare turpis. Sed fringilla enim id orci. Donec aliquet dictum quam. Vestibulum et ultrices posuere cubilia Curae; Proin malesuada fringilla lacus. Integer aliquet. Curabitur rutrum augue ac libero. THE GRDEN Mission History & Culture bout the Garden Living Collections Culture of Tea Garden Resources Chinese Resources Virtual Tour Nunc blandit. More» luctus. More» Morbi sodales mi sit amet lacus. In lacus. Sed euismod ligula. Ut vestibulum elementum leo. Nunc sed dui. Nam non nisl non nunc dignissim lobortis. Quisque vehicula posuere orci. Mauris fringilla. Vestibulum nunc. Sed molestie, erat ac hendrerit tempus, est tellus sodales sem, id fringilla urna nibh a ligula. Maecenas venenatis sapien. Donec lacinia nibh quis arcu. Maecenas porttitor pellentesque diam. Quisque sapien ligula, semper nec, tempor vel, pharetra ac, sem. Phasellus viverra Page expansion is dependent on page content. 8

9 Virtual Tour Virtual Tour Page Template. Flash Virtual Tour Using the content found in the Never Twice The Same brochure, a flash tour showcases photos and quick bits of information about each area of PCCG Explore the gardens with our virtual tour. To tour the garden select any of the colored symbols. close X THE GRDEN Mission History & Culture bout the Garden Living Collections Culture of Tea Garden Resources Chinese Resources Virtual Tour photo Celestial House of Permeating Fragrance Scholars Study The Scholar s Study seves as a sanctuary for the master of the house. Here he writes poems, practices calligraphy and painting, listens to the rain drops on the banana leaves, and enjoys the fragrance of the winter blossums in the courtyard. Nunc blandit. More» luctus. More» photo 1 of 4 9

10 Visiting 2nd-Level Page Template. Photography Rotating images - create a strong visual impression that shows off the garden in all its glory B. Right Channel Sub Navigation Third-level buckets that falls within Visiting C. Positioning Statement brief statement about the garden intended to engage the user VISITING Tours Events Garden Rental Photography Policy B D. Group Tours call-out for the user to read about the tours offered. The link takes them to the Group Tours page. E. Private Events call-out for the user to read about private events. The link takes them to the Private Events page. F. Classes and Events call-out for the user to read about classes and events held at the garden. The link takes them to the Classes & Events page. G. s These are used to highlight section-level information that may be in another area of the site. They are optional and can be displayed only when needed. C E The Portland Classical Chinese Garden is an authentic Ming Dynasty style garden. Covered walkways, bridges, open colonnades, pavilions and a richly planted landscape, creating views that are never twice the same. Use the Garden for your Next Wedding or Private Event consectetuer pharetra sit amet. More» D F Events and Classes consectetuer et ultrices posuere cubilia urna. Quisque enim dui, fringilla eget,. View ll» Group Tours consectetuer et ultrices posuere cubilia Curae; Vivamus urna. Quisque enim dui, fringilla eget, pharetra sit amet. More» G ttention all Teachers! Bringing in your class to learn more about Chinese culture and history? We have useful presentations as well as fun worksheets for the kids to fill out. More» What s Blooming? luctus. Download a PDF» D ccessibility luctus. Download a PDF» 10

11 Membership 2nd-Level Page Template. Photography Rotating images - create a strong visual impression that shows off the garden in all its glory B. Right Channel Sub Navigation Member levels tell details about the different memberships and Sponsors and Donations are cross links to their pages. C. Positioning Statement brief statement about the garden intended to engage the user MEMBERS & PRTNERS Membership Levels Business Memberships Donate Sponsorship Member Profiles B D. Member Levels call-out for the user to read about themembership offered. The link takes them to the Membership Levels page. E. Member Profiles Links to a page of testimonials. F. Membership Benefits Simple item list. Does not link to anything. G. s These are used to highlight section-level information that may be in another area of the site. They are optional and can be displayed only when needed. C E Seeking to create tranquility in the very heart of the D city, Membership offers you endless wonder and the chance to discover a path of your own in a magical Garden which is never twice the same. Julie Brown, member since 1985 consectetuer pharetra sit amet. More» F Membership Levels There are nine different ways you can become a member. Vestibulum ante luctus et elit. Nunc ultrices posuere cubilia urna. View ll Member Levels» Membership Benefits. Daytime admission to the Garden Subscription to the Garden s Newsletter 10% Discount at the Gift Shop andtea House Invitations to Special Members Only Events discount of up to 20% on garden classes and programs G Interested in higher levels of membership, corporate giving, or purchasing gift memberships for special occasions? Please us or call 503/ x 1003 for more information. Don t forget that if you purchase a membership the same day you visit the Garden, your membership price will be reduced by your ticket admission! sk for details on your next visit. Become a Sponsor luctus. More» 11

12 Gift Shop 2nd-Level Page Template. Photography Rotating images - create a strong visual impression that shows off the garden in all its glory B. Right Channel Sub Navigation Second-level buckets that falls within Gift Shop C. Positioning Statement brief statement about the garden intended to engage the user. GIFT SHOP Our Brand (9) Books & Media (9) Home & Garden (4) Jewelry & Charms (5) pparel (9) Kids & Teens (10) B D. Jewelry cal-out for the user to see a featured piece of jewelry. The link takes them to the Jewelry page. E. Books and Media call-out for the user to read about a featured book. The link takes them to the Books & Media page. F. Home and Garden call-out for the user to read about a featured Home & Garden item. The link takes them to the Home and Garden page. G. Hours and Shipping Info This information would be standard on all gift shop pages. C D The Portland Classical Chinese Garden is pleased to offer its many patrons a seasonal selection of fine gifts and home decor. The gift shop can be accessed without entering the Garden and is located on the corner of NW Third & Everett. Stone Truth Bracelet This striking bracelet is made with an assortment of assembled beads including yellow turquoise, Chinese carved jade, bone, sterling silver and brass. $34.95 View ll Jewelry» E F Listen to the Fragrance Listen to the Fragrance will engage readers in the poetic conversation deeply embedded within the landscape of classical Chinese gardens. $14.95 View ll Books and Media» Garden Dragon This is a three piece dragon for the garden, complete with stakes. Durable enough to withstand our Northwest winters; a whimsical addition to any garden. $94.95 View ll Home and Garden» G Shipping and Handling Charges Please call ext or us at giftstore@ portlandchinesegarden.org for information on domestic and international shipping. Store Hours The Gift Store is open the same hours as the Portland Classical Chinese Garden. Novemer 1 - March 31: 10:00 am - 5:00 pm pril 1 - October 31: 9:00 am - 6:00 pm Hours are listed in Pacific Time. 12

13 The Five Elements 3rd-Level Page Template This is an example of a third level gift shop page. It contains items available in the gift shop. * If you plan on adding many items to the site, then perhaps pagination is needed. But if you plan on keeping it to such a minimal number of items, I think the user would appreciate not having to jump between pages. Simple vertical scrolling may be the best option. Books & Media Listen To The Fragrance The Portland Classical Chinese Garden, Lan Su Yuan, grew out of a friendship between the sister cities of Portland, Oregon and Suzhou, a Chinese city renowned for its ancient gardens. Lan Su Yuan - poetically named the Garden of wakening Orchids - is a microcosm of nature s splendors contained in an urban setting. Created to nurture and inspire all who visit, this classical garden is little changed from what might have greeted visitors during China s Ming dynasty. In Chinese tradition, garden landscape without poetry is not complete, and Lan Su Yuan is graced with a wealth of poetic inscriptions. In Listen to the Fragrance, Professor Charles Wu provides translation and insightful commentary, guiding us on a literary tour of the garden and revealing hidden meaning among its flowers, moving water, Lake Tai rocks, and elegant architecture. With stories and legends from ancient dynasties and images of scenic wonders from China s vast history, the inscriptions deepen our appreciation of Lan Su Yuan s beauty. The rich canon of classical Chinese poetry enhances the garden as a new setting for China s enduring culture. Listen to the Fragrance will engage readers in the poetic conversation deeply embedded within the landscape of classical Chinese gardens. GIFT SHOP Our Brand (9) Books & Media (9) Home & Garden (4) Jewelry & Charms (5) pparel (9) Kids & Teens (10) Shipping and Handling Charges Please call ext or us at giftstore@ portlandchinesegarden.org for information on domestic and international shipping. Store Hours The Gift Store is open the same hours as the Portland Classical Chinese Garden. $ Garden members enjoy a 10% discount on all reguarly priced merchandise. Stop by and check us out! The Garden Plants of China by Peter Valder This book is an essential reference for everyone who grows or is given pleasure by the garden plants of China, for those who like to read about them or admire their depictions in Chinese paintings and decorative art, for those interested in garden Novemer 1 - March 31: 10:00 am - 5:00 pm pril 1 - October 31: 9:00 am - 6:00 pm Hours are listed in Pacific Time. Page expansion is dependent on page content. 13

Marble Arch, Chandigarh

Marble Arch, Chandigarh an illustrated monograph with detailed drawings photography: andre j fanthome edmund sumner dave ten hoope a education publication 2013 Published by education All rights reserved.