Personal homepage – UX, Frontend, & Ruby on Rails

Posted on Posted in UX, Web Development

Example of my Personal website

Making a personal homepage

In the process of establishing myself in my career, I realized I would need a personal website to showcase my portfolio and have a presence on the web. I also decided I should build it myself, not only because it could showcase what I was capable of coding, but also because it was just plain fun.

In this project, I treated the project as a mini UX design process, as all projects should ideally be. I defined what the goal was, researched competitors and best practices, designed, tested, and iterated. In addition, because I was developing this website, coding up this website myself, I also did some app architecture planning before coding it up.  I also developed my own site, on Ruby-on-Rails, Heroku, as well as coded up the front-end templates.


Personal site site map

personal site modular code partials

personal site app architecture code partials diagram


I used my personal website for a while, updating the portfolio pieces and creating a variety of small JavaScript and front end design tweaks and bug-fixing here and there. However, I eventually moved to the WordPress content management system because of the difficulty of maintaining the backend — I wanted to focus more on design rather than code. In addition, I began to write more articles and blog posts, which WordPress’s CMS was excellently built for. Why reinvent the wheel?

As you read this, you are on my WordPress site. I am enjoying the WordPress CMS very much as it lets me worry about design and front end development, instead of how data is stored. In addition, it gives me an opportunity to learn more about the platform that a quarter of the internet’s sites are built on, without doubt a useful skill to have. I am still designing and developing websites and applications, but now I am more focused on the particular skill sets employers hire me for.