4

can you guys show me yours & your favorite personal websites?

i need mine to be unique and POP. right now mine has a linear gradient background that changes each time with javascript to look cool, but that's pretty much it. do you guys have any ideas?

i really want the user to be able to deepfake the picture of me in it by using their camera and tensorflow.js so that the picture will change to their facial expressions, but i'm not sure how to do that yet.

Comments
  • 0
    cool animations, designs, etc would be great too!
  • 0
    Define: pop
  • 0
    @Root something that would make the website memorable, where a dev or nondev would say "wow, that's cool"
  • 4
    @calmyourtities You misunderstand. I’m making fun of it because that is the adjective that literally every. single. client. in. the. world. uses in their requirements, and yet they can never define it or give examples.
  • 2
    if you need inspiration there is always awwwards where you can feel instantly shit and worthless and steal from.

    https://awwwards.com/websites/...
    Best Portfolio Websites | Web Design Inspiration - Awwwards
  • 4
    Also remember! A personal / portfolio website is not about beeing flashy or "pop" it's about selling the benefits of your skills for the website visitor.

    Wrong: I have 5 years of Java.
    Correct: Expect fast precise results in if you hire me and my 5 years of daily professional use of Java.

    So put emphasis on the content of your website.
  • 2
    In addition to what @heyheni recommended, I highly recommend the “web designers idea book” series.

    And he is spot-on about focusing on the content and selling how you can help visitors instead of just showing off.
  • 0
    @Root haha i'm seventeen so i've never heard of it

    @heyheni i'm in the process of applying to college, so i'm doing this so colleges see it. i've already got all the content i need, i just want it to look cool at this point.
  • 1
    Flashy websites like Awwwkwards seriously suck because they have no purpose, and the only thing they accomplish is to make a user look at it and then close it, never to be opened again.

    They piss on usability and accessibility in favour of the "look, I'm such a cool dick" attitude.
  • 1
    As for my personal website (no link because that's under real name), it's kept to what's necessary, but not more. Usability, acessibility, responsiveness, performance, but no superfluous frills. It does have some JS with interactive animations, but only where I need that to actually convey content.

    There are even skip links that blend in and out (the latter even with time delay) to accomodate keyboard-only users, but regular users won't notice that feature as it doesn't get in their way.
  • 2
    My Website is white, with dark text.

    That’s it. I’m a Designer.
  • 2
    @010001111 Mine also. Except if the browser has its colour scheme set to dark, in which case it will automatically use the dark mode scheme that I put into my CSS. No stupid clicks and no cookies required.
  • 2
    I was 17 once too lol and thought the same. Fuck writing content with substance that's a nuisance for loosers! I (big I) gonna make it flashy and blow everyone away.
    Today i call that "Peacock" behavior. Beautiful from the front and not much on the back. 😄

    If you think your website doesn't make you sound like an arrogant asshole (unintentionally ofc 😉) and puts your vistitor's needs in the center of your show. Here are some tipps.

    Typography matters. The Font is the tiniest component in your arsenal to make you instantly liked or disliked. Have look at
    https://www.typewolf.com for good font combos.
    Use proper typographic hierarchy, for some inspiration consult
    https://www.modularscale.com

    When crafting your website, think before you code. Use pen an pencil an create structure of the page. Structure your copy text too. For ex. What Why How, What value this has for the viewer.

    Find an ebook of this
    https://amazon.com/Grid-systems-gra...
  • 0
    If you want some unintrusive eye candy have a look a p5 js. But don't overdo it!
    https://p5js.org
  • 1
    @heyheni i don't want it to be cocky, but i want it to be colorful and cool. haven't you ever seen something on a website and thought, "damn that was cool?" i want to do that.
  • 2
    yeah and for that you'll go to college? 🙂
    Don't be so hard on yourself with 17 y/o you don't have to know everything yet.
    Because making a "woah" website needs a lot knowledge from various profesions. It's damm hard!

    1. Concept writer
    2. user research
    3. Copywriting
    4. Typography / Graphic Design
    5. eventually photography and illustration
    6. project management
    7. Programming
    8. devops
    9. Marketing
    10 Search engine optimization
    11. eventually blog writing

    Keep an keen interest in everything and over time you'll be that good that one day you'll win an awwward your self?

    what do you want to study?
  • 1
    @heyheni i want them to think i have a passion for it, and i know a lot. i want to display my skills more than being professional, as i am not looking for a job. i want colleges to think i'm passionate and already know a lot about programming.
  • 0
    @heyheni I love fonts like Verdana plus similar ones for Mac and Linux, and fallback on Arial resp. sans-serif in case the system has none of the fonts I specify in the CSS font-family. And some serif fonts for print media.

    Not fancy, but very readable on screen, no bandwidth wasted for font downloads, and no privacy problems like with Google hosted fonts.

    There shouldn't be more than two different fonts at most anyway, and what I hate in particular are thin, light-grey fonts on white background which are hard to read if you aren't a young 20-something with laser sight.
  • 1
    @calmyourtities You could make something useful with your skills. How about you have a checkers game with computer adversary in JavaScript? That should be a lot simpler than chess, you can make it as projected 3D board, and make it look really cool.

    Or what's also fun, Liar's Dice, which is sort of a pirate gamble game.
  • 1
    @Fast-Nop i want something unique and modern. i was maybe thinking something with tensorflow.js
  • 1
    @calmyourtities You could try applying neural networks to Liar's Dice, maybe even with different personalities. NNs have been a great success in poker and backgammon, so that should work.
Add Comment