The Coffee Lounge Website Design and Plan Eileen Navarro.

Slides:



Advertisements
Similar presentations
1 Applied Digital Marketing Week 4 Segmentation Personas Scenarios.
Advertisements

Introducing the new MyGCU Portal Click your mouse button to begin.
Vincent Declercq MSIT 588 WEBSITE DESIGN FINAL PROJECT PRESENTATION.
Web 2.0: Concepts and Applications 5 Connecting People.
Mgt 240 Lecture Web Site Design Principles April 5, 2005.
Research into similar products - Thomas Wakelin 5310 Foundation Portfolio in Media.
INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.
Christ In Me Ministries Conceptual Model Presented By: Nicole Burrell, Erica Moore, Kimberly Sledge.
Web Design, 3 rd Edition 3 Planning a Successful Web Site: Part 1.
MM1950 Project Three – Team Development Group Members Calvin Canning Cara Eustace – Recorder Mei Butler – Facilitator Nadine Green - Presenter.
MIDI MATILDA Website: Press Contact: Booking Agents: Ryan Craven,Windish Agency Midi Matilda.
UNDERSTANDING WEB AND WEB PROJECT PLANNING AND DESIGNING AND EFFECTIVE WEBSITE Garni Dadaian.
Team 2 Kingston, Don, Yan, Sufian Aspired Cook challenge Quick Cook Only, Don’t Be Worried !
HTML and Designing Web Pages. u At its creation, the web was all about –Web pages were clumsily assembled –Web sites were accumulations of hyperlinked.
Welcome To Web Page Design Mr. Ursone. Accessing the Web Web Page: where you see text, graphics, sounds, etc. Web Page: where you see text, graphics,
Step 2. Who are the Competitors? Internet Speculative Fiction Database-this site is the closest to my own. I plan to make something that is functionally.
Design Specifications Prepared for: ____________ Date.
Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.
Juber Ali Unit 20 Reviewing Animations By Juber Ali.
Web Site D e s i g n and Usability INBS 510--Introduction to Internet Business Presented by Gita Persad and Virna Wong.
Web Design Rules. #1 Easy to Read Includes: Includes: Navigation Navigation Color Color Text Text Graphics Graphics Backgrounds Backgrounds Borders Borders.
Advisor Websites: The Right Design + The Right Content = Success Andy Klausner & Angela Nielsen November 17, 2010.
12 Tips to Creating Effective Web Sites Don’t Make Sites that Suck!
Copyright © 2002 Pearson Education, Inc. Slide 8-1.
An Introduction To Websites With a little of help from “WebPages That Suck.
Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.
General Information: This document was created for use in the "Bridges to Computing" project of Brooklyn College. This work is licensed under the Creative.
Website Analysis of By: Taylor Lazzell.
Better Portal Team Alpha's. General idea... * User friendly - affordances! * Clean, Not cluttered - white space is important! * Efficient - get the info.
MS FrontPage 1: Developing a web site for the Sunny Morning Products Yong Choi CSU Bakersfield.
What is Peer Editing? A peer is someone your own age. Editing means making suggestions, comments, compliments, and changes to writing.  Peer editing.
Website Usability presentation by Pasha Souvorin for Georgia Pathway in Advanced Web Design evaluating and planning for web design.
Questionnaire Results Charlotte Page. Purpose, Aims & Methodology In order to find out what the target audience of my new music magazine would like to.
Web Design, 3 rd Edition 3 Planning a Successful Web Site: Part 1.
Language Club KompoZer Design View. Files you will need  Images  pages  Templates  Text.
INTERACTIVE BRAND COMMUNICATION Class 6 Creative Issues II: Creating Effective Online Advertising.
Libby Walker LSC 776: Midterm Project June 19, 2008.
Developed by Kelly J Howard.
PRINCIPLES OF WEB DESIGN. EDGAR GARCIA – WEB DESIGN 2/8/13.
Website Design Presentation to Members Of The American Morgan Horse Association By Bill Lere August 22, 2012 Copyright, Bill Lere, 08/22/2012, Minneapolis,
Web Design Guidelines by Scott Grissom 1 Designing for the Web  Web site design  Web page design  Web usability  Web site design  Web page design.
Slide 1-1 The Web Wizard’s Guide to Web Design by James Lengel.
Unit 1 – Improving Productivity Instructions ~ 100 words per box.
FINAL PROJECT PROPOSAL: DISNEYLAND VISITORS GUIDE Christina Milanes – ITP 104 – 3/24/14.
Web Design, 3 rd Edition 3 Planning a Successful Web Site: Part 1.
Personas & Scenario Mapping This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.Creative Commons Attribution-NonCommercial-ShareAlike.
Evaluation Question 2: How effective is the combination of your main product and ancillary texts? By Eleanor Wright.
Planning a Website Web Technologies I. The Site Design Process DEFINE Goals & Audience Content/Asset Collection Content/Style Information Delivery Requirements.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
Unit 8.2 / Lesson 1 / presentation1b Website Styles.
Interactive history. To provide a visually attractive and interactive timeline of the major scientific discoveries throughout history.
Planning and Designing Effective Web Pages. When planning a new site Determine site goals 2. Identify the target audience 3. Conduct market research.
Web Site Development - Process of planning and creating a website.
We looked at these two presentations and talked about the structure of setting up the table.
Unit 13- Web Design P1-Explain the intended uses and features of two different websites. M1-Review how the features in two websites improve presentation,
WEB DESIGN CONCEPTS Brayden Burr. UNDERSTANDING THE CONTENT.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
Planning and Creating a Web Site. Stages in planning a web site planning the project decide on the purpose and audience for the web site create mind map.
In what ways does your media product use, develop or challenge forms and conventions of real media products?
Module4 Company Website.
Section 7.1 Section 7.2 Identify presentation design principles
101.
Blog and its Steps.
Top Six Web Design Tips for eCommerce Website
Creating & Managing for Teaching Purposes
LinkedIn Training.
Introduction to Web Design
What: The heading and banner are at the top
Presentation transcript:

