Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file modified docs/about/Shakeel_Mohamed_resume.pdf
Binary file not shown.
12 changes: 9 additions & 3 deletions docs/about/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -85,7 +85,7 @@ <h2><a href="mailto:[email protected]" target="_blank">[email protected]</
<p>My name is Shakeel, I’m a strategic brand designer specializing in identity design, typography, and systems thinking. I approach projects systematically by understanding the brief, audience, and constraints to create brands that work seamlessly across every&nbsp;touchpoint.</p><br>
<p>During my graduate studies at ArtCenter College of Design I designed four typefaces, which gave me a deep appreciation for the power of typography across media types. Designing fonts requires rigorous refinement over minute details, I bring this same attention to craft through form, layout, typesetting, and print&nbsp;production.</p><br>
<p>At Splunk, I was known as “the glue” for my ability to coordinate across teams and translate complex ideas for different audiences from technical to non-technical, from interns to vice presidents. Many of these projects were demonstrated on stage at technology conferences and used by several Fortune 500 companies.</p><br>
<p>Available for freelance or full-time opportunities on-site in Los Angeles or&nbsp;remote.</p><br>
<p>Available for freelance opportunities on-site in Los Angeles or&nbsp;remote.</p><br>
<p>Please reach out by <strong><span class="mailto">
<script type="text/javascript">
function gen_mail_to_link(lhs, rhs, subject, text) {
Expand Down Expand Up @@ -142,7 +142,13 @@ <h2><a href="mailto:[email protected]" target="_blank">[email protected]</
<p class="caption">Experience</p><br>
<div class="grid-3 position">
<div>
<p><strong>Freelance Brand Designer</strong><br/>Self-Employed<br/>Remote<br/>05.2025–Present</p><br class="desktop-only"/>
<p><strong>Freelance Senior Designer</strong><br/>TALISMAN<br/>Remote<br/>08.2025–Present</p><br class="desktop-only"/>
</div>
<p style="grid-column: 2 / 4;">Collaborated with the creative director and a senior designer on brand strategy and visual identity development for a performing arts&nbsp;organization. Researched historical brand references, competitor visual brands, and designed presentations systems with Figma Slides. Led design critiques and provided constructive feedback to help junior designers refine their conceptual thinking and technical skills.</p>
</div>
<div class="grid-3 position">
<div>
<p><strong>Freelance Brand Designer</strong><br/>shakeel.design<br/>Remote<br/>05.2025–Present</p><br class="desktop-only"/>
</div>
<p style="grid-column: 2 / 4;">Designed brand identities and motion design systems for cultural organizations, creative agencies, and emerging companies. Collaborated directly with clients to develop design solutions from strategy and concept through implementation across multiple touchpoints including print, digital, and&nbsp;environmental.</p>
</div>
Expand Down Expand Up @@ -196,7 +202,7 @@ <h2><a href="mailto:[email protected]" target="_blank">[email protected]</
<div>
<p class="caption">Speaking</p><br>
<p><strong><a class="underline" href="https://www.instagram.com/p/DKiB81WBxfX/" target="_blank">Work in Progress</a></strong><br>Presented my&nbsp;<a class="underline" href="../projects/ontology/">Ontology</a>&nbsp;typeface project to 30&nbsp;designers.<br>2025</p><br>
<p><strong><a class="underline" href="https://www.instagram.com/p/DBzlhkMtHik/?img_index=2" target="_blank">AIGA Los Angeles Graphic Content Conference&nbsp;Speaker</a></strong><br>Deconstructing “Best”: Redefining Success for&nbsp;Designers<br>2024</p><br>
<p><strong><a class="underline" href="https://www.instagram.com/p/DBzlhkMtHik/?img_index=2" target="_blank">AIGA Los Angeles: Graphic Content&nbsp;(conference)</a></strong><br>Deconstructing “Best”: Redefining Success for&nbsp;Designers<br>2024</p><br>
<p><strong><a class="underline" href="https://www.instagram.com/p/CqJdQNfPx1P/?utm_source=ig_web_copy_link&amp;igsh=MzRlODBiNWFlZA==" target="_blank">Type Thursday Los Angeles</a></strong><br>Presented my&nbsp;<a class="underline" href="../projects/typo-mexico-city/">TYPO Mexico City</a>&nbsp;branding project to 30&nbsp;designers.<br>2023</p><br>
<p><strong><a class="underline" href="https://youtu.be/HtRtGYQx480" target="_blank">AIGA Portfolio Festival</a></strong><br>Virtual portfolio presentation to a live&nbsp;audience.<br>2022</p>
</div>
Expand Down
2 changes: 1 addition & 1 deletion docs/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -78,7 +78,7 @@ <h2><a href="mailto:[email protected]" target="_blank">[email protected]</
<main class="mb-4">
<div class="grid-1">
<div class="py-4">
<p class="bigType">Strategic brand designer in Los Angeles specializing in identity design, typography, and systems thinking. Available for freelance and full&#8209;time&nbsp;opportunities.</p>
<p class="bigType">Strategic brand designer in Los Angeles specializing in identity design, typography, and systems thinking. Available for freelance&nbsp;opportunities.</p>
<div style="height:1.0rem;"></div>
<p class="bigType"><span class="material-icons bigIcon">arrow_right_alt</span>&nbsp;Ready to work together?&nbsp;<br class="mobile-only"><a href="mailto:[email protected]" target="_blank">[email protected]</a>.</p>
</div>
Expand Down
9 changes: 5 additions & 4 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Binary file modified src/about/Shakeel_Mohamed_resume.pdf
Binary file not shown.
10 changes: 7 additions & 3 deletions src/about/index.pug
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,8 @@ block content
br
p At Splunk, I was known as “the glue” for my ability to coordinate across teams and translate complex ideas for different audiences from technical to non-technical, from interns to vice presidents. Many of these projects were demonstrated on stage at technology conferences and used by several Fortune 500 companies.
br
p Available for freelance or full-time opportunities on-site in Los Angeles or&nbsp;remote.
//- p Available for freelance or full-time opportunities on-site in Los Angeles or&nbsp;remote.
p Available for freelance opportunities on-site in Los Angeles or&nbsp;remote.
br
p
| Please reach out by
Expand Down Expand Up @@ -102,7 +103,10 @@ block content
p.caption Experience
br
.grid-3.position
+experience("Freelance Brand Designer", "Self-Employed", "Remote", "05.2025–Present")
+experience("Freelance Senior Designer", "TALISMAN", "Remote", "08.2025–Present")
p(style="grid-column: 2 / 4;") Collaborated with the creative director and a senior designer on brand strategy and visual identity development for a performing arts&nbsp;organization. Researched historical brand references, competitor visual brands, and designed presentations systems with Figma Slides. Led design critiques and provided constructive feedback to help junior designers refine their conceptual thinking and technical skills.
.grid-3.position
+experience("Freelance Brand Designer", "shakeel.design", "Remote", "05.2025–Present")
p(style="grid-column: 2 / 4;") Designed brand identities and motion design systems for cultural organizations, creative agencies, and emerging companies. Collaborated directly with clients to develop design solutions from strategy and concept through implementation across multiple touchpoints including print, digital, and&nbsp;environmental.
.grid-3.position
a(href="/projects/salgirah-festival-identity/")
Expand Down Expand Up @@ -221,7 +225,7 @@ block content
br
p
strong
a.underline(href="https://www.instagram.com/p/DBzlhkMtHik/?img_index=2" target="_blank") AIGA Los Angeles Graphic Content Conference&nbsp;Speaker
a.underline(href="https://www.instagram.com/p/DBzlhkMtHik/?img_index=2" target="_blank") AIGA Los Angeles: Graphic Content&nbsp;(conference)
br
| Deconstructing “Best”: Redefining Success for&nbsp;Designers
br
Expand Down
3 changes: 2 additions & 1 deletion src/index.pug
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,8 @@ block content
.grid-1
div.py-4
p.bigType
| Strategic brand designer in Los Angeles specializing in identity design, typography, and systems thinking. Available for freelance and full&#8209;time&nbsp;opportunities.
//- | Strategic brand designer in Los Angeles specializing in identity design, typography, and systems thinking. Available for freelance and full&#8209;time&nbsp;opportunities.
| Strategic brand designer in Los Angeles specializing in identity design, typography, and systems thinking. Available for freelance&nbsp;opportunities.
div(style="height:1.0rem;")
p.bigType
span.material-icons.bigIcon arrow_right_alt
Expand Down
19 changes: 16 additions & 3 deletions todo.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,12 +13,17 @@ https://cardiff.marketing/pug-in-eleventy-making-it-work/

## ASAP

- [X] update resume with Talisman Freelance Senior designer
- [ ] skills to add: Google Analytics, Notion
- [ ] 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)
- [ ] secret/hidden landing pages for video editing, tech, etc.

