You will get Bold Bento-Style Website in Figma | Modern Branding & Startup Design
Rising Talent
Project details
This project stands out because it combines minimal website design with a bold, bento-grid aesthetic tailored in Figma for creators, artists, and personal brands. Unlike generic templates, I design a custom personal branding website that blends modern typography, vibrant color schemes, and modular layouts to highlight podcasts, portfolios, and community projects.
With experience in UI/UX design, Figma prototyping, and SEO-optimized layouts, I ensure every page is both visually striking and discoverable. From the Girls Talk STEM podcast to the Queendom Metaverse showcase, the design reflects empowerment, creativity, and storytelling while staying fully responsive and developer-ready.
What sets this project apart is the fusion of creativity and structure:
🎨 Bento grid layouts for art, podcasts, and STEM projects.
🚀 Modern branding system (color tokens, fonts, reusable components).
📱 Responsive Figma design with interactive prototypes.
🔑 SEO-friendly titles, descriptions, and calls-to-action built into the design.
This isn’t just a design — it’s a full personal brand ecosystem that helps creators, thought leaders, and young changemakers shine online.
With experience in UI/UX design, Figma prototyping, and SEO-optimized layouts, I ensure every page is both visually striking and discoverable. From the Girls Talk STEM podcast to the Queendom Metaverse showcase, the design reflects empowerment, creativity, and storytelling while staying fully responsive and developer-ready.
What sets this project apart is the fusion of creativity and structure:
🎨 Bento grid layouts for art, podcasts, and STEM projects.
🚀 Modern branding system (color tokens, fonts, reusable components).
📱 Responsive Figma design with interactive prototypes.
🔑 SEO-friendly titles, descriptions, and calls-to-action built into the design.
This isn’t just a design — it’s a full personal brand ecosystem that helps creators, thought leaders, and young changemakers shine online.
Main Type
Email Templates, Landing Pages, Mobile Apps, Web Apps, Website, OtherFile Format
JPG, PDF, PNG, SVGWhat's included
| Service Tiers |
Starter
$50
|
Standard
$150
|
Advanced
$350
|
|---|---|---|---|
| Delivery Time | 1 day | 3 days | 7 days |
Number of Pages | 1 | 3 | 7 |
Number of Revisions | Unlimited | Unlimited | Unlimited |
Source Files | |||
Commercial Use | |||
Convert to HTML/CSS | - | - | - |
Responsive Design | |||
Interactive Mockup |
3 reviews
(3)
(0)
(0)
(0)
(0)
This project doesn't have any reviews.
JS
Joe S.
Jul 8, 2025
Create this graphic in Figma within the next 30 minutes
Went above and beyond after I had to make some changes to the original spec. Thanks for your flexibility!~
DB
Do Shin B.
May 10, 2025
Design Educational Platform Website on Figma
RY
Ruslana Y.
May 8, 2024
Assignment for my mobile application
Haider Ali - it was a pleasure to work with you!
I am very pleased with your work - responsible attitude to work and timely completion of tasks.
I recommend your services and will use you again!
I am very pleased with your work - responsible attitude to work and timely completion of tasks.
I recommend your services and will use you again!
About Haider
Mobile & Web UI Designer | Intuitive, Branded Mockups & Prototypes
100%
Job Success
Faisalabad, Pakistan - 11:33 pm local time
🚀 Projects & Products Showcase
✅ 26+ Project Completed Successfully.
✅ ELEMED App – Seamless healthcare appointment booking flow for patients & doctors.
✅ OrbitPlan – Intuitive daily planner app focused on productivity & motivation.
✅ ResolvedX + BlueHalo – Advanced digital safety platform UI for enterprise teams.
✅ Taxi & Rolls App – Live booking & dispatching UX for ride services across devices.
✅ Handyman Services – User-friendly service scheduling and tracking experience.
✅ Project Light – Website revamp for a non-profit, improving donations & signups.
EXPERTISE
✅ Mobile & Web App UI/UX Design
✅ Wireframing & Prototyping (Low to High-Fidelity)
✅ Responsive Design (Desktop, Tablet, Mobile)
✅ User Research, Journey Mapping & Usability Testing
✅ Design Systems & Visual Consistency
✅ Collaboration with Developers, PMs, and Marketers
Tools & Skills
Design Tools
✅ Figma
✅ Adobe XD
✅ Adobe Illustrator
✅ Adobe Photoshop
✅ Zeplin
Prototyping Systems
✅ Protopie
✅ Fluent Design
✅ Material Design
UX Processes
✅ User Personas
✅ User Surveys
✅ Information Architecture
Additional Strengths
✅ Responsive Web & Mobile Design
✅ Accessibility & Inclusive Design Practices
🎓 Education
Bachelor of Science in Software Engineering (BSSE)
Riphah International University – Faisalabad, Pakistan
2021 – 2025 (Expected)
✅ UI Design
✅ Human-Computer Interaction (HCI)
✅ UX Design
✅ User Research
Steps for completing your project
After purchasing the project, send requirements so Haider can start the project.
Delivery time starts when Haider receives requirements from you.
Haider works on your project following the steps below.
Revisions may occur after the delivery date.
Clarify goals, target audience, primary actions (listen, follow, apply).
Define what the website should achieve — e.g., build Aayati’s personal brand, showcase her podcast, highlight her art, inspire girls in STEM, and create an engaging hub for her community.