‹ Projects

One Piece Blog

A personal blog on my favourite fiction, built with WordPress & Elementor.

One Piece Blog

Overview

Problem

A personal project on my favourite fiction, built on WordPress & Elementor. This was my first attempt at utilising WordPress.

Solution

After understanding how WordPress worked, I looked around different templates. One template that stood out to me was the Twenty Twenty-Four. The minimalistic, sleek yet expressive design, in its own way, captivated me almost immediately.

Impact

This was a very good practice and a learning experience in a different method of building websites outside coding from scratch using HTML, CSS and JavaScript.

Process

01

Research

I first begun researching other biography websites using WordPress. This allowed me to understand the most common template for the type of website I want to create.

02

Ideation

I then moved on to creating moodboards and brainstorming possible ideas I came up with and ideas I stumbled across from others. I noted everything I needed to do on Trello which allowed me to be punctual in my own deliveries.

03

Design

I started off implementing my design system and styleguide as it seemed the most logical. A couple of ideas started to flow to me during the development which made me revisit if it was possible with the limitations of WordPress.

04

Testing

Once finished, I had a UX friend of mine test it thoroughly. This included them changing images, fonts, colours etc. I was able to receive quality feedback on what went well and what could be improved.

Early wireframes

cms.png
Early wireframe: CMS
piece-2.png
Early wireframe 2

Final Design

screen-1
Final design desktop 1
screen-2
Final design desktop 2
screen-3
Final design desktop 3
screen-4
Final design desktop 4
mobile-1
Final design mobile 1
mobile-2
Final design mobile 2
mobile-3
Final design mobile 3
mobile-4
Final design mobile 4

Let us work together

Let’s collaborate ›