## Bio revision

- [ ] TPS: wristband motion... there is not face between inside/outside oops!
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

issue (typo): Typo: 'not face' should be 'no face'.

Please update the phrase to 'there is no face between inside/outside oops!' for improved clarity.

Suggested change
- [ ] TPS: wristband motion... there is not face between inside/outside oops!
- [ ] TPS: wristband motion... there is no face between inside/outside oops!

- [ ] 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)
- [ ] Future bio update: I’m interested in environmental design, creative technology, and Arabic type design.
Expand All @@ -33,7 +38,6 @@ https://cardiff.marketing/pug-in-eleventy-making-it-work/
- [ ] the quiz!
- [ ] process book
- [ ] other sketches, ideation from fall
- [ ] thesis slide from graduation walk?

Others
- [ ] CTA on homepage: desktop 2rem on 3rem lead, TBD mobile
Expand All @@ -55,6 +59,7 @@ Others
- [ ] Rough out some UI/web case study (maybe Digital Anarchy)
- [ ] TPS: use this for website particle physics (better than three.js): https://github.com/naughtyduk/particlesGL
- [ ] Think about cursor or other interaction/motion points using the icon logo
- [ ] accessibility check, definitely needs help: https://www.accessibilitychecker.org/audit/?website=shakeelmohamed.com&flag=ww#

