hello.
i am currently working at a design concept for my portfolio, a project i;m thinking at for about three years.
so i kind of made a mockup last days, and now that it got a shape i thought i'd share it with you :)
any ideas, suggestions are welcome. here's the link:
http://onetranslate.ro/onedesigns/
p.s. if you view it with ie, especially ie6, well...
The backgrounds take a while to load, the best way to fix it I think would be to get the files optimized and use a tiled background (simpler) behind each complex one.
So basically a tiled background is going to load right away and be simpler, and the complex detailed one loads after on slower connections.
already optimized the backgrounds once. from a 2.8mb png background i shrinnked it to a 300kb jpeg :))
however, i'll think about applying a tiled background
have a tiled background, then put the one over it. The image doesn't stretch across my screen (1680x1050)
1. JPG is not lossless, use png
2. It still takes too long to load
3. Follow Uberlemurguy's instructions to fix..
300kb :D I tend not to have an entire site over 300kb let alone one image!
The background image you could easily tile, it might not have the exact same effect, but as most of it is hidden anyway it really wouldn't make any difference, make it 50x50 or something at least.
The same is true for mainbg.jpg
Things like pagelfip.png you could just have it 20px in width and the background position top right with no-repeat and a fill of #000, that'll reduce that'll reduce it considerably.
footer.png again you could just use the bottom white effect and us it on the top and the bottom and then a much smaller image repeating with a further right and left image either side. Or at the very least have the middle bit about 1/3 of the height and repeating.
You could improve every image on there, but there's a few pointers to get you thinking and understanding.
hey guys :)
so, after coming in a lot of problems with the design above in guess what browser? yeah, that one... and as on my other websites i still get 40% treffic from ie6, it's an aspect i can't ignore.so i dropped that design and created this one:
http://www.onetranslate.ro/clean/
no huge image files, no overlapping backgrounds, no transparent png and ie6tard friendly.
what do you think? :)
It looks slick. The open designs logo needs to be cleaned up, and the black text in the footer is difficult to read. Other than that, good job. I like having the code appear in your latest designs/works images.
The second design looks much better. I would consider giving the whole bottom div the same background color like the footer.
The background of the first design was not that extraordinary that it was worth the long loading time. However what I preferred in the first design is that the background was not so dark and the contrast between content and background a bit more harmonic.
thanks for the nice feedback :)
actually it's the olive text (links) in the footer that seems hard to read to me, but that was more or less my intention as i wanted the links to overlay on the background and only highlight when they are hovered