• 0

Help me Design my new Portfolio


Question

Hi everyone :)

I'm making this topic because i need some help to complete my new portfolio.

When i'm designing websites or logos for others it's not big deal but when it comes to design something for me i have no idea how to start or what the final design would be. :rofl:

So right now i design my Portfolio to have a nice touch of windows 8 metro start screen...

2q9z0v7.jpg

What i need is some opinions about the layout, if it's too small or too big, the color preferences and the logo.

The website will work like this:

  • The main page with my works in the middle will diplay the works i have done with slideshows and some smart design texts on 2-3 of the boxes (currently i have images there).
  • When hovering on a static image or a slidw show a information text will appear on bottom of the screen.
  • The navigation menu will have only icons but when you hover them a pop up balloon will appear on top of the icons.
  • Is it possible to make the slideshows work like i thought?
  • The position of the logo is right?

Do you guys have anything on your mind to improve the portfolio experience (maybe with some extra nice and clean css effects)?

Also what do you think about the logo?

Thank you for your time. :)

Link to comment
https://www.neowin.net/forum/topic/1050133-help-me-design-my-new-portfolio/
Share on other sites

Recommended Posts

  • 0

Really thank you for your help :)

The website in online now http://www.johnxde.com and it is almost complete, i only have to add previews of my works (websites and logos).

Now i don't know if i have any kind of errors in my website or useless lines of code that makes it load slowly.

Maybe i should try and replace the backgrounds with gradient but when i tried to do that at first time the gradient was not so smooth, it was like separated with lines.

Again thank you for your feedback guys and i'm looking forward to improve the website even more. :)

  • 0

Really thank you for your help :)

The website in online now http://www.johnxde.com and it is almost complete, i only have to add previews of my works (websites and logos).

Now i don't know if i have any kind of errors in my website or useless lines of code that makes it load slowly.

Maybe i should try and replace the backgrounds with gradient but when i tried to do that at first time the gradient was not so smooth, it was like separated with lines.

Again thank you for your feedback guys and i'm looking forward to improve the website even more. :)

Small typo.

If you can design one thing, you can deisgn everything.

  • 0

Now i don't know if i have any kind of errors in my website or useless lines of code that makes it load slowly.

According to the net panel in firebug, there's 1.7Mb worth of content on the homepage, so I'd definitely look into optimising where possible, even when loading virtually everything from the browser cache the total load time is ~10 seconds (and that's on a 30mbps connection).

Other than that though, it's a nice design, if a little busy for my liking (not a fan of elements that move without intervention, the previously mentioned change on hover, or even click to scroll would have been my preference for the slideshows, I think)

  • 0

Thanks for the feedback guys :)

i tried to optimise the images but most of the have transparency and they are in png format.

I saw once that i can slice the website from photoshop and it will automaticaly optimise the images and it will make them in jpg with very small size, is that true?

  • 0

So guys i'm coming with a new version of my website as i started to code from scratch again with clean CSS/HTML and javascript (i'm at it but i manage to make load really fast) with completely new

Design too. Well it still inspired from MS Metro interface but now the functionality is way better and it works great. Also i kept only one slideshow and the others are hover images and redirects you to each category.

I'll upload the new version really soon (once can find a good image gallery).

Here is how the website looks now, what do you think? :)

80137920.jpg

  • 0

So guys i'm coming with a new version of my website as i started to code from scratch again with clean CSS/HTML and javascript (i'm at it but i manage to make load really fast) with completely new

Design too. Well it still inspired from MS Metro interface but now the functionality is way better and it works great. Also i kept only one slideshow and the others are hover images and redirects you to each category.

I'll upload the new version really soon (once can find a good image gallery).

Here is how the website looks now, what do you think? :)

I like it. Metro with a touch of Aero imo.

It does look very clean and professional.

Again, eager to see it live.

  • 0

Thank you very much the better twin.

I'll make a post here when it will be ready soon.

Thought about using a animated background? like my own website(seahorsepip.us) does, I can help with writing animations if you want and ofc I suggest using html/css/js only no unneeded flash :p

  • 0

Hey guys i just updated my portfolio again and this time i went for a more minimal and clean design but it is still inspired from "Modern UI" by Microsoft. :)

Here is the old design:

http://img339.images...48/47597845.jpg

And here is the new design:

http://img171.images...31/96707380.jpg

and you can test live the new design here http://www.johnxde.com

I only need to fix the contact form and the website will be ready, btw do you know any simple contact form?

What are your thoughts?

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • Mp3tag 3.35 by Razvan Serea Mp3tag is a powerful and yet easy-to-use tool to edit metadata (ID3, Vorbis Comments and APE) of common audio formats. It can rename files based on the tag information, replace characters or words from tags and filenames, import/export tag information, create playlists and more. The program supports online freedb database lookups for selected files, allowing you to automatically gather proper tag information for select files or CDs. Mp3tag supports the following audio formats: Advanced Audio Coding (aac) Free Lossless Audio Codec (flac) Monkeys Audio (ape) Mpeg Layer 3 (mp3) MPEG-4 (mp4 / m4a / m4b / iTunes compatible) Musepack (mpc) Ogg Vorbis (ogg) OptimFROG (ofr) OptimFROG DualStream (ofs) Speex (spx) Toms Audio Kompressor (tak) True Audio (tta) Windows Media Audio (wma) WavPack (wv) Mp3tag 3.35 changelog: This version introduces a new Files options page, enhanced toolbar customization, support for RF64 WAV files, improved Discogs and MusicBrainz tag sources, and many other improvements and fixes. See the Release Notes for more details. Download: Mp3tag 64-bit | 5.7 MB (Freeware) Download: Mp3tag 32-bit | 5.2 MB Link: Mp3tag Homepage | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • The FIFA World Cup is not US centric.
    • It’s amusing how Microsoft is pushing IT admins as if this was a major, game-changing update. In reality, it’s just an enablement package that bumps the build number, which is disappointing compared to the more substantial 22H2 and 24H2 releases. Technically, 25H2, 26H1, and the upcoming 26H2 are essentially the same, differing only in support schedules. They could have included the Windows K2 improvements here, but chose not to. The era of Windows being in the backburner continues, and this 26H2 release feels like an afterthought. Shame, Nadella, shame.
    • Microsoft, totally not confusing /s 25H2 - Current for non-Arm based Windows 26H1 - Current for Arm based Windows 26H2 - Only for non Arm Windows
    • After I installed those, my older but capable Win 11 laptop (16GB RAM) reported it as 26H2 26300.8697. Then I installed it on my big laptop (128GB RAM! Hehe sorry), it reported it as 25H2 26220.8690. Ugh. Do I have to switch Insiders channels from Release to Beta?
  • Recent Achievements

    • Week One Done
      AMV earned a badge
      Week One Done
    • One Month Later
      AMV earned a badge
      One Month Later
    • Collaborator
      ryansurfer98 went up a rank
      Collaborator
    • One Month Later
      Eurosoft10 earned a badge
      One Month Later
    • Week One Done
      Eurosoft10 earned a badge
      Week One Done
  • Popular Contributors

    1. 1
      +primortal
      523
    2. 2
      +Edouard
      172
    3. 3
      PsYcHoKiLLa
      78
    4. 4
      Steven P.
      72
    5. 5
      Michael Scrip
      71
  • Tell a friend

    Love Neowin? Tell a friend!