## P1

Expand All @@ -66,7 +71,7 @@ Others
- [ ] MR: update colors to match personal ID system
- [ ] APS: show micro ID system overview
- [ ] Rothko: photoshoot outside of my holding fabric poster(s) https://www.instagram.com/p/CxGUOs_rMTE/?img_index=1
- [ ] Social media design ~~~~ need it in portfolio now!
- [ ] Social media design ~~~~ need it in portfolio now! (thesis so far)
- [ ] Rothko: update all book imgs, missing some stills instead of all gifs
- [ ] Rothko: try to match background colors to the brand gray tone
- [ ] Rothko: why is the book cover so pixelated, esp PBS logo? investigate
Expand All @@ -93,7 +98,8 @@ Others
- [ ] MJ: keep working on lighting in the installation scene, renders have some odd ghosting on the left side from the HDR
- [ ] TPS maybe show lightsail itself in the motion reveal?
- [ ] TPS make the 30s trailer idea I’ve been thinking about with music, etc.
- [ ] digital signage motion posters
- [ ] TPS: digital signage motion posters
- [ ] may be easier in p5.js 2.0 instead of vibe coding... https://beta.p5js.org/reference/p5/worldtoscreen/; and custom shaders https://beta.p5js.org/tutorials/intro-to-glsl/; https://beta.p5js.org/examples/advanced-canvas-rendering-shader-as-a-texture/
- [ ] more micro touchpoints, so many beautiful print materials - especially the vellum and metallic stuff. Play with Blender renders on this
- [ ] https://blender.stackexchange.com/questions/131930/translucent-material-a-sheet-of-paper-with-image-texture
- [ ] merch - where’s the jacket + hat?
Expand Down Expand Up @@ -155,6 +161,7 @@ Others
- [ ] JS to prevent bad breaks (widows / orphans)
- [ ] - [ ] Responsive image loading... add avif/etc optimized loadtime support; see https://github.com/saneef/eleventy-plugin-img2picture
- [ ] figure out how to show extra process (another slider, hidden section, etc.)
- [ ] do I need to do anything with artsthread profile? recognition? https://www.artsthread.com/portfolios/applied-designer-mfa-thesis

## Consider Revisiting

Expand All @@ -165,6 +172,12 @@ Others
- [ ] ALL CAPTIONS: automate check for periods at the end


## Ontology notes re: Arabic

- [ ] Kourosh Beigpour’s typeface was Arabic, then Latin also!
Lots of testing proofing info https://github.com/Tarobish/Mirza
https://kbstudio.net/works/fonts/

## DONE

## New done lol...
Expand Down