Project Description
Application Designer
WordPress Designer | Pecian Manufacturing V2
Technical Information
Software Used:
Illustrator
Photoshop
Balsamiq
Date:
January 2017 -March 2017
Client:
Connectee | Project 1 MDIA 2003 | Digital Design and Development Diploma | BCIT
Introduction
I created Wireframes, User Task Model, Persona’s, Questionnaires, and a Prototype for Pecian Manufacturing. I decided to take on the task of updating Pecian Manufacturing’s website. They are a company in Vancouver that make holsters for police officers, bags for people in the entertainment industry and various other customized products. They needed something that would be able to showcase/order their products and allow people to contact them.
Process
User Task Model/Sitemap/Flow
I created a User Task model to show the steps users will take before and after they land on the website. This means explaining the primary persona I researched would be thinking, and how it will navigate around the website. I created a primary and secondary persons to help create a centralized target for the website. I needed to know how good they are at using computers and shopping online. This is why I did a questionnaire to get feedback on real customers. This helped me plan out how I should lay out each of the pages before I begin coding it. The task model help make me understand what interactions the user would go through and what the outcomes would be when someone navigated around the website.
Wireframes
The wireframes are all important for developing a layout and structure, creating information hierarchy, focusing on user experience, clarifying features, and saving time.
Prototypes
Lastly, the prototype (Medium Fidelity) showed exactly what the product will look like for the desktop, tablet and mobile versions. This will all help before I got into creating the WordPress website.
Solution
In the end I was able to create a targeted and well-organized WordPress website that worked perfectly for Pecian Manufacturing. This helps increase sales and networking. By adding Yoast, SEO plugin, the sales of products increased. After completing the visuals and planning, it made it easier when I started organizing the WordPress website.