I Redesigned My Portfolio Website!

thumb_wcm2

I’m happy to announce that I finished to redesign my portfolio website! It’s a first time to redesign it in about 3 years. Actually former theme is my first original WordPress theme ever. I tried very hard to make it at that time but the whole code and file structures are messed up when I looked at it again so I decided to redesign.


Portfolio website

It’s redesigned to like this.

Web Font

Web Font
One of the most important things that I focused on is the font. I hope you’ll see how typography effects design well. It’s used Google Font for English version, and TypeSquare for Japanese version.

Multi Language

This blog is used “qTranslate” plugin as I posted “Make Your Website Multilingual Using WordPress Plugin – qTranslate“. However I used “WPML” this time because It has been used that plugin since launched. Multilingual CMS for multilingual websites with WordPress is US$79, Multilingual Blog for multilingual blogs is US$29. They offer 30 days money-back guarantee.

Multi Language
“String translation” function is very useful. Normally we need to prepare .mo file to translate words in theme files, but this can find <?php _e('Word','theme-name')?> tags automatically and you can translate and manage them in a dashboard.

Cross Browser

モダンブラウザ対応
It’s tested on modern browsers. Google analytics says IE8 – 4.3%, IE7 – 0.3% and IE6 – 0.1% so I didn’t even check on IE6 and 7. I don’t think it’s displayed well on them. It’s supported IE8 except CSS3.

Home

Home
The whole design concept is “Clean and elegant”. It was used black and white + a little bit blue like this blog at the first, but it looked a bit too formal. So I used different high saturation colours to each page. A big tagline is the same as before.

About Page

Skill Set

Skill Set
I put the skills that I can do or I’m good at in a shape of a heart. I deleted star ratings because I realized that I should show my skills through a portfolio website.

Timeline

Timeline
It’s too long to describe my background or where I’ve stayed in writing so I put them together in a timeline.

Works Page

Thumbnails

Thumbnails
I added a filter by category function.

Details Page

Details Page
It’s used the same layout. Images can be swiped on a mobile.

Contact Page

Contact Page
A contact form is separated into 2 columns to make a page shorter.

Footer

Favourite Quotes
Some of my favourite quotes are displayed here.

I hope everyone can enjoy my website!

Share

Comments