1

Lei HouArt Institute of Dallas

WDM3033: Server Side Project PlanningJanuary 13, 2014

Table of ContentsPurpose, Market and Problems

Competition

Component

Demographic

Goals, Objectives and Feature

Keywords and Tag Lines

Logo

Flowchart

Database

Wireframe

Font List

Color Comps

Risk and Solution

Time Management

Summary

3

4

7

8

11

12

13

16

17

18

20

21

24

25

26

3

Purpose

Market

Design Barriers

Tania Kimbrough’s website is a promotional and e-commerce site. Tania is a bachata singer. Therefore, the goal for her to have this website is to have a bridge between her and her fans. In minor, she would like to sell her songs.

This website will be Spanish version site because her main au-dience is Latino Americans. However, she would like to extend her fans nationwide, so she will need English version site too.

The market for the Tania Kimbrough website primarily con-nects with the current fanbase of the singer as well as attract new fans through her promotional events, video and gallery.

This website will sell the songs and music notes nationwide. It requires a fast data transaction. Incorporating PayPal as the transaction technology choice.

Reach and engage diverse cultural audiences outside of the mainstream Latino demographics.

4

CompetitionLaura Pausinihttp://www.laurapausini.com/

This site is a popular singer’s site. It has amazing JavaScript animation. This site is well maintained and gives a good first impression to any visitor.

The strengths of this site are information and layout. This site has a lot of detailed information and updates news about the singer. This information is easy to find and read.

The weakness for this site is the preloader. It is very annoying that seems as if the page is going to load forever. This site has a resizing issue. After the site has been resized each time, the preloader will show up and some image will get off the line.

5

Pablo Alboranhttp://www.pabloalboran.es/

This site links Facebook and Twitter information to its home page. It makes the visitors feel they are more connected and in touch with the singer.

The strength of this site is good readability. The color design and layout is clean. The target audiences are both female and male by this type of design.

The weakness for this site is not being mobile friendly. It will resize but the slideshow, sub-menu and video will not.

Competition

6

Pablo Alboran http://patycantu.com/

This site’s target audiences are mainly young females, which is easy to tell by its design.

The strength for this site is strong emotional appeal and engag-ing content. The important news is on top of the home page that really catch people’s attention.

The weakness for this site is scrolling. If visiting this website on a tablet or phone, it will take a lot of scrolling to get back to the top for the menu. Also, the menu has broken links on phone and tablet.

Competition

7

Proposed Site Components

• Administration login on WordPress (for upload and other people download songs, for owner editing site)• Theme • PayPal system for WordPress• Video• Shadow box• Slideshow

8

Demographic - PrimaryType of People: Latino AmericansAge Range: 20-30Gender: Male Income: $10,000-$20,000 Occupation: StudentsInternet Connection: Cable or MobileEducation: High school graduate

Description:This demographic is young male Latino Americans. Latino Americans love bachata music and dance, especially young people. The singer is a female Latino American, who is En-glish-Spanish bilingual. Therefore, the singer and her fans have more resonance. Also, many young male Latino Americans like female singers.

Technology & Web Usage:This group of people tends to use the Internet more for com-municating, entertaining and searching for information. They generally like to listen to songs while they are doing home-work. Since this age group are more student populations with part time jobs, listening to songs is a stress reliever.

What They Are Seeking:They would like to communicate with the singer. They want to know more about the singer. They want to see first hand news about upcoming events, music and songs. They also want to buy songs and music notes from singer.

9

Demographic - SecondaryType of People: Latino AmericansAge Range: 30-40Gender: Female Income: $20,000-$30,000 Occupation: Professional and TechnicalInternet Connection: Cable or MobileEducation: College graduate

Description:This demographic is female Latino Americans. They feel that they are still young, even they already married and some of them have children. They love bachata and romantic songs. They love dancing.

Technology & Web Usage:This group of people tends to use the Internet more for enter-taining and working. They like to use bachata music for home parties.

What They Are Seeking:They like to buy high quality songs from singer. They feel the have a personal connection to the singer, since they can easily contact with singer. They love to leave comments on the sing-er’s website.

10

Demographic - TertiaryType of People: Anglo AmericansAge Range: 25-40Gender: Male and FemaleIncome: $10,000+Occupation: VaryInternet Connection: Cable or MobileEducation: College graduate +

Description:This demographic likes bachata romantic songs as an cultural curiosity. Those people may or may not understand English and Spanish, but the song is beautiful to them. Some of them are just trying to learn Spanish or English.

Technology & Web Usage:Since this group of people is in vary ages and cultures, they have different level of knowledge about technology. Therefore, they use the Internet for various reasons, such as communicat-ing, studying, researching, entertaining and working.

What They Are Seeking:They want find out more about this singer and communicate with singer.

11

Goals and Objectives1. Visitor stay more than 5 minutes a. Listen the songs b. Read more about the singer c. Communicating with singer by contact information and/or leave message

2. Gets 10 or more hits per day a. Have a appropriate SEO for the site

Proposed Features• Administration login – owner can add, delete, and change the contents. Also owner can upload music.• PayPal system – people can buy music from owner.• Comment – anyone could leave comment on a song, music or movie video.• Message – just like an email system. For contact section, any-one can send message to singer

12

KeywordsTaniaKimbrough BachataSalsaBaladaRock

Tag LinesTania KimbroughMúsica nuevaMúsica romanticArtistas nuevosVoz romanticVoz de ángelCantantes talentososCantautores famosos new music Romantic musicNew artists Voice romantic Voice of an angel Talented singers Famous songwriters

PopCantautoresMusic Ballad SingerRomantic

13

Logo - Font

14

Logo - Draft

15

Logo - Final

16

Flowchart

17

Database

18

Wireframelogo

slideshow

logo

19

Wireframelogo

logo

image

20

Font List

21

Color Comps - Color Swatch

22

Color Comps

23

Color Comps

24

Risk and Solution1. The site has too much back end data to be built in short development time • Use WordPress plugin • Research WordPress functionality2. The site owner wants to sell songs and music • Use PayPal system • Research PayPal integration into WordPress3. Front end code needs to be built • Begin on front end coding as soon as possible4. Security issues such as input validation • WordPress has built in security features • WordPress must be updated regularly5. Data integrity • WordPress should be backed up regularly

25

Time ManagementWeek 1• Get all the content – hours vary• Resize and optimization image elements as needed – hours vary• Create header and footer to be included in every page – 1 hourWeek 2• Start coding the theme: home – 5 hour• Slideshow – 2 hoursWeek 3• Coding the theme: music and video – 3 hoursWeek 4• Coding the theme: photo – 1 hour• Shadowbox/light box – 2 hoursWeek 5• Coding the theme: biografia and contact – about 3hoursWeek 6• PayPal integration: Shopping buttonWeek 7• Continue PayPal Week 8• Continue PayPal Week 9• Trouble shootingWeek 10• Trouble shooting• Show in class and get feedbackWeek 11• Finished build

26

SummaryOverview – in conclusion, Tania Kimbrough’s website will give her fans a way to get closer connection with her. This site will use WordPress plug-ins and modified PayPal system. Possible plug-ins for integration into WordPress theme: Contact, Gal-lery and Comment Section.