Skip to content

Commit 896511f

Browse files
Merge pull request #193 from shakeelmohamed/develop
Develop
2 parents b059dae + 840d37a commit 896511f

File tree

8 files changed

+40
-15
lines changed

8 files changed

+40
-15
lines changed
480 Bytes
Binary file not shown.

docs/about/index.html

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,7 @@ <h2><a href="mailto:[email protected]" target="_blank">[email protected]</
8585
<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>
8686
<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>
8787
<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>
88-
<p>Available for freelance or full-time opportunities on-site in Los Angeles or&nbsp;remote.</p><br>
88+
<p>Available for freelance opportunities on-site in Los Angeles or&nbsp;remote.</p><br>
8989
<p>Please reach out by <strong><span class="mailto">
9090
<script type="text/javascript">
9191
function gen_mail_to_link(lhs, rhs, subject, text) {
@@ -142,7 +142,13 @@ <h2><a href="mailto:[email protected]" target="_blank">[email protected]</
142142
<p class="caption">Experience</p><br>
143143
<div class="grid-3 position">
144144
<div>
145-
<p><strong>Freelance Brand Designer</strong><br/>Self-Employed<br/>Remote<br/>05.2025–Present</p><br class="desktop-only"/>
145+
<p><strong>Freelance Senior Designer</strong><br/>TALISMAN<br/>Remote<br/>08.2025–Present</p><br class="desktop-only"/>
146+
</div>
147+
<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>
148+
</div>
149+
<div class="grid-3 position">
150+
<div>
151+
<p><strong>Freelance Brand Designer</strong><br/>shakeel.design<br/>Remote<br/>05.2025–Present</p><br class="desktop-only"/>
146152
</div>
147153
<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>
148154
</div>
@@ -196,7 +202,7 @@ <h2><a href="mailto:[email protected]" target="_blank">[email protected]</
196202
<div>
197203
<p class="caption">Speaking</p><br>
198204
<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>
199-
<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>
205+
<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>
200206
<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>
201207
<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>
202208
</div>

docs/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -78,7 +78,7 @@ <h2><a href="mailto:[email protected]" target="_blank">[email protected]</
7878
<main class="mb-4">
7979
<div class="grid-1">
8080
<div class="py-4">
81-
<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>
81+
<p class="bigType">Strategic brand designer in Los Angeles specializing in identity design, typography, and systems thinking. Available for freelance&nbsp;opportunities.</p>
8282
<div style="height:1.0rem;"></div>
8383
<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>
8484
</div>

package-lock.json

Lines changed: 5 additions & 4 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
480 Bytes
Binary file not shown.

src/about/index.pug

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,8 @@ block content
3232
br
3333
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.
3434
br
35-
p Available for freelance or full-time opportunities on-site in Los Angeles or&nbsp;remote.
35+
//- p Available for freelance or full-time opportunities on-site in Los Angeles or&nbsp;remote.
36+
p Available for freelance opportunities on-site in Los Angeles or&nbsp;remote.
3637
br
3738
p
3839
| Please reach out by
@@ -102,7 +103,10 @@ block content
102103
p.caption Experience
103104
br
104105
.grid-3.position
105-
+experience("Freelance Brand Designer", "Self-Employed", "Remote", "05.2025–Present")
106+
+experience("Freelance Senior Designer", "TALISMAN", "Remote", "08.2025–Present")
107+
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.
108+
.grid-3.position
109+
+experience("Freelance Brand Designer", "shakeel.design", "Remote", "05.2025–Present")
106110
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.
107111
.grid-3.position
108112
a(href="/projects/salgirah-festival-identity/")
@@ -221,7 +225,7 @@ block content
221225
br
222226
p
223227
strong
224-
a.underline(href="https://www.instagram.com/p/DBzlhkMtHik/?img_index=2" target="_blank") AIGA Los Angeles Graphic Content Conference&nbsp;Speaker
228+
a.underline(href="https://www.instagram.com/p/DBzlhkMtHik/?img_index=2" target="_blank") AIGA Los Angeles: Graphic Content&nbsp;(conference)
225229
br
226230
| Deconstructing “Best”: Redefining Success for&nbsp;Designers
227231
br

src/index.pug

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,8 @@ block content
99
.grid-1
1010
div.py-4
1111
p.bigType
12-
| Strategic brand designer in Los Angeles specializing in identity design, typography, and systems thinking. Available for freelance and full&#8209;time&nbsp;opportunities.
12+
//- | Strategic brand designer in Los Angeles specializing in identity design, typography, and systems thinking. Available for freelance and full&#8209;time&nbsp;opportunities.
13+
| Strategic brand designer in Los Angeles specializing in identity design, typography, and systems thinking. Available for freelance&nbsp;opportunities.
1314
div(style="height:1.0rem;")
1415
p.bigType
1516
span.material-icons.bigIcon arrow_right_alt

todo.md

Lines changed: 16 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,12 +13,17 @@ https://cardiff.marketing/pug-in-eleventy-making-it-work/
1313

1414
## ASAP
1515

16+
- [X] update resume with Talisman Freelance Senior designer
17+
- [ ] skills to add: Google Analytics, Notion
1618
- [ ] move all logo family / kit of parts stuff to the bottom of each project (before process)
1719
- [ ] MJ: brand guidelines
1820
- [ ] MJ: brand inspiration book (better name)
21+
- [ ] secret/hidden landing pages for video editing, tech, etc.
1922

2023
## Bio revision
2124

25+
- [ ] TPS: wristband motion... there is not face between inside/outside oops!
26+
- [ ] TPS: show motion design system (3x vertical social posts, LT, slates/bumpers) - show the system/grid, adaptive resizing
2227
- [ ] check OG images for projects, then posts, etc. Consider gif/video versions
2328
- [ ] Experience... consider Parenthetical titles or in 1 line summary at the top: Product Manager (Functionally leading roadmap without formal title)
2429
- [ ] Future bio update: I’m interested in environmental design, creative technology, and Arabic type design.
@@ -33,7 +38,6 @@ https://cardiff.marketing/pug-in-eleventy-making-it-work/
3338
- [ ] the quiz!
3439
- [ ] process book
3540
- [ ] other sketches, ideation from fall
36-
- [ ] thesis slide from graduation walk?
3741

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

5964
## P1
6065

@@ -66,7 +71,7 @@ Others
6671
- [ ] MR: update colors to match personal ID system
6772
- [ ] APS: show micro ID system overview
6873
- [ ] Rothko: photoshoot outside of my holding fabric poster(s) https://www.instagram.com/p/CxGUOs_rMTE/?img_index=1
69-
- [ ] Social media design ~~~~ need it in portfolio now!
74+
- [ ] Social media design ~~~~ need it in portfolio now! (thesis so far)
7075
- [ ] Rothko: update all book imgs, missing some stills instead of all gifs
7176
- [ ] Rothko: try to match background colors to the brand gray tone
7277
- [ ] Rothko: why is the book cover so pixelated, esp PBS logo? investigate
@@ -93,7 +98,8 @@ Others
9398
- [ ] MJ: keep working on lighting in the installation scene, renders have some odd ghosting on the left side from the HDR
9499
- [ ] TPS maybe show lightsail itself in the motion reveal?
95100
- [ ] TPS make the 30s trailer idea I’ve been thinking about with music, etc.
96-
- [ ] digital signage motion posters
101+
- [ ] TPS: digital signage motion posters
102+
- [ ] 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/
97103
- [ ] more micro touchpoints, so many beautiful print materials - especially the vellum and metallic stuff. Play with Blender renders on this
98104
- [ ] https://blender.stackexchange.com/questions/131930/translucent-material-a-sheet-of-paper-with-image-texture
99105
- [ ] merch - where’s the jacket + hat?
@@ -155,6 +161,7 @@ Others
155161
- [ ] JS to prevent bad breaks (widows / orphans)
156162
- [ ] - [ ] Responsive image loading... add avif/etc optimized loadtime support; see https://github.com/saneef/eleventy-plugin-img2picture
157163
- [ ] figure out how to show extra process (another slider, hidden section, etc.)
164+
- [ ] do I need to do anything with artsthread profile? recognition? https://www.artsthread.com/portfolios/applied-designer-mfa-thesis
158165

159166
## Consider Revisiting
160167

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

167174

175+
## Ontology notes re: Arabic
176+
177+
- [ ] Kourosh Beigpour’s typeface was Arabic, then Latin also!
178+
Lots of testing proofing info https://github.com/Tarobish/Mirza
179+
https://kbstudio.net/works/fonts/
180+
168181
## DONE
169182

170183
## New done lol...

0 commit comments

Comments
 (0)