Designing A Personal Website for Designers and Developers
Your best impression
Throughout my career, I have had several personal websites, all having several purposes. Some were used as a personal blog, others were used as a personal portfolio to showcase all my works. I have hosted them on several domains such as “dubemkizito.me”, “dubemkizito.com”, “dubemkizito.dev” and so many others. I usually just let the domains expire. But this time I decided to take a more deliberate approach to make a personal website that would serve me better.
- Font: There are a lot of free fonts you can use from Google fonts. My personal favorites include Muli, DM Sans, DM Serif, Montserrat, Lato, Spartan League, and Overpass.
- Color Scheme: Most personal portfolios I have seen are minimalist and in black and white, but the colored ones always look exceptional.
- Patterns: This a design elements that can spice up your site. I see it in a lot of personal websites. Some use background patterns others use illustrated patterns.
- Illustrations: Illustrations usually adds some flavour to a website, you can use it if you can make one or get someone to make you one.
- Design Pattern: Anyone that sees a website made by me, can identify the rest. This is because I have already an established pattern for how I build websites. I hope to build it into an actual design system in the future. Having a consistent design patterns across your works can tye them together. It doesn’t all have to look similar but you can have a particular element that marks your works.
You might be tempted to go for multiple pages, but you can first start with a single page website and graduate to a multi-page website if the need arises.
- Logo: You can use plain text but, there is nothing wrong with creating a simple and elegant logo for your brand.
- Links: I think one of the most important and first things for your personal portfolio is to have links to your various online space for example medium articles, youtube, LinkedIn, and other social media. This might seem counter-intuitive, but if someone's attention is drawn to some link on your site, then they might be the written customer, else they can continue scrolling down the page.
- About: A lit bit about your self followed by your social media handles will do. You can also add your interest.
- Preferred Tech stacks and tools: I always find it fun splashing bubbles of all the programming languages I know or software packages I use, with some text by the side.
- Client Works: This is the best place to give a hint about the kinds of projects you would be excited about. You can arrange them in order of preference or date delivered, but make sure not to include shabby or unfinished works.
- Personal Projects: You can also include your personal projects for documentation or to even serve as part of your professional portfolio. I have often found developers with even much more sophisticated personal projects mostly because they worked on it over a long time without constraint to scope.
- Contact: Don’t forget to add a means for anyone interested in your services to contact you.
Cool Website Domain Name Extensions
Technologies to use
- For me, I will be using a Vuejs Page hosted on firebase
- Makes you more professional
- Can be used as a resume
- Can be used as a blog
- Can be used as a journal
- Can be used when applying for jobs
- Can be used as a gallery for your works
- Helps you in global reach
If you have noticed by now, this post is really a way for me to plan out my own personal website, but I hope it helps you in some form. Anticipate my personal website at dubem.design.
Thanks for reading…