The Portfolio Page<\/h3>\n\n\n\n
My portfolio site is Charlonis.com\/portfolio<\/a>, and is password protected. Connect with me on LinkedIn<\/a> if you’re interested to look under the hood.<\/p>\n\n\n\n I’m using a WordPress feature called Themes to control the look and feel, similar to leveraging a DSM. The page building system native to WordPress is similar to Figma, in terms of aligning objects and controlling the layout.<\/p>\n\n\n\n Of course it has to be RWD. When you view the portfolio, resize your browser to see it work. Or visit with your phone and laptop.<\/p>\n\n\n\n What would my portfolio look like?<\/p>\n\n\n\n I\u2019m not out to claim all the credit for every design or interaction. My portfolio will highlight my role, the challenge, the process, and the results in a way that honors the team\u2019s contributions and the project\u2019s context. My focus has always been on the user journey\u2014building out an experience, refining it, and iterating over time. <\/p>\n\n\n\n To give my portfolio some context, I created a professional profile page<\/a> on Charlonis.com. This introduction answers key questions a hiring manager might have. <\/p>\n\n\n\n This page is open to the public, with no password. It’s a doorway page to bring a visitor to my portfolio, or to connect with me on Linkedin.com if they want the password to the portfolio.<\/p>\n\n\n\n For the first version of my portfolio, I included a page with logos of notable clients and a sentence or two about each project. Organized by industry\u2014Banking and Financial Services, Healthcare, Insurance, Retail\u2014this Minimal Viable Product (MVP) Portfolio Page serves as a foundation. My plan has been to develop detailed case studies over time, with a password-protected structure for privacy. My MVP approach creates a foundation to see everything at once.<\/p>\n\n\n\n I’ve worked on a lot of projects, across many industries. This has exposed me to many best-practices, and I’ve collected even more insights along the way.<\/p>\n\n\n\n Creating case studies takes a thoughtful approach, especially since many of my projects can\u2019t be fully shared due to confidentiality. Starting with the clients and images I can legally showcase, I\u2019m building out three or four initial case studies. For projects where I lack visuals, I\u2019m using storytelling to highlight the challenge, my role, the solution, and the results without needing screenshots.<\/p>\n\n\n\n After exploring designer portfolios, I decided to explore agency portfolios. I was inspired by how agencies balance storytelling with confidentiality of their clients. My portfolio will need more than logos and brief descriptions. I\u2019m crafted some content models and refining to prioritize what hiring managers want\u2014clear, concise storytelling with insights into my approach and impact.<\/p>\n\n\n\n Boom! A first draft, ready for review. I’m defining my messaging strategies and constantly refining to include more details. I’ve learned a lot making the first set of case studies. I wish I made them sooner.<\/p>\n\n\n\n Iterating on my portfolio content has been an exercise in clarity. After working through redundant drafts, I\u2019ve refined the narrative to make my first case study as straightforward as possible. Using Figma for layout and AI to improve clarity, I\u2019m stripping each story down to the essentials: my role, the challenge, the solution, and the results. This process has reminded me of the value of storytelling in demonstrating the strategic thinking that defines my work. <\/p>\n\n\n\n I have more case studies to build. <\/p>\n","protected":false},"excerpt":{"rendered":" Design is not a Four-Letter Word? Creating a portfolio has always felt like a bit of a contradiction for me. Part of me sees its value, while another part feels it may not quite fit my work’s essence. Over time, the title of “Designer” has shifted in meaning. My passion has gravitated toward strategy\u2014uncovering insights, […]<\/p>\n","protected":false},"author":1,"featured_media":280,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-container-style":"default","site-container-layout":"default","site-sidebar-layout":"default","disable-article-header":"default","disable-site-header":"default","disable-site-footer":"default","disable-content-area-spacing":"default","footnotes":""},"categories":[13,9,6,17],"tags":[],"class_list":["post-204","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-charlonis-com","category-chatgpt","category-natural-language-generation-nlg","category-portfolio"],"_links":{"self":[{"href":"http:\/\/charlonis.com\/bigbadbrian\/wp-json\/wp\/v2\/posts\/204","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/charlonis.com\/bigbadbrian\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/charlonis.com\/bigbadbrian\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/charlonis.com\/bigbadbrian\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/charlonis.com\/bigbadbrian\/wp-json\/wp\/v2\/comments?post=204"}],"version-history":[{"count":74,"href":"http:\/\/charlonis.com\/bigbadbrian\/wp-json\/wp\/v2\/posts\/204\/revisions"}],"predecessor-version":[{"id":334,"href":"http:\/\/charlonis.com\/bigbadbrian\/wp-json\/wp\/v2\/posts\/204\/revisions\/334"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/charlonis.com\/bigbadbrian\/wp-json\/wp\/v2\/media\/280"}],"wp:attachment":[{"href":"http:\/\/charlonis.com\/bigbadbrian\/wp-json\/wp\/v2\/media?parent=204"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/charlonis.com\/bigbadbrian\/wp-json\/wp\/v2\/categories?post=204"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/charlonis.com\/bigbadbrian\/wp-json\/wp\/v2\/tags?post=204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Shaping My Portfolio<\/h2>\n\n\n\n
\n
Introducing: My Profile<\/h2>\n\n\n\n
\n
Client List: A Peek into My Portfolio<\/h2>\n\n\n\n
Case Studies: A Thoughtful Approach<\/h2>\n\n\n\n
![\"\"](\"http:\/\/charlonis.com\/bigbadbrian\/wp-content\/uploads\/2024\/11\/Portfolio-FigJam-Widgets-F.png\")
<\/a><\/figure>\n\n\n\n![\"\"](\"http:\/\/charlonis.com\/bigbadbrian\/wp-content\/uploads\/2024\/11\/Portfolio-FigJam-Case-Studies-F2.png\")
<\/a><\/figure>\n<\/figure>\n\n\n\nFirst Case Studies <\/h3>\n\n\n\n
\n
Reflections and Refinement<\/h2>\n\n\n\n