DEV Community

Fantastic Personal Websites and How to Make Them

Amanda Sopkin on February 07, 2018

Personal websites are becoming nearly as standard as a resume for a prospective software engineer, designer, or product manager -- and for good rea...
Collapse
 
aspittel profile image
Ali Spittel

Mine is alispit.tel/. I like the bright colors! I also wrote it using vanilla CSS which was an adventure.

Collapse
 
kaitlinmarquardt profile image
kaitlinmarquardt

Oh my gosh, your website is so fantastic and cute! I feel like it just brightened my mood :D It reminds me of codedoodl.es Thank you for sharing!

Collapse
 
aspittel profile image
Ali Spittel

Ah thanks! I hadn't seen codedoodl.es before! Super cool!

Collapse
 
rwhitt2049 profile image
Ry Whittington

Love your site. I can't stop booping the letters in your name.

Collapse
 
mattlancaster81 profile image
Matt Lancaster

Ali, I just checked out your site and must say it's lovely. It's beautiful, whimsical, fun, and informative. Great job!

Collapse
 
manpenaloza profile image
Manuel Penaloza

awesome website! how the did you make that interaction feature drawing forms on click? just a short hint would cool. thx!

Collapse
 
aspittel profile image
Ali Spittel

I used P5.js and a HTML canvas! The code is on my GitHub too if that helps!

Thread Thread
 
aqeelsmith profile image
Akhil

Even the GitHub link gives back a 404

Thread Thread
 
aspittel profile image
Ali Spittel

the github link should give you a 404, I have since made it private because so many people were plagiarizing it. I've now tried on multiple devices and no issues on them or with my google analytics.

Collapse
 
aqeelsmith profile image
Akhil

Is it down?

Collapse
 
aspittel profile image
Ali Spittel

It shouldn't be, no

Thread Thread
 
aqeelsmith profile image
Akhil

I get DNS not found error

Collapse
 
maxwell_dev profile image
Max Antonucci • Edited

Mine is maxwellantonucci.com/. I redesigned it since I wanted something simple and easy to highlight what I write on it. Although like with all my personal sites, I look at it several weeks later and want to change EVERYTHING.

EDIT - I also made a Pattern Library using Pattern Lab to build out the pages and styles for my site. I still need to add the info and some more data, but you can see all the variables come together to make a full site - maxwellantonucci.com/puzzle-pieces/

Collapse
 
itsjzt profile image
Saurabh Sharma
Collapse
 
ben profile image
Ben Halpern
Collapse
 
lewismenelaws profile image
Lewis Menelaws

This might be the best website of all time

Collapse
 
jaydwayne profile image
Jay Dwayne

Totally Agree!
Golden!

Collapse
 
renannobile profile image
Renan Lourençoni Nobile

Now this is something worth checking

Collapse
 
maxwell_dev profile image
Max Antonucci

MY EYES!!!

Collapse
 
iwilsonq profile image
Ian Wilson

you're TEARING ME APART LISA!!

Collapse
 
shriharshmishra profile image
Shriharsh

Ben I got headache looking at your site on phone browser

Collapse
 
srivinprabhash profile image
Srivin Prabhash

Someone please give this man a medal :P :3

Collapse
 
albinotonnina profile image
Albino Tonnina

Hello everybody! can I share mine? albinotonnina.com

Collapse
 
sommy1994 profile image
Amaugo somto

This is amazing. Just the inspiration I have been looking for to build my own personal website.

Collapse
 
chucphi profile image
CHUCK PHIPPS

"Bye!", as a CTA, is pretty funny.

Collapse
 
alexandra-valkova profile image
Alexandra Valkova

Wow, this is impressive! Good job :)

Collapse
 
abinavseelan profile image
Abinav Seelan

abinavseelan.com 😋

The main objective for making mine was to aggregate things I was doing on- and offline. It was (and is) a way for people to see the work I've done without throwing a resume at them. 😛

It actually came out of a small demo project I was playing around with to figure out how Google's AMP worked!

Collapse
 
mortoray profile image
edA‑qa mort‑ora‑y

mortoray.com

I have so much content now that reformatting and experimenting has become somewhat of a nightmare. I'm tempted to make a second about me website that functions more as a resume, but it feels kind of pointless since all the web traffic will still go to main domain.

Collapse
 
rpalo profile image
Ryan Palo

