Dashboard Graphic Designer
01/21/2007
We need a New Dashboard (Skin) for our Online Postcard Design Studio
Please leave a comment if you would like to bid on this project
Objective: To create a more user friendly interface from existing functions as outlined below. Shown below is an overview of how the current system is working. I have a programmer that I am currently working with.
We are looking for ideas and a concept for a new dashboard look to increase user friendliness. Our intention is to find comfort with a company that can simply make dashboard or skin concepts for this and other similar projects. Once approvals are in place all we require is the graphic design for use on the web. The concept we are looking for should simply be as clean and crisp as possible keeping in mind fast load time. The information below has been collected to help designers become familiar with funtionality
www Access Page
Click Here to Enter
Development Access Page - (used for developing applications)
Click Here to Enter
Click done and continue at the bottom and you enter advanced tools
Note: Your Name: Your Title: Telephone: Fax: Address Line 1: Address Line 2: Address Line 3: Email: are disabled when users enters panel initially.
1) Start Over-If users want to reset layout but retain data user can click. When user clicks “Your card design has been restored to system defaults but we have kept your data. Click here if you want data reset.” If user wants to reset data user can apply “click here” link2) Email a Friend- If user wants to email to a friend it can be done by clicking this button. Email address text field (24) must be filled in with email address
3) Help- This will link (html) to a help page which we will create one panel is completed
4) Contact Ushtml link to contact us page
5) Add Custom Background- User can upload their own background from their computer by using this feature by following these instructions
·The image must be a “png” image.· The image dimensions for a horizontal card design should be 550 X 393.
· The image dimensions for a vertical card design should be 393 X 550.
· The total upload size of the image must be less than 10Mb
NO .MPEGS, .MP3 OR .EXE Files accepted.
6) Apply transparency- User can apply a percentage transparency to any background by selecting a color then selecting percentage darker or lighter
7) Add a Stock Logo- User makes selection of logo by clicking link, a new window opens, logo category choice is mage, logo choice is made then user clicks update Proof . If logo is not desired user can reset and update to remove. Stock logo choices from these categories include:
- Education Schools
- Electronics
- Energy
- Fantasy
- Fitness
- Flags
- Gardening
- Government
- Health Medical
- Holiday
- Household
- Interior
- International
- Kids Stuff
- Landscape
- Logo Elements
- Maps
- Meteor
- Military
- Money
- Music Motivate
- Music
- Neighborhood
- Occupations
- Outdoor
- People
- Plants
- Police
- Public
- Real Estate
- Religion
- Road Signs
- Seasons Weather
- Space Science
- Special Occasions
- Sports
- Symbols
- Technology
- Time
- Tools
- Transportation
- Travel
- Trees
- Western
- Zodiac
8) Add a Custom Logo- User can add their own logo by clicking link, a new window opens then user can upload a logo from their computer by following these instructions
· The image must be a “gif” image.
· The image dimensions cannot be larger than 200 x 200
· The total upload size of the image must be less than 10Mb.
9) Align Logo- User can align logo in 9 different grid positions by clicking desired position in graphic then clicks update proof.
10) Set transparent- Adds a transparent filter to the logo. This often helps with undesirable white space surrounding logos with curves. Checkbox above executes this.
11) Stock Backgrounds- User makes selection by choosing a category:
Once user sees a background template that is desired user clicks image, window closes and clicks update proof. Note: user can now play with background transparency effects to create further uniqueness by applying color and percentage lighter or darker.
12) Update Proof- This is a function that is used the execute changes. It must be clicked after changes have been selected. When the function is required by the user a blinking arrow appears to prompt
14) Change Layout User can choose from stock text layouts provided by clicking the link, a new windows opens, selection is made, window closes and “update proof”. Currently there are 5 horizontal and 6 vertical layouts.
15) Choose Text Effects- Pull down menu allows user to select any line they want to edit. Options available are:
- Company Name- Select to edit
- Slogan- Select to edit
- Name- Select to edit
- Title- Select to edit
- Address- Select to edit
- Phone- Select to edit
- Fax- Select to edit
- Web- Select to edit
- Email- Select to edit
- All- Selects all text on page allowing for a font size change to be applied to all text
- All Color- Selects all text on page allowing for a single color to be applied to all text
- All Font- Selects all text on page allowing for a single font to be applied to all text
16) Custom Line Placement- When custom text placement is needed this allows for movement side-to-side (X position)
17) Select from light text colors- A new window will open displaying available light colors. 
User makes a choice, window closes and updates proof. These colors are given names e.g. “Dk. Blue. Color Chip 2623”. The number assigned is logically named after the true pantone color. This is a great option to use when attempting to color match backgrounds *to find out more about the pantone color matching system just search the internet.
18) Select from dark text colors- A new window will open displaying available dark colors. User makes a choice, window closes and updates proof. These colors are given names e.g. “Dk. Blue. Color Chip 2623”. The number assigned is logically named after the true pantone color. This is a great option to use when attempting to color match backgrounds *to find out more about the pantone color matching system just search the internet.
19) Visible Color choice- Once color of choice is made user can see a color visual chip here.
20) Manual Color selector- If user wants to apply colors to text by using pull down menus instead of windows
21) Select Font Size- User can choose what size they want. 
0
- 2
- 4
- 6
- 8
- 20
- 22
- 24
- 26
22) Select font- User can choose what font style they want by clicking link, a new window opens, user selects from visual font choice, window closes and update proof.
23) Custom Y text position Tool- If user wants custom positioning of any on the text fields up and down or horizontally by choosing what line. The desired placement is determined by the visible rulers present.
24) Text fields for user to make changes- If user want to make any typographical changes it is done here by entering data and updating proof.
25) Text field disable boxes- By default the postcard design system disables the following fields when entering advanced mode:
- Name- Select to edit
- Title- Select to edit
- Address- Select to edit
- Phone- Select to edit
- Fax- Select to edit
- Email- Select to edit
To enable any of these fields user unchecks the box and updates proof
26) Start Over- IF users want to reset layout but retain data user can click. When user clicks “Your card design has been restored to system defaults but we have kept your data. Click here if you want data reset.” If user wants to reset data user can apply “click here” link
27) Update proof- 2nd location (first location #12) of same button for added user convenience.
28) Save Card and Continue- When you are satisfied with front design of postcard this will take you to a preview page providing options
STEP 2- Choose one of the following options:
1. Go back and modify this card- Make changes you may have missed.
2. Design another business card. - Create more cards in the same session.
3. Design the BACK SIDE of this Postcard- User can design the back of postcard using the same tools with slightly modified functions. Modifications include allowing user to choose from stock templates. For an outline of what is being done on the back side module (currently in progress) sees this page http://www.weprintcolour.com/postcard-talk/?p=6.
4. I am done; I wish to get postcards printed. - User can preview finish product, select printing options as shown - 1, 2, and 3. Once completed user clicks “Go to next step”. Final checkout page allows user to review order specifications and make payment. Payment options include:
· CLICK HERE For Secure order form
· 2 Call us directly at 905 452-3504, we accept:
· 3 PayPal- ADD TO CART NOW
5. I am done, I wish download the professional file only- User can order a professional, vector based digital file to be used by a local printer of their choice. The choices available for digital files are:
Our Basic Professional Design- Package Includes Design of:
Custom personalization of postcard front and/ or backside template in your choice of vector format.
Silver Design Package- Our Silver Professional Design Package Includes Design of:
Custom personalization of Postcard, Business Card, letterhead and envelope
Extreme Design Package- Our Extreme Professional Design Package Includes Design of: Custom personalization of Book sleeve, Brochure, Business Card, CD Label, Compliment, Envelope, Fax Cover, Label, Letterhead, Postcard, Video Label, Website.
User makes choice and follows easy checkout as outlined in step 4 above
* Due to Infringing Usages of Pantone’s proprietary rights, is why we have named our colors as such. As a printing company we use the pantone matching guide to keep colors consistent as its intented use. The only reason our lab technicians have named our colors as such “Dk. Blue. Color Chip 2623” is to let clients know what a likely pantone color may look in its html format. These colors are an estimation based on our pantone matching guide as purchase from pantone. We do not guarantee its accuracy on the web but can assure all clients that you purchase a printed product, we print with pantone printing color standards.
Tags: postcard software, graphic designer graphic design resumes, software programs, postcards software, postcard templates, graphic designer
Postcard Design Center » Graphic Design on Your Website said,
January 22, 2007 @ 11:08 pm
[…] 1) Read about the features 2) Try it out Once you understand how it works it may offer some insights to you. The system works differently than other systems because of its intended use; outputting quality. Another project that is currently in the works is dashboard design. We basically worked to get the code fully functional first now we are introducing multiple dashboards for those that want to purchase a turn-key graphic design studio for their website. The system can be purchased and downloaded or we will provide installation on your server. […]