Portfolio

Role: UX/UI Designer & Owner
Tools: WordPress, Custom CSS, Plugins

Project Overview

For my personal website, I set out to create a clean, distraction-free platform optimized for both mobile and desktop users. My primary goals were:

• To Inspire and Showcase My Growth Journey: Thoughtful design highlights engaging inspirational content and my personal journey.

• Minimalist and User-Centered Design: Ensuring an intuitive and seamless user experience.

• Mobile Optimization: A fully responsive, fast-loading site for all devices.

The website was built using WordPress, with a lightweight theme customized using CSS and carefully selected plugins to improve performance and user experience.

Key Features

• The “Inspire Me” Button: Solves decision fatigue by offering users a curated inspirational text post with one click. Users no longer need to scroll through posts—if they aren’t inspired, clicking the button again generates another post.
  • User Benefits: Saves time, simplifies navigation, and keeps older posts relevant.
  • My Benefit: Increases user engagement and total time spent on the site.
    This button places the inspirational content at the center of my website, enhancing the user experience while supporting my mission to inspire.
• Showcasing my “Journey”: This website serves as a personal extension of myself—showcasing what I’m working on, my goals, and my vision. It’s not just a website; it’s an accountability tool that pushes me to achieve my ambitions while inspiring others to do the same.
  • User Benefits: Learn from my experiences, replicate my systems, and gain trust through my authenticity.
  • My Benefit: Stay accountable to my goals while positioning myself as a growth-focused individual.
• Hidden Search Functionality: To maintain a clean layout, I added a subtle search bar above the footer on the home page. This feature allows users to search for specific content without overwhelming them with too many visible options.

Design Process

• Research & Planning
  • Focused on minimalist layouts with ample white space to avoid clutter.
  • Ensured fast loading times to improve user engagement, particularly on mobile.
  • Created a clear site structure for showcasing my work and personal journey.
• Prototyping I mapped out the content layout and user flow through wireframes:
  • Homepage: A clean header with a compelling introduction, intuitive navigation, and the “Inspire Me” button as a call-to-action, plus a prompt to watch my latest YouTube video.
  • Portfolio Page: A showcase of my projects, educational journey, and detailed explanations.
  • Productivity Page: Insight into my productivity journey, including my setup for phone, laptop, and environment.
  • Books Page: A running list of books I’ve read over the years.
  • Goals Page: An accountability page showcasing my annual goals.
  • Journey Pages: An in-depth look at my personal growth across various aspects of life.
  • About Me Page: My story, mission, and values.

Development & Customization

Using WordPress as the foundation, I customized the theme with CSS to achieve:

• Redirect URL to Post: Powers the “Inspire Me” button functionalit
• WP Fastest Cache: Boosts speed and performance.
• Yoast SEO: Enhances discoverability and search engine ranking.
• WPS Hide Login: Adds extra security by hiding the admin login page.
• WP Reading Progress: Displays a progress bar & showcases reading minutes for an improved reading experience.
• Site Kit by Google: Provides insights and analytics to optimize user engagement.

Custom Menus:

• Desktop & Tablet Menu: Showcases sub-menus clearly and effectively.
• Mobile Menu: A simplified menu for a minimalist, clean look. Sub-menu items are displayed on a dedicated page, ensuring optimal usability on smaller screens.

Testing & Optimization

I rigorously tested the website across devices and browsers to ensure:

• Full responsiveness (mobile, tablet, desktop).
• Fast loading times.
• Smooth, distraction-free navigation.

Results

• A clean, professional portfolio website that highlights my mission to Inspire and Showcase My Growth Journey.
• Enhanced performance through optimization techniques, delivering a fast and user-friendly experience.
• A strong demonstration of my UX/UI design skills, CSS customization, and WordPress expertise.

The “Inspire Me” Button Impact:

• Simplifies the user journey, keeping inspirational content central to the website.
• Reduces decision fatigue, making it easier for users to stay engaged.
• Elevates user experience by ensuring all content remains accessible and relevant.

Key Takeaway

This project challenged me to merge aesthetics with functionality, resulting in a website that aligns with my personal brand and inspires visitors to explore. By implementing features like the “Inspire Me” button and prioritizing clean, user-centered design, I created a unique platform that elevates both the content and user experience.

Keeping it a clean, simple, and easy-to-navigate personal website that resonates with the minimalist approach I live by.

Project: Bridging the Gap Between Marketing Jargon and Client Understanding

Daizy Media, a marketing agency, faced a significant challenge in effectively communicating their services to clients. The complexity of marketing terminology made it difficult for clients to fully understand what they needed to improve their business. My task was to design a user experience (UX) solution that would bridge this gap, making it easier for clients to grasp the value of the agency’s services and understand what steps they needed to take for business growth.

I created an intuitive walkthrough experience that guided clients through Daizy Media’s service offerings, simplifying marketing concepts and demonstrating how each service could directly contribute to revenue growth. The goal was to make it clear what improvements the client should focus on, from brand awareness to lead generation and conversion optimization, using simple and clear language.

The project involved conducting research into UX design best practices, collaborating with stakeholders to ensure alignment with client needs, and refining the user interface (UI) to make the experience as intuitive as possible. The final product was a polished, interactive prototype that allowed Daizy Media to effectively communicate its services in a way that was both accessible and actionable for their clients.

What I Did at Booom: During my internship, I worked on various projects related to website and web application designs. I participated in multiple client meetings to understand their expectations and requirements.

• Optimized mobile design for the Streetgasm website.

• Contributed to the design of several websites, including Plushome, BdH Advocaten, and Proeftuin Randwijk.

• Presented designs and explained design choices, ensuring alignment with client goals and vision.

Role: IT Administrator for Multiple Locations

During my internship at Kingspan, I focused on troubleshooting issues and processing IT tickets across various locations. I traveled frequently to Kingspan sites, collaborating with colleagues from the parent company in England. This role enhanced my communication and teamwork skills.

Project: Implement Maintenance Program in MC Main Software

I worked on integrating a maintenance program into the MC Main software system to optimize quality control and preservation of molds. This experience allowed me to gain valuable insight into process optimization and software implementation.