Marcus Personal Portfolio Website — Figma UI/UX Design
Project Overview
Designed a modern, dark-themed personal portfolio website in Figma as an initial UI/UX concept before developing and launching the live portfolio website in WordPress. The design presents my professional identity as a graphic designer, WordPress developer, and digital marketing support specialist, highlighting my experience, creative skills, selected projects, and services.
The visual direction combines black backgrounds, teal accents, cinematic monochrome portraits, and bold editorial typography to create a distinctive, professional, and visually engaging portfolio experience.
Key Design Sections
Hero Section – Features a personal portrait, professional introduction, and headline highlighting graphic design, WordPress development, and marketing support services.
About Me – Introduces my background, professional experience, design expertise, and commitment to helping businesses strengthen their online presence.
Professional Experience – Showcases multimedia agency experience, including graphic design, branding, marketing materials, WordPress content management, basic SEO, and video editing.
Tools & Software Proficiency – Presents skill levels across Adobe Photoshop, Illustrator, InDesign, Premiere Pro, WordPress, and Figma.
Selected Projects – Displays creative work, including apparel and T-shirt graphics, branding, promotional materials, and digital design projects.
Graphic Design & Social Media Portfolio – Highlights marketing collateral, promotional graphics, and social media content created for different brands.
WordPress Projects – Showcases website development work through visual website mockups and device presentations.
Services Offered – Organizes available services, including WordPress website development, graphic design, and social media marketing support.
Contact & Hire Me Section – Provides a dedicated area for professional inquiries, collaboration opportunities, and potential client engagement.
Design Process & Tools
Figma for wireframing, layout planning, and high-fidelity UI design
Visual hierarchy and typography selection
Dark-themed visual identity and color system
Portfolio content organization
Responsive layout concept and mobile-friendly design planning
Website mockup preparation for WordPress implementation
Development Workflow
This project represents the Figma design phase of my personal portfolio website. The interface was first conceptualized and designed in Figma, then used as a visual reference for implementation and development in WordPress.
Project Goal
To establish a strong personal brand, showcase creative and technical capabilities, and build a professional portfolio that communicates my value to businesses seeking graphic design, website development, and digital marketing support.
My Role: UI/UX Designer | Figma Designer | Portfolio Design | WordPress Website Developer
