{"id":4190,"date":"2026-10-18T09:15:35","date_gmt":"2026-10-18T04:15:35","guid":{"rendered":"https:\/\/islamabad.wordcamp.org\/2026\/?p=4190"},"modified":"2026-10-18T18:53:23","modified_gmt":"2026-10-18T13:53:23","slug":"digital-presence-ui-ux-workshop","status":"publish","type":"post","link":"https:\/\/islamabad.wordcamp.org\/2026\/digital-presence-ui-ux-workshop\/","title":{"rendered":"Workshop 2: Design Your Digital Presence with UI\/UX"},"content":{"rendered":"\n<div class=\"wp-block-group session-page is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"session-intro wp-block-paragraph\"><strong>What do people see when they find you online for the first time?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Your website is often the first place a client, employer, or customer meets you. Within a few seconds, they decide whether it feels clear, credible, and worth exploring.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Good design is less about decoration and more about consistency: the same colors, type, and tone everywhere people find you.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">At WordCamp Islamabad 2026 Contributor Day, this workshop shows you how to give your site a clear identity using the design tools already built into WordPress, without hiring a designer or writing code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You will define your own brand basics, apply them to a working site, and get practical feedback on the result.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What You\u2019ll Learn<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Brand Basics:<\/strong> Choosing a small set of colors, fonts, and a tone that represent you or your business.<\/li>\n\n\n\n<li><strong>Global Styles:<\/strong> Applying those choices across your whole site from one place in the Site Editor.<\/li>\n\n\n\n<li><strong>Layouts with Patterns:<\/strong> Building clean, balanced pages quickly with block patterns.<\/li>\n\n\n\n<li><strong>Consistency at Scale:<\/strong> Creating reusable sections so every page follows the same design.<\/li>\n\n\n\n<li><strong>Mobile and Accessibility:<\/strong> Checking how your site looks on small screens, with readable contrast and clear headings.<\/li>\n\n\n\n<li><strong>Beyond Your Website:<\/strong> Carrying the same visual identity across your social profiles.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-0aa01211 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/islamabad.wordcamp.org\/2026\/tickets\">Get Tickets<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Meet Your Facilitators<\/h2>\n\n\n\n<div class=\"wp-block-columns speaker-card is-layout-flex wp-container-core-columns-is-layout-04822461 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:180px\">\n<figure class=\"wp-block-image size-full speaker-photo\"><img loading=\"lazy\" decoding=\"async\" width=\"704\" height=\"803\" src=\"https:\/\/islamabad.wordcamp.org\/2026\/files\/2026\/10\/Muhammad-Faizan.png\" alt=\"\" class=\"wp-image-4233\" srcset=\"https:\/\/islamabad.wordcamp.org\/2026\/files\/2026\/10\/Muhammad-Faizan.png 704w, https:\/\/islamabad.wordcamp.org\/2026\/files\/2026\/10\/Muhammad-Faizan-263x300-1.png 263w\" sizes=\"auto, (max-width: 704px) 100vw, 704px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Faizan<\/h3>\n\n\n\n<p class=\"speaker-role wp-block-paragraph\">Full-Stack Developer &amp; CS Lecturer<\/p>\n\n\n\n<ul class=\"wp-block-list speaker-tags\">\n<li>React &amp; Node.js<\/li>\n\n\n\n<li>Scalable Architecture<\/li>\n\n\n\n<li>AI<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Faizan is a full-stack developer and computer science lecturer who works across React, Node.js, Express, Python, and both SQL and NoSQL databases. His interests include scalable architecture and AI, and he brings classroom experience in explaining technical concepts clearly.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns speaker-card is-layout-flex wp-container-core-columns-is-layout-04822461 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:180px\">\n<figure class=\"wp-block-image size-full speaker-photo\"><img loading=\"lazy\" decoding=\"async\" width=\"618\" height=\"618\" src=\"https:\/\/islamabad.wordcamp.org\/2026\/files\/2026\/10\/Malik-Amir.png\" alt=\"\" class=\"wp-image-4192\" srcset=\"https:\/\/islamabad.wordcamp.org\/2026\/files\/2026\/10\/Malik-Amir.png 618w, https:\/\/islamabad.wordcamp.org\/2026\/files\/2026\/10\/Malik-Amir-150x150.png 150w, https:\/\/islamabad.wordcamp.org\/2026\/files\/2026\/10\/Malik-Amir-300x300-1.png 300w\" sizes=\"auto, (max-width: 618px) 100vw, 618px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Malik Amir<\/h3>\n\n\n\n<p class=\"speaker-role wp-block-paragraph\">Senior UI\/UX Designer &amp; Developer, Zylogicx<\/p>\n\n\n\n<ul class=\"wp-block-list speaker-tags\">\n<li>UI\/UX Design<\/li>\n\n\n\n<li>Digital Products<\/li>\n\n\n\n<li>Mentorship<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Malik is a senior UI\/UX designer and developer and a strategic leader at Zylogicx. He is a core team member of IxDF Pakistan and Chapter Leader of IxDF Islamabad, with experience leading teams, organizing industry events, and mentoring aspiring professionals in digital product design.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns speaker-card is-layout-flex wp-container-core-columns-is-layout-04822461 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:180px\">\n<figure class=\"wp-block-image size-full speaker-photo\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1600\" src=\"https:\/\/islamabad.wordcamp.org\/2026\/files\/2026\/10\/Anam-Bareerah.jpg\" alt=\"\" class=\"wp-image-4193\" srcset=\"https:\/\/islamabad.wordcamp.org\/2026\/files\/2026\/10\/Anam-Bareerah.jpg 1600w, https:\/\/islamabad.wordcamp.org\/2026\/files\/2026\/10\/Anam-Bareerah-150x150.png 150w, https:\/\/islamabad.wordcamp.org\/2026\/files\/2026\/10\/Anam-Bareerah-300x300-1.png 300w, https:\/\/islamabad.wordcamp.org\/2026\/files\/2026\/10\/Anam-Bareerah-768x768.png 768w, https:\/\/islamabad.wordcamp.org\/2026\/files\/2026\/10\/Anam-Bareerah-1024x1024.png 1024w, https:\/\/islamabad.wordcamp.org\/2026\/files\/2026\/10\/Anam-Bareerah-1536x1536.png 1536w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Anam Bareerah<\/h3>\n\n\n\n<p class=\"speaker-role wp-block-paragraph\">Graphic Designer<\/p>\n\n\n\n<ul class=\"wp-block-list speaker-tags\">\n<li>Graphic Design<\/li>\n\n\n\n<li>Visual Communication<\/li>\n\n\n\n<li>Event Branding<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Anam is a graphic designer focused on creative visual communication. She creates graphics that bring ideas, events, and brands to life, and is part of the WordCamp Islamabad 2026 organizing team as its graphic designer, contributing to the event&#8217;s visual identity.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-0aa01211 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/islamabad.wordcamp.org\/2026\/tickets\">Get Tickets<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Who Should Attend?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Whether you are a freelancer building a portfolio, a founder shaping a brand, a creator growing an audience, or a small business owner who wants a more professional site, this workshop is for you.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bring a charged laptop and, if you have them, your logo, a few images, and any colors you already use. Basic familiarity with the WordPress dashboard will help; a practice site will be available.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Session Details<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Event:<\/strong> WordCamp Islamabad 2026, Contributor Day<br><strong>Date:<\/strong> Saturday, 24 October 2026<br><strong>Venue:<\/strong> e-Earn Innovation Hub, Rawalpindi<br><strong>Session:<\/strong> Hands-on Workshop<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Join us to shape a digital presence that looks consistent and feels like you.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/islamabad.wordcamp.org\/2026\/files\/2026\/10\/design-workshop-1024x538.png\" alt=\"\" class=\"wp-image-4231\" srcset=\"https:\/\/islamabad.wordcamp.org\/2026\/files\/2026\/10\/design-workshop-1024x538.png 1024w, https:\/\/islamabad.wordcamp.org\/2026\/files\/2026\/10\/design-workshop-300x158.png 300w, https:\/\/islamabad.wordcamp.org\/2026\/files\/2026\/10\/design-workshop-768x403.png 768w, https:\/\/islamabad.wordcamp.org\/2026\/files\/2026\/10\/design-workshop-500x263.png 500w, https:\/\/islamabad.wordcamp.org\/2026\/files\/2026\/10\/design-workshop.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-0aa01211 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/islamabad.wordcamp.org\/2026\/tickets\">Get Tickets<\/a><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>A hands-on workshop on brand basics, global styles, and patterns, so your WordPress site looks consistent on every screen.<\/p>\n","protected":false},"author":14631868,"featured_media":4231,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"Learn to give your website a clear, consistent identity with WordPress design tools. Hands-on workshop at WordCamp Islamabad 2026 Contributor Day, Rawalpindi.","jetpack_seo_html_title":"Design Your Digital Presence | WordCamp Islamabad 2026","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"Design Your Digital Presence at WordCamp Islamabad 2026\nColors, type, layouts, and consistency, all built with WordPress. Join Faizan, Malik Amir, and Anam Bareerah on 24 October.","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_wpas_customize_per_network":false,"jetpack_post_was_ever_published":false},"categories":[1],"tags":[],"class_list":["post-4190","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/phj35E-15A","jetpack_featured_media_url":"https:\/\/islamabad.wordcamp.org\/2026\/files\/2026\/10\/design-workshop.png","_links":{"self":[{"href":"https:\/\/islamabad.wordcamp.org\/2026\/wp-json\/wp\/v2\/posts\/4190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/islamabad.wordcamp.org\/2026\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/islamabad.wordcamp.org\/2026\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/islamabad.wordcamp.org\/2026\/wp-json\/wp\/v2\/users\/14631868"}],"replies":[{"embeddable":true,"href":"https:\/\/islamabad.wordcamp.org\/2026\/wp-json\/wp\/v2\/comments?post=4190"}],"version-history":[{"count":3,"href":"https:\/\/islamabad.wordcamp.org\/2026\/wp-json\/wp\/v2\/posts\/4190\/revisions"}],"predecessor-version":[{"id":4234,"href":"https:\/\/islamabad.wordcamp.org\/2026\/wp-json\/wp\/v2\/posts\/4190\/revisions\/4234"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/islamabad.wordcamp.org\/2026\/wp-json\/wp\/v2\/media\/4231"}],"wp:attachment":[{"href":"https:\/\/islamabad.wordcamp.org\/2026\/wp-json\/wp\/v2\/media?parent=4190"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/islamabad.wordcamp.org\/2026\/wp-json\/wp\/v2\/categories?post=4190"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/islamabad.wordcamp.org\/2026\/wp-json\/wp\/v2\/tags?post=4190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}