top of page

My Personal Portfolio Website

Web Development

Wix
Adobe xd
dark-blue-plain.jpg

Project Overview

Challenge

I’m confident in frontend and design, but I wasn’t comfortable with backend development. I wanted a website that does more than just look good — I wanted it to be interactive with features like messaging and live content updates.


While building the site, I realized I also needed to learn how to work with CMS (Content Management System), datasets, and dynamic pages in Wix. That was a big challenge for me because it involved new tools and a different way of thinking beyond just visual design.

Solution

  • Researched how to use Wix CMS to manage my projects

  • Learned how to create datasets to connect my content to design

  • Built dynamic pages that automatically show project details from the database

This helped me make the site easier to update in the future without manually editing each page and gave me more control over the layout and structure.

Design Process

  • Planned with Adobe XD – I created a wireframe to lay out my ideas and flow

  • Built in Wix – I turned my design into a working site and made updates along the way

  • Adjusted the Design – Some parts changed from my original wireframe as I improved the layout and user experience

Result

  • A fully working portfolio website that is interactive and responsive

  • Visitors can send messages or chat with me directly

  • I used CMS and datasets to create dynamic pages for each project

  • A true example of how I grew not only in design, but also in building websites that work behind the scenes

This project helped me gain new skills, step out of my comfort zone, and build a professional website that reflects my personality and growth as a UI/UX designer and web creator.

Project Details

  • Duration: 2–3 weeks

  • Team: Solo Project

  • Platform: Web (Responsive for Desktop & Mobile)

  • Status: Completed

Technology Used

  • Adobe XD for wireframing and prototyping

  • Wix for building and hosting the website

  • Wix Forms & Chat for interactivity

  • Wix Editor Tools for responsive layout

Key Feature

  • Clean and modern UI based on wireframe planning

  • Interactive contact form and live chat

  • Smooth scroll navigation between sections

  • Responsive design for both desktop and mobile

  • Storytelling layout to showcase my journey as a designer

  • Custom project cards with filters and call-to-action buttons

Links

  •  Live Website: YourWixURLHere

  •  Wireframe Design (Adobe XD):Available upon request

Hazelle Jane Asence

Web Designer & IT Graduate passionate about creating beautiful, functional websites that make a difference.

Quick Links

Services

Web Design

Frontend Development

Wix Website

Game Design

Connect

Linkedin

Github

Instagram

Dribble

Email

  • Instagram
  • Facebook
  • LinkedIn
  • GitHub

@ 2025 Asence from Philippines. All Right Reserved. 

bottom of page