Katppy

Role

Designer & Developer

Skills

• UI/UX Design
• Responsive Design
• Wireframing
• Prototyping
• User Testing
• HTML
• CSS
• Tailwind
• JavaScript
• PHP
• WordPress
• SEO
• Email Marketing
• Communication
• Team Collaboration
• Time Management

Project Overview

Purpose

This project was created for a real-world client as part of NAIT's capstone project.

Task

The client requested a WordPress e-commerce website to transition from selling on Etsy to their own Katppy site. The client established some branding but wanted to enhance their online presence.

The website requirements included:

• Managing inventory
• Email marketing
• Order tracking
• Advertising events Katppy attends
• Contact form for customer inquiries

Our client also provided us with various pages of content for images, FAQ's, policy information, and product descriptions that we incorporated into our design.

Tools

• Figma
• WordPress
• WordPress Plugins
• Mailchimp
• AfterShip
• Stripe
• Visual Studio Code
• GitHub

Process

I collaborated with two other web design and development students at NAIT as a team named Echo Digital.

Our approach included:

• Client Meeting: Meet with the client to fully understand their needs and objectives for their website and branding.
• Design & Prototyping: Worked on designing user flows, wireframes, and prototypes to map out the structure and functionality of the website.
• Development & Setup: After understanding the user flow and functionality, we set up the WordPress website, incorporating the content and styling using custom CSS and Tailwind. As well as integrating payment, shipping, event, and email marketing.
• Testing & Feedback: Throughout this project, we received client feedback and user testing to continue to make improvements that meet the client's desires while keeping a good user interface and experience.

Timeline

January 9th 2025 to April 25th 2025

Below you can see a snapshot of some of the design process and visit the final development.