[W34-36] Your personal website as a creative medium
"Recruiters please hire me I'm not like other tech bros" š¦
š What I worked on
š©āš»Ā mostly coding
I set out to build a personal website thatās actually fun to look at.
At first, I thought of it as a flaunting exhibition of my ability to code, and the fact that āIām not like other tech brosā whose website is a mere repetition of their resume. With this, I hoped to woo recruiters so I wouldnāt be jobless.
Ok, letās get on designing.
Of course, the enthusiasm met the blank notebook without any visual idea.
But now Iāve learned that any creative block means a mental block, not a lack of ideas. I explored why I was having a hard time even coming up with a layout.
Noting down these blocks, it became clear that I didnāt want to just make a website for recruiters who would spend less than 30 seconds there. It became clear I didnāt want to make it a glorified resume of my tech work. Clear that I didnāt want it to be a desperation for a job.
I want it to say āHey, if we vibe, you can connect with me.ā
Hence, the order of priority for the audience of this page is:
(1) Potential randos whoāll vibe with me. I want this website to be a touch point, similar to how this Substack serves as my implicit, dynamic personal value statement.
(2) Me: A fun design and coding exercise
(3) Recruiters
With an emphasis on connection, I need to make this website especially welcoming. I noticed that the āContactā page on most personal websites is impersonal - phone number, email, or a comment box. Iād be hesitant to reach out ājust to say hiā if all I wanted to say was āyour website is cool.ā It leads nowhere. Instead, it should be personal, welcoming, and specific.
We can start with the hero image. Iām envisioning a looping video with a friend I met because of her website, something like this:
For the text, Iām very inspired by this French designerās personal website. Iād like to create a similar text animation effect for the phrase āYou can connect with me.ā The text coming together emphasizes the meaning of the phrase.
I will also put in prompts or easy suggestions on what they can connect with me about. Such as āLetās talk about how to use urban forestry to restore native habitat.ā or āWanna collaborate on a creative project together?ā or āWhat did you resonate with?ā or āSay hi I wonāt bite.ā Here, Iām open to suggestions from you, readers.
The /connect
page wonāt be the only touch point for connection. The Navigation bar has two buttons, āMenuā and āConnect with meā, displayed throughout the website.
In the main /projects
page, where I showcase my projects, there will be a mysterious section. When you click on it, it will lead to /connect
page where I suggest that we can collaborate =).
Even the simple phrasing of āConnect with meā instead of āContact meā feels warmer. Iād consider this a successful project if a rando reaches out to me from this website.
So far, I finished the layout of the Home and Project pages. Iām quite proud of the home page. It says āWelcome to Trang Doanās space,ā and itās actually an interactive space šŖ.
Waaa so much work. But this might be the most fun Iāve had with coding. I code while waiting for a dance class, while at Chase waiting to open a bank account, and first thing of the day sometimes.
I know, the design still needs fixing. This is why Iām hosting a skills exchange with my designer friend today, where heāll teach me design and how to improve this page, while I teach him how to make mapo tofu. Iām also learning lots and lots about visual design through āPrimer to Visual Literacyā by Donis A. Dondis and āA Type Primerā by John Kane. The force of curiosity propels me to read these boring academic books that I wouldāve flinched before. That makes me happy.
šļøĀ some writing.
Random break of coding with writing āWhat good therapy means,ā a piece that weaves my experience in therapy and dance.
š„” Takeaways
I failed at this project three years ago I couldnāt use React Router, despite having spent a month working on it.
Three years later, I created the backbone of the website in 2 days š¤Æ. I was proud, for being more capable. But also Iām so grateful for ChatGPT. It has made learning so much easier. I have an incentive to actually pop under the hood and understand the technology because the activation energy is low. You simply type āexplain __ in an easy-to-understand way.ā
As a hired software engineer, AI was a looming threat to take over my job. As a creative person, AI has become an amazing tool that unlocks possibilities. The more I use those tools, the more convinced I am that soon the current form of software engineering will become obsolete. Making a website or a digital product would be more like building legos - pre-made blocks offered to you based on your description. The bar of entry for the skills level youād get paid for would be much higher, similar to how no one pays for typists anymore because personal computers were invented. That means you will get to and have to rely more on creative and humanistic senses to actually create value. This excites me.
š§ Question of the week
Too many career crises to explain in a question. Just send hugs, thoughts, and prayers š.
This is the week #34-36 update of my daily creative challenge, as outlined in theĀ Re-manifesto of this blog. Iām inspired byĀ Mį» - MĘ” vĆ Hį»iās course, Writing On The Net 2 (#wotn2), and all my friends who write and create consistently!
For ways to connect, I think youāre great at making skillshare happen
woah. thats massive progress 3y ago vs now. alsooo, love the piece about skill democratization with AI. it sorta lifts the gates letting more and more folks give a form to their ideas.
loooking forward to the "final" version:))