The Coffee Lounge Website Design and Plan Eileen Navarro

Site Goals Provide information about The Coffee Lounge Sell more coffee in The Coffee Lounge Entice new customers to come in Attract customers between Provide what is happening at The Coffee Lounge Give youth an alternative to staying on the streets really late. They can come in and enjoy a safe environment Letting the community know that we have a heart by featuring a non-profit org every month

User Profile Age group: 18 – 30 Education Level : College students Education Level : Post college years Income: Still on financial loans – 40,000 per year Persona : Someone who likes music and art Gender: Male and female Attraction: People who are new to Dallas Geographic Area: Dallas and surrounding cities Ethnicity: No ethnic background targeted Primary Language : English

Colors

Competitors

Font Type/Color Fonts: Gigi (for all titles, navigation bar and logo) Book Antiqua (Writing information) Title Coffee Lounge (Color :White) Navigation Bar Font (Color : White) All other text is in black except for links

Summary of Competitors Starbucks is one of our competing websites. I studied the website and found that the website is more geared towards an audience who wants to purchase coffee from them versus trying to attract people to their shops. This website is definitely for the more mature age of our target audience. The GACHET Lounge is another one of our competing sites. They cater to an audience who is over 21 years because they serve alcohol as well as coffee. There site is uniform throughout. Also, they also use formal language. The colors are light and sophisticated looking. This site does not have a lot of images nor does it have rich media. The reJAVAnate Coffee Lounge website had loud colors (orange and yellow). The webpage was informal. The web pages were not uniform throughout the site. This site used too many colors. This site became a little obnoxious after a while. Standard Pours and Coffee was a site that used a standard top and left image throughout the site. The colors were a very good choice. The website took a few seconds to download each page because of the images and the flash that were on the pages. Some of the graphics were blurry and there were too many font colors. The language style for this website was conversational.

End User Scenerios Tom Randall is a college student who has a laptop and uses it quite frequently. While his laptop is fast, the network on campus is not as fast. When Tom views websites on his laptop anywhere on campus, he gets a very slow response and becomes frustrated. It seems to him that he would be better off using a 56k modem. Tim frequents The Coffee Lounge on a regular basis and likes to keep track of the current activity at The Coffee Lounge. Sally Freeman works as a project manager at a local firm. The company gave her a moderate computer. Sally loves to attend poetry slams and found out that The Coffee Club offers poetry slams. She is very interested and likes to visit the web site often to see when the poetry slams are scheduled. She is also into experimental films.

Concepts Funky Eccentric Eclectic Sophisticated Inviting Fun Exciting Like a good friend The Coffee Lounge is always there!

Category Outline Home Page a. The Coffee Lounge I. About Coffee Lounge II. Schedule of regular events b. Contact Us I. Contact Information II. Map c. Music Events I. Schedule of upcoming music events d. Poetry Slams I. Poetry Slam schedule II. Description e. Book club I. Schedule of Book Club meetings II. Book currently being discussed f. Film Screening I. Schedule of Film Screening II. Message to prospective screeners g. Non-Profit I. Information about monthly non-profit organization II. Link to their site h. Comment Form I. Used to gather information from visitors about the website II. There is a Comments? link on every web page that links to this form except for the non-profit page.

Architecture