I've started to work on a new more stylish website for this great emulator.I had lots of ideas but ultimately due to my limited ability in web design I went for a simple,yet efficient approach.
I thought about having a psp go as a banner and have the page links where on the psp 2000 home/select/start buttons would go.They are added as simple text in the screenshot but I can make them buttons although they might seem stupid as the real psp go doesn't have those buttons.In addition I can try and make pages to slide down when pressing page links jus like the control pad slides irl.For now it's just a sketch so you guys can see the potential and add some ideas.
I await your opinons and critics
Hmm, since you asked for critics be warned - I am one.
An important concept in webdesign is what is "below the fold." The idea is simple: everything important on a page should, if possible, be visible without scrolling for the majority of your users. If you look at the current website, you'll notice it follows this reasonably well on desktop resolutions, with the video, header, and platform compatibility all well featured.
The layout is also somewhat responsive. What this means is that on a thinner device (e.g. 640 wide like an iPhone), the "Fast and portable" etc. headers fall down from columns to paragraphs. The ad sorta ruins this and it looks terrible, but the intention is there, anyway.
A great way to test this, by the way, is Chrome's Overrides in Developer Tools. You can pick the device metrics there.
So, my critiques:
* while the concept is nice, and you did a good job, it takes up a lot of space and may scrunch badly on mobile.
* use of Sony's trademarks (Playstation ® logo, SONY ® logo, PSP ® logo) might be best avoided if possible.
* the contrast on the text is not great; I'm not able to read the word "Portable" on the far left.
Either way, I look forward to seeing what you come up with, and thanks for contributing.
I didn't take into consideration the copyright issues that might come up by using a console picture.I will try a different approach after I try sketching something.
Ok so I thought about making things in a different way.When a user enters the website he is prompted to the psp-go intro page.There he can find general information like last official version,compatible OS.
I will design a button called either "Skip" or "Go to website" that enters the real website.What do you think?
I think the only thing that would beat the current one is an HTML5 site having the waves in the background coded in HTML5 and the main site on the top with semitransparent windows.
(02-24-2013, 06:56 PM)VIRGIN KLM Wrote: I think the only thing that would beat the current one is an HTML5 site having the waves in the background coded in HTML5 and the main site on the top with semitransparent windows.
I'll read some documentation about html5.I'm pretty sure I can get the waves working through dreamweaver.
02-24-2013, 09:10 PM (This post was last modified: 02-24-2013, 09:12 PM by VIRGIN KLM.)
Your best chance is trying to convert the original PSP/PS3 wave .rcos, people say that they are pretty simple and short scripts and all the contents needed are there too. PS3's wave would look better because the textures are higher quality and it's a bit richer than PSP's wave but since we talk about PSP, I guess we have to use PSP's right? It has 2 variations, the Classic and the Normal. (BTW I'm not talking about a static image on the site, I'm talking about a full live-animated version of the wave, HTML5 or Flash should do it)
(02-24-2013, 09:10 PM)VIRGIN KLM Wrote: Your best chance is trying to convert the original PSP/PS3 wave .rcos, people say that they are pretty simple and short scripts and all the contents needed are there too. PS3's wave would look better because the textures are higher quality and it's a bit richer than PSP's wave but since we talk about PSP, I guess we have to use PSP's right? It has 2 variations, the Classic and the Normal. (BTW I'm not talking about a static image on the site, I'm talking about a full live-animated version of the wave, HTML5 or Flash should do it)
A few days ago I came upon some ps3 waves patched to work as live wallpapers for windows,mac.It was written there that the files work directly on dreamweaver so I'll take a second look there.