lukowski.io How I have designed and developed my own portfolio site.
As a UX/UI Designer, I want to feature my work online to make it easy for me to present it out and as the same time make it available those who are interested to see it.
My intention was to provide the best viewing experience, regardless of the device it would be viewed on, therefore from the very beginning going for the responsive site has been an obvious choice.
While creating the wireframes, I focused on the fast and easy access to all the important elements of the site (projects, info about me and the contact options) and on the responsiveness of the design.
I have conducted the usability test with five participants (online) and made the following revisions based on the feedback:
- Created anchor links to the project section (from all the pages), so that clicking “work” transfers directly to the projects (before clicking the logo resulted in the same action as clicking the “work” – transferring to the home page (as the project section is on the home page), but the users could not see the projects directly, as they were transferred to the top of the page and needed to scroll down). To keep the structure consistent, I have also decided to change the “about” page into the section of the home page (it was evaluated as being relatively too short to be a separate page).
- Activated the project images in the project sections and the case studies as links, as users tend to click the images (rather than “View more” buttons or the descriptions under the images) when they want either to go to the project page or zoom in/open a pdf.
- Displayed my email address except having the “Email” button, as the automated new email window does not open when e.g. a user is not using/has not configured the email app (also helpful in case somebody would like to see or just copy the address).
- Completely redesigned the graphic style of the site, as it has been evaluated as “very basic and not encouraging to stay on the site” (not really a pure usability issue, but a very important one given the objectives of the site).
Coding & code-testing
Finally, I added Google Analytics code in order to see how many visitors I have and what their visiting aptterns are.