24
Patricia Brady Website Production Portfolio Tel. 206-248-9462 Email [email protected]

Patricia Brady - Docu-Traindocutrain.com/PatriciaJBrady/PatriciaBradyWebDevPortfolio.pdf · Patricia Brady Website Production Portfolio . Tel. 206-248-9462 . Email [email protected]

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Patricia Brady - Docu-Traindocutrain.com/PatriciaJBrady/PatriciaBradyWebDevPortfolio.pdf · Patricia Brady Website Production Portfolio . Tel. 206-248-9462 . Email Pbpb67@gmail.com

Patricia Brady

Website Production Portfolio Tel. 206-248-9462

Email [email protected]

Page 2: Patricia Brady - Docu-Traindocutrain.com/PatriciaJBrady/PatriciaBradyWebDevPortfolio.pdf · Patricia Brady Website Production Portfolio . Tel. 206-248-9462 . Email Pbpb67@gmail.com

Experience and Skills

• Creating web sites since 1998 – Web Site Design and Development – User Interface Design – Front End Development in HTML, CSS, Javascript, SQL – Database Interaction – Internal and External Search Engine Optimization – Graphics – Copywriting – Content Management – Website Analytics

Page 3: Patricia Brady - Docu-Traindocutrain.com/PatriciaJBrady/PatriciaBradyWebDevPortfolio.pdf · Patricia Brady Website Production Portfolio . Tel. 206-248-9462 . Email Pbpb67@gmail.com

Website: AcmeWidget • The following describes portions of a web application

that I am currently creating, which allows a company to enter its products into a database, and then displayed online to customers.

• Customers can select products, save them to their account, and request more information about the products.

• The application is written in HTML, CSS, JavaScript, SQL and ASP.

• The site is not yet posted to the public for demo purposes due to proprietary information.

• Please call for a live demonstration.

Page 4: Patricia Brady - Docu-Traindocutrain.com/PatriciaJBrady/PatriciaBradyWebDevPortfolio.pdf · Patricia Brady Website Production Portfolio . Tel. 206-248-9462 . Email Pbpb67@gmail.com

The home page contains an overview of the company services, and a list of the newest products and services generated from the database. The third column of the page provides quick links to common pages. The header includes a pull down menu written in CSS. The main objective for navigating this site is for the user to reach the information they are seeking with no more than 3 clicks. The MySQL database contains numerous tables which include product data and customer information.

Page 5: Patricia Brady - Docu-Traindocutrain.com/PatriciaJBrady/PatriciaBradyWebDevPortfolio.pdf · Patricia Brady Website Production Portfolio . Tel. 206-248-9462 . Email Pbpb67@gmail.com

There are many forms within the website which include inline validation written in JavaScript. Here is a form for users to sign up for an account. All fields with an asterisk are required. If the user goes on to the next field without entering information, a message appears indicating that they need to fill in the field.

Page 6: Patricia Brady - Docu-Traindocutrain.com/PatriciaJBrady/PatriciaBradyWebDevPortfolio.pdf · Patricia Brady Website Production Portfolio . Tel. 206-248-9462 . Email Pbpb67@gmail.com

Users can search the database for products by inputting specific criteria.

Page 7: Patricia Brady - Docu-Traindocutrain.com/PatriciaJBrady/PatriciaBradyWebDevPortfolio.pdf · Patricia Brady Website Production Portfolio . Tel. 206-248-9462 . Email Pbpb67@gmail.com

The Product Search form changes depending on the Category radio button selected.

Page 8: Patricia Brady - Docu-Traindocutrain.com/PatriciaJBrady/PatriciaBradyWebDevPortfolio.pdf · Patricia Brady Website Production Portfolio . Tel. 206-248-9462 . Email Pbpb67@gmail.com

The results above were generated by selecting Category 1, and choosing “Accounting” from the Business Function drop-down box. Users can click on a Product Number to display all of the details of the product.

Page 9: Patricia Brady - Docu-Traindocutrain.com/PatriciaJBrady/PatriciaBradyWebDevPortfolio.pdf · Patricia Brady Website Production Portfolio . Tel. 206-248-9462 . Email Pbpb67@gmail.com

Website: Docu-Train, Inc.

• Please view the live site at http://www.docutrain.com

Page 10: Patricia Brady - Docu-Traindocutrain.com/PatriciaJBrady/PatriciaBradyWebDevPortfolio.pdf · Patricia Brady Website Production Portfolio . Tel. 206-248-9462 . Email Pbpb67@gmail.com

Website: financialsvc.vc.pmi.org • I managed and maintained the website for the PMI Financial Services Industry Community of

Practice for three years. • Responsible for executing and updating the community’s business plan and ensuring the

community’s alignment to the PMI Strategic Plan in accordance with the annual Strategic Alignment Planning and Reporting cycle.

• Defined the communication protocols and processes, including identification of delivery mechanisms to disseminate knowledge and key messages to members.

• Coordinated marketing and outreach activities for the community. • Planned and delivered services including frequently asked question, member communications, and

member recognition and scorecard. • Planned, developed and implemented communication strategies. • Adhered to PMI intellectual property guidelines. • Ensured that members were able find important data and information. • Created forums, blogs, chat rooms, e-mail, the community site, and similar media as delivery tools

