Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › Making a site look more professional / interesting
New Posts  All Forums:Forum Nav:

Making a site look more professional / interesting

post #1 of 10
Thread Starter 
Hi all,

Just wondering what would I go about doing to make my site look more professional and interesting. I know a colour scheme would work, but I'm not very artistic and I'm not sure which colours I should use. Is there anything I should add to my site also? The site will be offering the free version of my product and also the 'Pro' version which costs money (should I use PayPal for transactions?).

The site: http://psucalc.net

Many thanks,
FiX
    
CPUMotherboardGraphicsGraphics
FX-8350 Asus Crosshair V MSI GTX460 Hawk 1gb MSI GTX460 Hawk 1gb 
RAMHard DriveHard DriveHard Drive
Kingston HyperX 8gb (2x4gb) Crucial M4 64GB Samsung F3 1TB Western Digital 320GB 
CoolingOSMonitorMonitor
Custom WC Windows 7 Ultimate X64 Dell E2311H Dell E2311H 
MonitorKeyboardPowerCase
LH 23EN43 Ducky Year of the Dragon 2012 SilverStone Strider 1000W-P Corsair 800D 
Audio
Asus Xonar Essence STX 
  hide details  
Reply
    
CPUMotherboardGraphicsGraphics
FX-8350 Asus Crosshair V MSI GTX460 Hawk 1gb MSI GTX460 Hawk 1gb 
RAMHard DriveHard DriveHard Drive
Kingston HyperX 8gb (2x4gb) Crucial M4 64GB Samsung F3 1TB Western Digital 320GB 
CoolingOSMonitorMonitor
Custom WC Windows 7 Ultimate X64 Dell E2311H Dell E2311H 
MonitorKeyboardPowerCase
LH 23EN43 Ducky Year of the Dragon 2012 SilverStone Strider 1000W-P Corsair 800D 
Audio
Asus Xonar Essence STX 
  hide details  
Reply
post #2 of 10
The first thing I would do is go through the writing on the site. You have some silly mistakes, like using "its" when you mean "it's", as well as some strange wording.

Also on the topic of the writing, it's a little too close to the boarder of the light/dark grey. It would look better with a little more room. I'm also not a fan of the font you used for PSUCalc, perhaps play with it some more? I like the tabs with the blue mouse over highlighting however.
Balder
(16 items)
 
  
CPUMotherboardGraphicsRAM
i7 3770k @ 4.4ghz Gigabyte Sniper 3 (z77) EVGA 980ti SC+ ACX 2.0 16GB (2x8) Corsair Vengeance - 1600mhz 
Hard DriveHard DriveOptical DriveCooling
Crucial M4 (512MB) 4 x WD black 1TB LG Blueray Burner Corsair H100 
OSMonitorKeyboardPower
Windows 10 x64 Pro NEC Multisync 3090wqxi (2560x1600) Corsair k90 Corsair AX1200i 
CaseMouseAudioAudio
Corsair 600t white Naos 8200 Sennheiser HD 650 Zero DAC / Onkyo 875 
  hide details  
Reply
Balder
(16 items)
 
  
CPUMotherboardGraphicsRAM
i7 3770k @ 4.4ghz Gigabyte Sniper 3 (z77) EVGA 980ti SC+ ACX 2.0 16GB (2x8) Corsair Vengeance - 1600mhz 
Hard DriveHard DriveOptical DriveCooling
Crucial M4 (512MB) 4 x WD black 1TB LG Blueray Burner Corsair H100 
OSMonitorKeyboardPower
Windows 10 x64 Pro NEC Multisync 3090wqxi (2560x1600) Corsair k90 Corsair AX1200i 
CaseMouseAudioAudio
Corsair 600t white Naos 8200 Sennheiser HD 650 Zero DAC / Onkyo 875 
  hide details  
Reply
post #3 of 10
I have a few suggestions -

* See if you can make it more dynamic by creating the 'Home' page to a sort of circular style menu around your software screenshot.

___-
-___SS___-
___-

You get the idea.

