Week 11: Final Thoughts
This is the last week!! Finals! We have finished with the final touches to our CurrentSF website! Happy!
Check out the final website for CurrentSF!
My final thoughts for this website is that I really like how it turned out. I chose the right design layout for this type of events website with two columns content. The pagination coding for number of pages really worked well with the event posts. Most of all, the functionality works, so everything works! I am most proud of our team all working together and putting everything together. We all agreed on what to have on the website.
Week 9:
Macromedia/Web Page Final Project Rubric
Our CurrentSF layout website is 95% finished yet. Looks a lot of information and technical part of the website is complete. Using the rubric scale, here are the results after critiquing:
Design: 4 points
"The page design is visually pleasing, supports the page content, and is appropriate for its intended audience." Used the right kind of blog-like content boxes for a news event website. Very appropriate of the having the sidebar with social plug-ins and search engine bar because mostly sidebars are less important or have advertisements that people ignore.
Week 8:
[EDIT 12/9/10]
Usability Testing for CurrentSF
Since I did the usability testing wrong last week, time for redo.
For our website, I asked my brother to do the usability testing. Since he does not go to an art school, maybe he can tell us about our website. He knows how to use a computer. I explained to him what the website is first before testing. The hot spots of the website was the slider, the event posts, and a little of the navigation. Simple layout. First thing he said that draw his attention was the preview slider.
"The big image and flashing of the news caught my attention first."
Week 7:
For our website, we have a lot of images and content. These multimedia element can enhance our group project. We will provide alternate views of multimedia content. In doing so, our information becomes accessible to everyone. For example, we will have text alternatives for the images for people who have disability or pictures that could not load. For low-vision users, text can be magnified by raising the text size or window size. We don't have any sound or videos on the website. However, we do have a small slideshow or preview of animation for displaying events. All the content and preview are drawn from RSS feed. The preview display are only the featured events with provided links for users to click. They are not distractions unless we put featured and important content on the preview slide to lure users to read on.
Week 6:
Self-evaluations:
The schedule is going fine. We have done most of the coding already, just the RSS feed we need to draw information from and the calendar. The overall design and all the images took longer to make than I expected..fixing the navigation images. Everyone is doing their part of the job. We still need to finish up with the contract, technical plan, and content soon! Plus, the good part, we are working hard together and doing a good job!
What you did for your group project this week, how you think this adds to the overall success of the project, and give examples of the site's strongest and weakest elements.
This week, what I did was make all the navigation images, revise and fix more of the wireframe layout in how the website should look like.
Week 5:
As I said before, the page design is made for the updates of events and news in San Francisco. The colors varies from different tints and shades of green and blue. For the background, I might make it gradient from sky blue to dark blue. For the footer, we will be putting up a large image of the Golden Gate bridge, so we want the top to look like the sky to all the bottom of the dark blue ocean. The headers are green gradients. I added drop shadow for the content and banner. We have 2 columns. On the right side are the calendar, Facebook, and Twitter updates/feeds. We will have a search bar/engine on the top right. On the left are the main content of featured events are all events and news.
The width of the layout is 1000px. The length has no height, it can extend as long as it can depending on how many posts we put on the page. We decided this size because most browsers are as least 1024px in width. It is wide enough to have 2 columns of content. I think it is a good size, not too wide nor thin. There is no accurate height in pixels. The content will be scrollable, so the content is not all laid out right on the top of the page. There is just too much content, so that's why we separate the events and news into 3 different categories.
Week 4:
Here's a current page layout of the website for Current SF. This is a wireframe of the site:
I will guide you through what will be on the website. On top is the branding and the logo on the banner. We decided to use a Golden Gate bridge and currents of the water part of the logo.
Week 3:
Website name: CurrentSF / Current SF
Logo theme: SF bridge + current waves
I'm going to make more changes to the colors again. This week, I'm working on the colors of the layout. I'm also making the logo in Illustrator. I'm trying to make something that match the name of the website: CurrentSF. Choosing the colors is hard. I can't decide what to use and kept changing the colors. I'm trying to fit the logo onto a banner and testing it. Also, my group wanted some kind of big image on the bottom of the website in the footer. I will need to make a large illustration and make it look nice. I showed them my wireframe layout for the site. I'm also thinking of making graphics with gradients.
[EDIT]
Week 2
Changes:
In class, our group discussed the kind of website we are going to make. We thought of the topics and the pages for the website. We looked at other news and magazine websites to look for examples. We finally decided to narrow it down to find events about San Francisco. The website is community-based and events drawn from RSS Feed. We decided to make 2 stylesheets; one for web and another for iPhone application. We talked about the target audience as well. My contribution to the group project was showing my sketches of the layout. We discussed the colors for the site. We are going to have a calendar.
For my part of the role as Art Director, I will scan the sketches of the layout, choose color scheme, font styles, and create wireframe of how the layout might look.
Pages: Home, Art, Food, Music
Week 1:
This is my outline for the group project. We have not confirmed on all the detailed yet. Changes may apply as we discuss more later on.
Group Name:
Alpha Dogs
Group Members & Roles:
Project Manager -- Sam Alegria
Content Editor -- Tyler Souza
Technical Engineer -- Melissa Picardo
Technical Engineer --
Richard Navarro
Art Director -- Susan Lei
Concept:
We are creating a community website. We are creating a magazine on current events and updated news. The magazinewill be based on being in San Francisco.
