Functionality of Design (UX Design)
ATTN: The Client
RE: Functionality of Website
- What is accomplished by this website?
- Primarily, this website acts as a portfolio for Carlos Gomez, that shows his previous works in Videos, Writings, Photos, and Other Works (currently in Comics and Doodles).
- Users can follow Carlos Gomez through other outlets in social media of Facebook, Tumblr, YouTube, Twitter, and Instagram.
- A way to contact Carlos Gomez.
- How Should the User Be Able to Use the Website?
- Search (for text) on the website through footer widget.
- Link to social media accounts of YouTube, Facebook, Twitter, Instagram, Tumblr.
- Access to recent tweets (3 posts) through Twitter feed widget on footer that allows them to access Twitter account and perform normal activities like retweeting and liking a tweet.
- The user can look at previous works through Menu tabs of Videos, Writings, Photos, Other Work (that has within it, Comics and Doodles sections), which lead to corresponding works associated to those menu heads.
- There is another way to reach other previous works through a menu in the footer titled “Collective Works” that leads to works in all the areas listed above.
- Access to pages and posts corresponding to menu tabs and subheads (e.g. Writings leads user to my writings, etc.)
- Access to video gallery through “Videos” menu tabs.
- Access to photo slide show through “Photos” menu tabs.
- View PDFs of works available in PDF format (Photo essay example)
- Leave comments on posts.
- Share videos with others via their social media by clicking “Share this” on the upper-right corner of videos.
- A way to contact me through contact form through the website in “Get in Touch” section.
- Responsive Design?
- The website can be used across multiple screens, including mobile devices because of its responsive design.
- What Tools Should the Website Manager Have (What Controls Are There)?
- Through WordPress, the manager would be able to create/edit pages and posts, attach tags or assign categories to those posts, customize/change themes, upload media, handle comments, create users, manage plugins, and other standard WP tools.
- Usage Statistics (through Jetpack plugin)
- Site-building tools (through WordPress tools)
- Photo/Video gallery (through NextGen, Gallery plugins, or through WP)
- Backup/restore system (via WP)
- Caching system (using WP Fastest Cache plugin)
- Website security (through Sucuri Security, BulletProof Security, Akismet Anti-Spam, and Loginizer plugins.)
- Manage updates of plugins.
- What are the Public Facing Structures?
- Header Media presents a short film done by Carlos Gomez once starting. On-mobile, instead of the short film a head media, a photo image is present in its place.
- Menu Heads of Home, Videos, Writings, Photos, Other Works, About Me, and subheadings corresponding to the works within those subjects.
- Home page that presents recent posts.
- Video page that has a slideshow of videos created.
- Subhead pages of each of the 3 videos created that are featured in the slide show.
- Writing category that presents all uploaded writings.
- Subhead page for each individual writing (named after title of writing)
- Photo page that leads to a slide show with photos.
- Subhead page for each individual photo collection/essay
- Other Works category that presents alternative works that don’t fit in other categories, such as comics and doodles.
- Subhead categories of Doodles and Comics that each lead to works under those medium.
- About Me page that leads to a little description of Carlos Gomez.
- Subhead page of a contact form titled “Get in Touch” so that users can contact Carlos Gomez.
- Footer 1 contains Twitter feed of recent (last 3) tweets from Carlos Gomez.
- Footer 2 contains: Description of Website called “What’s This?” search tool dubbed “Use This to Find Stuff,” and an alternative menu titled Collective Works that has the menu headings of Videos (with subheadings to each video created), Writings, Photos, and Other Works (with subheadings to Doodles and Comics).
- Bottom of the page has additional social media links to Facebook, Twitter, Instagram, Tumblr, and YouTube.
COMM DESIGN CONTRACT
between Carlos Gomez (hereafter, DEVELOPER)
David Gross (hereafter, CLIENT)
This document constitutes the contract between the above-mentioned parties.
The project is to create a website/online-portfolio for Carlos Gomez for the CLIENT to grade, on the basis of its ability to help promote Carlos Gomez’s talents to potential employees, collaborators, funders, and clients. The project includes research, programming, structural design, graphic design, page production, and more as it heads to the final stage.
The website will be based on an existing WordPress theme to reduce costs and improve stability. The website will include the following sections:
- Videos (with subsections for each video)
- Writings (with subsections for each piece of writing)
- Photos (with subsections for each collection of photos/photo essays)
- Other Works (with subheadings of Doodles, and another labeled Comics, that each have subsections that lead to works pertaining to that type of medium)
- About Me (that leads to a subsection titled “Get In Touch” that leads to a contact form for users to contact Carlos Gomez)
Stages of the Project
The project will be complete in five stages:
This section focuses on dealing with brainstorming sessions with CLIENT, the development of a PITCH LETTER and CONTRACT.
This section deals with finalizing a schedule, a budget, and deadlines between the CLIENT and DEVELOPER. MARCH 16TH is the date reached to finalize the project. (SEE PROJECT SCHEDULE for other dates relevant to the project).
This section revolves around handling the structure and functional design:
-Functionality of the website
-Structure and content categories of website content
-WordPress theme which will be adapted for the website
-Graphic Design (visual design and adaptation of the WordPress theme)
-Production (creation of pages with that showcase provided content, including creation of other graphic elements if needed to further supplement the website, etc.)
This section revolves around quality control of the entire website. DEVELOPER will make changes and approval from the CLIENT as this phase commences to finalize the website for desired use.
In this section documentation and password sharing will be provided for CLIENT of the finalized website.
*THE PROJECT SCHEDULE OUTLINES IN DETAIL DATES AND STEPS NOT OUTLINED IN-DEPTH ON THIS CONTRACT. REFER TO THAT DOCUMENTATION AS DEVELOPMENT OF THIS PROJECT PROCEEDS.
CLIENT agrees to provide, as required:
The necessary guidance that will help create a successful e-portfolio/website for Carlos Gomez.
All work will be finished by March 16, 2017. Changes or delays by CLIENT may change this deadline.
The entire project as agreed will cost the letter grade of an A/A+ (OR a lesser grade within the A-F grading system, based on critique that justifies grade) and $1,500 dollars.
CLIENT agrees to pay $500 upon approval of this contract.
CLIENT agrees to pay $500 will be paid upon approval of the “Graphic Design” stage of the project.
CLIENT agrees to pay the remaining balance of $500 within 7 days after acceptance of the final product (“production” stage).
Any additional work not previously agreed upon will be charged at $100/hr. Payments are due within 15 days of invoicing. DEVELOPER may choose to charge 1.8% per month interest penalty for late payments.
CLIENT has full use rights to all software, graphic design, and writing created by DEVELOPER for this project. All rights pertaining to software and design purchased for the project will be determined by the terms of those purchases.
CLIENT may terminate work at any time and agrees to pay for all completed stages, and one-half of the current stage of work if it is in progress. For example, if CLIENT terminates the project during the “graphic design” stage, CLIENT will pay for the “structure and functional design” stage and one-half of the “graphic design” stage.
The jurisdiction for disputes about this contract is the Communications Department at California State University, East Bay.
“I have read this agreement and I agree to its terms.”
_________________________ date: _____________
_________________________ date: _____________