This is really cool! I have a hard time coming up with designs on my own, so I love seeing everybody else’s cool ideas.

assertnotmagic.com

Collapse
 
codemouse92 profile image
Jason C. McDonald • Edited

indeliblebluepen.com

Yeah, it's a Wordpress, which isn't my first choice, but I have to balance time and goals: I have very little time to maintain my personal website, but I want somewhere I can post my blog articles, contact page, etc. So, Wordpress does it for me. Still, I think the effect works quite well. I did tweak the Stylesheet quite a bit.

And then there's my picture, related to one of my more popular talks, A Field Guide to Common Nerds...

On safari in the office space

Collapse
 
subbramanil profile image
Subbu Lakshmanan • Edited

chaturaloka.com

I wouldn't say it's an fantastic personal website (yet). I primarily work on android, but have a good experience in MEAN stack. This website is built using Angular.js and simple Bootstrap CSS.

I haven't worked on it for a longer time. Need to get back.

Collapse
 
erhankilic profile image
Erhan Kılıç

I'm working on new theme at demo.erhankilic.org/

I'm trying to tell my professional career and myself. I have been working on it for two weeks. Well, it seems good for now. I'm not good at designing.

Collapse
 
lukasmeine profile image
Lucas Meine

Mine is lucasmeine.com minimalist, simple and straight to the point. Could use some more love on the mobile version though.

Collapse
 
criall12 profile image
Criall12

I just checked out your website and must say that it is beautiful. Not only is it beautiful, but it is whimsical, informative, and fun. Excellent work! I love your website. It made me feel happier just by looking at it. Thank you for sharing! This reminds me of codedoodl.es.

Collapse
 
namirsab profile image
Namir

Simplest thing ever, i made it just the day before I sent it, and I wanted nothing but something readible (and responsive)
Not so beautiful, but did its job. I got the job afterwards :P

namirsab.github.io/

Collapse
 
scrabill profile image
Shannon Crabill • Edited

Great article! I've been way, WAY overdue on redoing my portfolio, so it was refreshing to see options that aren't as "here are my work samples!". I really like the idea of Cassidy Williams portfolio, where it highlights what she does, what she's up to, etc without being image heavy.

I'll have to sit down and really think about what I want the next version of portfolio site to look like (without being so perfectionist that I don't make any progress)

This is my current site: shannoncrabill.com/

I don't have data to support what has/hasn't worked, but I overall know I can improve it.

ALSO, I just realized it says email developer when I do more than that. I consider myself both an email and front-end developer. But how do I prove it? How do I show my skillset and the work I can do?

Collapse
 
theoutlander profile image
Nick Karnik

Mine is at nick.karnik.io. It is a work in progress, but I'm thinking of redesigning it using Gatsby and hosting content from GitHub / Netflify.

Collapse
 
lewismenelaws profile image
Lewis Menelaws

I love Gary Le Masson website. Very relevant for his type of work.

Collapse
 
nrobinson2000 profile image
Nathan Robinson

I'm hosting mine with netlify using vanilla CSS. nrobinson.me/

My blog is also netlify, using Jekyll.

I'd like to add more stuff to it when I have time.

Collapse
 
baso53 profile image
Sebastijan Grabar

sebastijangrabar.me/

Simple with colors of the sunset.

Collapse
 
hybrid_alex profile image
Alex Carpenter

alexcarpenter.me

Constantly changing and evolving.

Collapse
 
bharris profile image
Benjamin Harris • Edited

Mine is at benharr.is/

May or may not be adapted from a free template :)

Collapse
 
bobbysebolao profile image
Bobby

Mine is bobbysebolao.com, still a WIP, any suggestions or feedback would be helpful!

Collapse
 
criall12 profile image
Criall12

You have a wonderful website. This might be the best website of all time for me because I can't stop booping the letters in your name.

Collapse
 
vkuznecovas profile image
Viktoras

Mine is dizzy.zone. I mostly focused on making it easy on the eyes and making it as fast to load as I can.

Collapse
 
gmartigny profile image
Guillaume Martigny

I don't think it's fantastic, but here's mine =)
guillaume-martigny.fr

Collapse
 
chucphi profile image
CHUCK PHIPPS

Can't resist showing mine, coded from scratch . . . chuckphipps.me

Collapse
 
keef profile image
keef

imkeef.com/

constantly changing