for communication. • Created and maintained community public relations, sent out invitations and marketing materials. • Lead a team of web developers, social media editor and statistician. • The website was produced using the DotNetNuke content management system.

Page 11: Patricia Brady - Docu-Traindocutrain.com/PatriciaJBrady/PatriciaBradyWebDevPortfolio.pdf · Patricia Brady Website Production Portfolio . Tel. 206-248-9462 . Email Pbpb67@gmail.com
Page 12: Patricia Brady - Docu-Traindocutrain.com/PatriciaJBrady/PatriciaBradyWebDevPortfolio.pdf · Patricia Brady Website Production Portfolio . Tel. 206-248-9462 . Email Pbpb67@gmail.com

Website: Falkcorp.com

• I maintained the website for Falk Corporation (acquired by Rexnord) for about 10 years.

• The site went through three redesigns during my tenure there.

Page 13: Patricia Brady - Docu-Traindocutrain.com/PatriciaJBrady/PatriciaBradyWebDevPortfolio.pdf · Patricia Brady Website Production Portfolio . Tel. 206-248-9462 . Email Pbpb67@gmail.com

• Home Page for the first site design

Page 14: Patricia Brady - Docu-Traindocutrain.com/PatriciaJBrady/PatriciaBradyWebDevPortfolio.pdf · Patricia Brady Website Production Portfolio . Tel. 206-248-9462 . Email Pbpb67@gmail.com

• Secondary page for the first site design

Page 15: Patricia Brady - Docu-Traindocutrain.com/PatriciaJBrady/PatriciaBradyWebDevPortfolio.pdf · Patricia Brady Website Production Portfolio . Tel. 206-248-9462 . Email Pbpb67@gmail.com

• Third level page for the first site design

Page 16: Patricia Brady - Docu-Traindocutrain.com/PatriciaJBrady/PatriciaBradyWebDevPortfolio.pdf · Patricia Brady Website Production Portfolio . Tel. 206-248-9462 . Email Pbpb67@gmail.com

• This is the first redesign the Falk website. The artwork for the main page was created by an outside advertising firm. I produced the web version of the home page with only a tiff image file provided by the vendor.

Page 17: Patricia Brady - Docu-Traindocutrain.com/PatriciaJBrady/PatriciaBradyWebDevPortfolio.pdf · Patricia Brady Website Production Portfolio . Tel. 206-248-9462 . Email Pbpb67@gmail.com

• I added code to detect the monitor size that was being used to browse the site, and redirected the user to either an 800x600, 1024x720, or 1024x720 window size.

Page 18: Patricia Brady - Docu-Traindocutrain.com/PatriciaJBrady/PatriciaBradyWebDevPortfolio.pdf · Patricia Brady Website Production Portfolio . Tel. 206-248-9462 . Email Pbpb67@gmail.com

• Pull-down menus for this site were coded in Javascript. • I created a template for the secondary pages and used framesets for the header

and the side bar menu. • The navigation was structured with the objective that the end user could get to

the information they were looking for within 3 clicks.

Page 19: Patricia Brady - Docu-Traindocutrain.com/PatriciaJBrady/PatriciaBradyWebDevPortfolio.pdf · Patricia Brady Website Production Portfolio . Tel. 206-248-9462 . Email Pbpb67@gmail.com

• Because the site was designed for various monitor sizes, I made the text responsive so that it would automatically wrap when the window was resized instead of remaining static.

Page 20: Patricia Brady - Docu-Traindocutrain.com/PatriciaJBrady/PatriciaBradyWebDevPortfolio.pdf · Patricia Brady Website Production Portfolio . Tel. 206-248-9462 . Email Pbpb67@gmail.com

• I added a search feature to the site so that customers could find information faster.

Page 21: Patricia Brady - Docu-Traindocutrain.com/PatriciaJBrady/PatriciaBradyWebDevPortfolio.pdf · Patricia Brady Website Production Portfolio . Tel. 206-248-9462 . Email Pbpb67@gmail.com

• The next redesign occurred after Rexnord acquired Falk Corporation. We had to combine Falk’s products and services with Rexnord’s, so we added tabs to the top of the menu hierarchy.

• We moved the search feature to the front page and added a link to the site map. • I eliminated all framesets and used include statements to generate the header,

footer, menus, sidebars on each page.

Page 22: Patricia Brady - Docu-Traindocutrain.com/PatriciaJBrady/PatriciaBradyWebDevPortfolio.pdf · Patricia Brady Website Production Portfolio . Tel. 206-248-9462 . Email Pbpb67@gmail.com

• Once the user selected a tab from the top menu, a secondary page would appear including a pull-down menu that was associated with the tab selection.

Page 23: Patricia Brady - Docu-Traindocutrain.com/PatriciaJBrady/PatriciaBradyWebDevPortfolio.pdf · Patricia Brady Website Production Portfolio . Tel. 206-248-9462 . Email Pbpb67@gmail.com

• Third level pages included a side navigation bar on the left with links that were associated with the product.

• I also added breadcrumbs so that users could step back through the website hierarchy.

Page 24: Patricia Brady - Docu-Traindocutrain.com/PatriciaJBrady/PatriciaBradyWebDevPortfolio.pdf · Patricia Brady Website Production Portfolio . Tel. 206-248-9462 . Email Pbpb67@gmail.com

Patricia Brady

Thank you. Tel. 206-248-9462

Email [email protected]