diff --git a/docs/about/index.html b/docs/about/index.html index eaa98408..9d363f67 100644 --- a/docs/about/index.html +++ b/docs/about/index.html @@ -184,7 +184,7 @@

hello@shakeel.design

Skills


Strong working knowledge of:
Illustrator, InDesign, Photoshop, Figma, Premiere Pro, After Effects, Keynote, Glyphs, Blender


-

Familiar with:
Midjourney, TouchDesigner, MadMapper, LiveSurface, Webflow, Squarespace, Cargo, WordPress, Artivive, Basecamp, Trello, Jira, Google Workspace, Microsoft Office, Dropbox, Slack, Twinmotion, Rhino, SketchUp


+

Familiar with:
Affinity, Midjourney, TouchDesigner, MadMapper, LiveSurface, Webflow, Squarespace, Cargo, WordPress, Artivive, Basecamp, Trello, Jira, Google Workspace, Microsoft Office, Dropbox, Slack, Notion, Google Analytics, Twinmotion, Rhino, SketchUp


Presentation and facilitation:
Strategic thinking, collaboration, copywriting, product management, project management, community building, agile facilitation, scrum


Programming:
JavaScript, p5.js, Processing, Node.js, HTML, CSS, Python, Java, C, C++, Git


@@ -192,6 +192,7 @@

hello@shakeel.design

Recognition


+

Wall of Portfolios
Featured Portfolio
2025


Bestfolios
Editor’s Pick: Portfolio
2025


Lithographix ArtCenter Alumni Gallery
Mark Rothko Documentary Poster
2025


The Planetary Society
Two Planetary Society Rebrand  posters selected for display in their headquarters.
2025


@@ -201,6 +202,7 @@

hello@shakeel.design

Speaking


+

AIGA Design Conference (national)
Ask Us Anything 3.0: Dr. Cheryl D. Miller and Invited West Coast BIPOC Best Performing Designers
2025


Work in Progress
Presented my Ontology typeface project to 30 designers.
2025


AIGA Los Angeles: Graphic Content (conference)
Deconstructing “Best”: Redefining Success for Designers
2024


Type Thursday Los Angeles
Presented my TYPO Mexico City branding project to 30 designers.
2023


diff --git a/docs/dist/tailwind.css b/docs/dist/tailwind.css index 3d14d6de..e0f72f4a 100644 --- a/docs/dist/tailwind.css +++ b/docs/dist/tailwind.css @@ -714,8 +714,7 @@ select { .newheader { z-index: 999; background: rgba(255, 255, 255, 0.9); - -webkit-backdrop-filter: blur(1rem); - backdrop-filter: blur(1rem); + backdrop-filter: blur(1rem); margin-top: -2rem; padding-top: 1.5rem; @@ -1126,9 +1125,9 @@ select { a { /* TODO: might be nice to do a different transition, box border trace? */ /* example: https://codepen.io/mehi/pen/MyWqPM; */ - transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @@ -1988,9 +1987,9 @@ select { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .transition { - transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @@ -2018,9 +2017,9 @@ select { @apply font-light; } */ .prose a { - transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @@ -2054,9 +2053,9 @@ img.emoji { max-width: 100vw; } .mailto { - transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } diff --git a/src/about/index.pug b/src/about/index.pug index a157e1a7..304f8852 100644 --- a/src/about/index.pug +++ b/src/about/index.pug @@ -137,7 +137,7 @@ block content p strong Familiar with: br - | Midjourney, TouchDesigner, MadMapper, LiveSurface, Webflow, Squarespace, Cargo, WordPress, Artivive, Basecamp, Trello, Jira, Google Workspace, Microsoft Office, Dropbox, Slack, Twinmotion, Rhino, SketchUp + | Affinity, Midjourney, TouchDesigner, MadMapper, LiveSurface, Webflow, Squarespace, Cargo, WordPress, Artivive, Basecamp, Trello, Jira, Google Workspace, Microsoft Office, Dropbox, Slack, Notion, Google Analytics, Twinmotion, Rhino, SketchUp br p strong Presentation and facilitation: @@ -153,6 +153,14 @@ block content div p.caption Recognition br + p + strong + a.underline(href="https://www.wallofportfolios.in/portfolios/shakeel-mohamed/" target="_blank") Wall of Portfolios + br + | Featured Portfolio + br + | 2025 + br p strong a.underline(href="https://www.bestfolios.com/portfolio/shakeelmohamed" target="_blank") Bestfolios @@ -213,6 +221,14 @@ block content div p.caption Speaking br + p + strong + a.underline(href="https://www.linkedin.com/posts/activity-7376647120025694208-nPWb/" target="_blank") AIGA Design Conference (national) + br + | Ask Us Anything 3.0: Dr. Cheryl D. Miller and Invited West Coast BIPOC Best Performing Designers + br + | 2025 + br p strong a.underline(href="https://www.instagram.com/p/DKiB81WBxfX/" target="_blank") Work in Progress diff --git a/todo.md b/todo.md index bb441bb9..aeca096a 100644 --- a/todo.md +++ b/todo.md @@ -14,7 +14,7 @@ https://cardiff.marketing/pug-in-eleventy-making-it-work/ ## ASAP - [X] update resume with Talisman Freelance Senior designer -- [ ] skills to add: Google Analytics, Notion +- [ ] update skills on resume PDF: Google Analytics, Notion, Affinity (and match order) - [ ] move all logo family / kit of parts stuff to the bottom of each project (before process) - [ ] MJ: brand guidelines - [ ] MJ: brand inspiration book (better name) @@ -22,7 +22,7 @@ https://cardiff.marketing/pug-in-eleventy-making-it-work/ ## Bio revision -- [ ] TPS: wristband motion... there is not face between inside/outside oops! +- [ ] TPS: wristband motion... there is not face between inside/outside oops! Also make it loop perfectly - [ ] TPS: show motion design system (3x vertical social posts, LT, slates/bumpers) - show the system/grid, adaptive resizing - [ ] check OG images for projects, then posts, etc. Consider gif/video versions - [ ] Experience... consider Parenthetical titles or in 1 line summary at the top: Product Manager (Functionally leading roadmap without formal title) @@ -80,6 +80,34 @@ Others - [ ] TPS: process is missing - [ ] Can update bio to speak about trained as a designer all along (clearly explain why I changed careers) +## From Petrula + +don’t say microsite +- hiring + creative talent +- less spreads for Rothko, less motion on egawa just make it stills +- say documentary +- better transition between projects +- thesis at the end + lead in with speaking +- research was informed by deep research, the next project is also a deep exploration of that + includes my work for Mark Rothko + +## Positioning reflection @ graduation + +I have the rest of my life to prove this thesis - this is my design philosophy + +There’s nothing left to prove, I already did that throughout my entire MFA before this + +like PV said “I’m already over-qualified to speak about my thesis” + +I need to claim my expertise, balance with humility + +I didn’t come to accd to become a GD, but edu limits that scope + industry definition of GD…. +——> would be more respected in 20 years +— > I never wanted to be the BEST GD + +Teaching would be rly good for me, but need to find a better fit + +Hermes - highest vis sponsored studio ever, and being the TA is the validation fs + ## Grad show