* To figure out what colors you like, check sports team colors for a base and you can then add a third or fourth color to the palette. For instance, Raiders - Black/Silver, Green Bay - Green/Gold - Lakers - Purple/Gold etc (even if you don't like sports, check the color schemes for ideas)

* Do away with an 'About' page and instead include a summary of the product on the home page in as little but as tactfully picked words as possible. Move your legal stuff to an install agreement (unless you already have one)

* Change the fonts to something less 'standardized'.

Just some suggestions for what they're worth.
    
CPUMotherboardGraphicsRAM
INTEL ASUS XFX  SAMSUNG 
Hard DriveOptical DriveCoolingOS
WD/ST LG KUHLER WINDOWS 
MonitorKeyboardPowerCase
LG/SAMSUNG IBM MODEL M CORSAIR THERMALTAKE 
MouseMouse PadAudio
MS INTELLIMOUSE EXPLORER 3.0 REGULAR LARGE PAD ONBOARD but it USED TO BE A XONAR DG  
  hide details  
Reply
    
CPUMotherboardGraphicsRAM
INTEL ASUS XFX  SAMSUNG 
Hard DriveOptical DriveCoolingOS
WD/ST LG KUHLER WINDOWS 
MonitorKeyboardPowerCase
LG/SAMSUNG IBM MODEL M CORSAIR THERMALTAKE 
MouseMouse PadAudio
MS INTELLIMOUSE EXPLORER 3.0 REGULAR LARGE PAD ONBOARD but it USED TO BE A XONAR DG  
  hide details  
Reply
post #4 of 10
Thread Starter 
Thanks for the ideas guys the home page is going to be re written anyway. il take a look into the circular thing you mentioned but im kinda thinking of enhancing the existing layout. il rep you guys tomorrow when im on my computer
    
CPUMotherboardGraphicsGraphics
FX-8350 Asus Crosshair V MSI GTX460 Hawk 1gb MSI GTX460 Hawk 1gb 
RAMHard DriveHard DriveHard Drive
Kingston HyperX 8gb (2x4gb) Crucial M4 64GB Samsung F3 1TB Western Digital 320GB 
CoolingOSMonitorMonitor
Custom WC Windows 7 Ultimate X64 Dell E2311H Dell E2311H 
MonitorKeyboardPowerCase
LH 23EN43 Ducky Year of the Dragon 2012 SilverStone Strider 1000W-P Corsair 800D 
Audio
Asus Xonar Essence STX 
  hide details  
Reply
    
CPUMotherboardGraphicsGraphics
FX-8350 Asus Crosshair V MSI GTX460 Hawk 1gb MSI GTX460 Hawk 1gb 
RAMHard DriveHard DriveHard Drive
Kingston HyperX 8gb (2x4gb) Crucial M4 64GB Samsung F3 1TB Western Digital 320GB 
CoolingOSMonitorMonitor
Custom WC Windows 7 Ultimate X64 Dell E2311H Dell E2311H 
MonitorKeyboardPowerCase
LH 23EN43 Ducky Year of the Dragon 2012 SilverStone Strider 1000W-P Corsair 800D 
Audio
Asus Xonar Essence STX 
  hide details  
Reply
post #5 of 10
change the header !
My System
(13 items)
 
  
CPUMotherboardGraphicsRAM
Intel i5 2500k Asus P8P67 R9 270X 2GB ASUS DIRECTCUII Corsair Vengeance 8GB DDR3 1600 
Hard DriveOSMonitorPower
OCZ Vertex II 60GB + 1TB Win7 64b Cooler Master M700 Silent Pro 
CaseMouse
CM 690 II Advanced Window G5 
  hide details  
Reply
My System
(13 items)
 
  
CPUMotherboardGraphicsRAM
Intel i5 2500k Asus P8P67 R9 270X 2GB ASUS DIRECTCUII Corsair Vengeance 8GB DDR3 1600 
Hard DriveOSMonitorPower
OCZ Vertex II 60GB + 1TB Win7 64b Cooler Master M700 Silent Pro 
CaseMouse
CM 690 II Advanced Window G5 
  hide details  
Reply
post #6 of 10
here we go!!!

1. PSUCalc is a bad logo design, sorry... the black and red have no quality appearance to them and do nothing for the site.
2. Your p tag for "home" and what ever you used is not needed. I would work on better Navigation to where you dont need the duplicated information and just use a hover effect (a:hover) on the nav to the corresponding/visited page. Also in the lines of the header your buttons need to be adjusted, some are center and some are closer to the left. As far as the Home dropdown i dont get why you need it.
3. You need more color/style other than black. Its just very boring.
4. Use a form and not a direct link to your windowslive account.
5. Bugs page, the header for each section is forced all the way to the top, work on your padding/margins.
6. Login/register sometimes is better when its not with the navigation.
7. When scrolling to the bottom of bugs its usually nice to have navigation in the footer and a way back to the top. Pleasing the viewer.
8. Your images look distorted. This doesnt look like this on your forum and ive posted what it looks like in the attachements:



Congrats on using PHP...
OverKill
(18 items)
 
  
CPUMotherboardGraphicsGraphics
AMD Phenom II X6 1055T Gigabyte 890FXA ATI FirePro V3800 ATI FirePro V3800 
RAMHard DriveHard DriveOptical Drive
16gb GSkill 10666 Seagate Western Digital  LG Blue Ray 
CoolingOSMonitorMonitor
stock air 7 Pro 64 bit (2)22" Acer x223w (2)23" Acer G235H 
KeyboardPowerCaseMouse
Microsoft Wireless Antec 900watt Antec 300 Wacom Tablet 
Audio
Logitech Speakers and sub 
  hide details  
Reply
OverKill
(18 items)
 
  
CPUMotherboardGraphicsGraphics
AMD Phenom II X6 1055T Gigabyte 890FXA ATI FirePro V3800 ATI FirePro V3800 
RAMHard DriveHard DriveOptical Drive
16gb GSkill 10666 Seagate Western Digital  LG Blue Ray 
CoolingOSMonitorMonitor
stock air 7 Pro 64 bit (2)22" Acer x223w (2)23" Acer G235H 
KeyboardPowerCaseMouse
Microsoft Wireless Antec 900watt Antec 300 Wacom Tablet 
Audio
Logitech Speakers and sub 
  hide details  
Reply
post #7 of 10
Thread Starter 
Quote:
Originally Posted by graphicsman View Post
here we go!!!

1. PSUCalc is a bad logo design, sorry... the black and red have no quality appearance to them and do nothing for the site.
2. Your p tag for "home" and what ever you used is not needed. I would work on better Navigation to where you dont need the duplicated information and just use a hover effect (a:hover) on the nav to the corresponding/visited page. Also in the lines of the header your buttons need to be adjusted, some are center and some are closer to the left. As far as the Home dropdown i dont get why you need it.
3. You need more color/style other than black. Its just very boring.
4. Use a form and not a direct link to your windowslive account.
5. Bugs page, the header for each section is forced all the way to the top, work on your padding/margins.
6. Login/register sometimes is better when its not with the navigation.
7. When scrolling to the bottom of bugs its usually nice to have navigation in the footer and a way back to the top. Pleasing the viewer.
8. Your images look distorted. This doesnt look like this on your forum and ive posted what it looks like in the attachements:



Congrats on using PHP...
how would i fix the image? iv set the image size for each image but that's caused images to be stretched like that
    
CPUMotherboardGraphicsGraphics
FX-8350 Asus Crosshair V MSI GTX460 Hawk 1gb MSI GTX460 Hawk 1gb 
RAMHard DriveHard DriveHard Drive
Kingston HyperX 8gb (2x4gb) Crucial M4 64GB Samsung F3 1TB Western Digital 320GB 
CoolingOSMonitorMonitor
Custom WC Windows 7 Ultimate X64 Dell E2311H Dell E2311H 
MonitorKeyboardPowerCase
LH 23EN43 Ducky Year of the Dragon 2012 SilverStone Strider 1000W-P Corsair 800D 
Audio
Asus Xonar Essence STX 
  hide details  
Reply
    
CPUMotherboardGraphicsGraphics
FX-8350 Asus Crosshair V MSI GTX460 Hawk 1gb MSI GTX460 Hawk 1gb 
RAMHard DriveHard DriveHard Drive
Kingston HyperX 8gb (2x4gb) Crucial M4 64GB Samsung F3 1TB Western Digital 320GB 
CoolingOSMonitorMonitor
Custom WC Windows 7 Ultimate X64 Dell E2311H Dell E2311H 
MonitorKeyboardPowerCase
LH 23EN43 Ducky Year of the Dragon 2012 SilverStone Strider 1000W-P Corsair 800D 
Audio
Asus Xonar Essence STX 
  hide details  
Reply
post #8 of 10
i just ran into that same problem the other day ago, your are altering the image's size when you should be setting a max width. Look in the web coding section for the thread.
OverKill
(18 items)
 
  
CPUMotherboardGraphicsGraphics
AMD Phenom II X6 1055T Gigabyte 890FXA ATI FirePro V3800 ATI FirePro V3800 
RAMHard DriveHard DriveOptical Drive
16gb GSkill 10666 Seagate Western Digital  LG Blue Ray 
CoolingOSMonitorMonitor
stock air 7 Pro 64 bit (2)22" Acer x223w (2)23" Acer G235H 
KeyboardPowerCaseMouse
Microsoft Wireless Antec 900watt Antec 300 Wacom Tablet 
Audio
Logitech Speakers and sub 
  hide details  
Reply
OverKill
(18 items)
 
  
CPUMotherboardGraphicsGraphics
AMD Phenom II X6 1055T Gigabyte 890FXA ATI FirePro V3800 ATI FirePro V3800 
RAMHard DriveHard DriveOptical Drive
16gb GSkill 10666 Seagate Western Digital  LG Blue Ray 
CoolingOSMonitorMonitor
stock air 7 Pro 64 bit (2)22" Acer x223w (2)23" Acer G235H 
KeyboardPowerCaseMouse
Microsoft Wireless Antec 900watt Antec 300 Wacom Tablet 
Audio
Logitech Speakers and sub 
  hide details  
Reply
post #9 of 10
Thread Starter 
Thanks +Rep to you guys now
    
CPUMotherboardGraphicsGraphics
FX-8350 Asus Crosshair V MSI GTX460 Hawk 1gb MSI GTX460 Hawk 1gb 
RAMHard DriveHard DriveHard Drive
Kingston HyperX 8gb (2x4gb) Crucial M4 64GB Samsung F3 1TB Western Digital 320GB 
CoolingOSMonitorMonitor
Custom WC Windows 7 Ultimate X64 Dell E2311H Dell E2311H 
MonitorKeyboardPowerCase
LH 23EN43 Ducky Year of the Dragon 2012 SilverStone Strider 1000W-P Corsair 800D 
Audio
Asus Xonar Essence STX 
  hide details  
Reply
    
CPUMotherboardGraphicsGraphics
FX-8350 Asus Crosshair V MSI GTX460 Hawk 1gb MSI GTX460 Hawk 1gb 
RAMHard DriveHard DriveHard Drive
Kingston HyperX 8gb (2x4gb) Crucial M4 64GB Samsung F3 1TB Western Digital 320GB 
CoolingOSMonitorMonitor
Custom WC Windows 7 Ultimate X64 Dell E2311H Dell E2311H 
MonitorKeyboardPowerCase
LH 23EN43 Ducky Year of the Dragon 2012 SilverStone Strider 1000W-P Corsair 800D 
Audio
Asus Xonar Essence STX 
  hide details  
Reply
post #10 of 10
What do you think of this?

Link to example page: http://98.212.135.180/ocn/psucalc.html

Edited by iPoop - 10/13/11 at 9:19pm
Primary PC
(13 items)
 
  
CPUMotherboardGraphicsRAM
Phenom II 720 (2.8 ghz) BIOSTAR A780L3L (AM3) MSI GeForce 9800GT G.Skill Ripjaws Series DDR3 1600 (8GB) 
Hard DriveOSMonitorPower
Crucial M4 64GB / Samsung F3 1TB Windows 7 Pro (64-bit) Dell SP2309W (2048x1152) PC Power & Cooling 610W 
CaseMouse
Cooler Master Elite 430 RC Logitech MX518 
  hide details  
Reply
Primary PC
(13 items)
 
  
CPUMotherboardGraphicsRAM
Phenom II 720 (2.8 ghz) BIOSTAR A780L3L (AM3) MSI GeForce 9800GT G.Skill Ripjaws Series DDR3 1600 (8GB) 
Hard DriveOSMonitorPower
Crucial M4 64GB / Samsung F3 1TB Windows 7 Pro (64-bit) Dell SP2309W (2048x1152) PC Power & Cooling 610W 
CaseMouse
Cooler Master Elite 430 RC Logitech MX518 
  hide details  
Reply
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Web Coding
Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › Making a site look more professional / interesting