Embracing Portfolio Design in Public

Under the category of building in public…

Portfolio updates:

So far, I’ve gathered a lot of examples, began to sort them, created some initial content, included an experimental fpo brand I can play with for ui/code/creative elements, have a basic information architecture, and a basic portfolio site relaunched - even with a few quick pivots in the process to show things that have come up in conversations - like scroll triggered animation, AI style representation modeling, design system theming with design token variables in Figma, JSON, and CSS vars.

As a law of nature, there’s always many more things I could do to it. But, usually don’t share that part of the process, because that wasn’t my goal, and you always have to scope down for time. 

But, I get the build in public philosophy. Provided there’s no nda or proprietary information involved, showing process is great. 

Kind of wish I had kept all my blogs over the years. I had a cg phase that I always wish I kept live, for example.

So, here’s some portfolio design in public doubling as a synthesizing ideas session:

Site to do list:

- Unify nav, mobile first. This needs to take less than a day from code to qc live for my own personal preference because I am using a new coding workflow tool and prefer to focus on that.

- Add a section specific to all the branding and identity work I’ve done.

- Unify the gathered examples in the archive section. 

- Include one main area for all the templates, code, conables, free downloads as a useful resource. 

- Formalize a new working pov approach for when you have hundreds of pieces in each category.

-  Evolve my blog platform.

Working on a site portfolio is always so different than working on projects! 

Popular posts from this blog

AR Animated Card

Image
  Scan the QR code with your phone's camera  or visit the link below on your phone to view.   https://adobeaero.app.link/rSis9vJtjJb   Here's a preview of the animation.
Read more

Design Systems with Pre-Populated Design Token Variables

Working with a design system, I want to figure out the best approach for designing variables. I want to know what is the latest standard, tools, and existing code. What works and why. So it can be solidified into a programatic design choice, and continue to add benefits.  There can be a big difference between a ui theme and a more immersive brand experience in a web browser. It helps to be able to work with all of it, give it specific definitions and a shared process. I also look for the things themes can do, and can’t to create visually appealing and interesting designs. Design systems are essential for maintaining consistency and efficiency in modern web and app design projects. By using variables as design tokens, you can create a bridge between design and code, ensuring that the values for colors, typography, spacing, and other design decisions are consistent across platforms. In this post, I’ll explore some of the best Figma design system resources in September 2024 that take the
Read more

Text to Instant Video

Image
Image created with AI. Huggingface always has interesting ML AI things to test and learn from. Here’s a quick video generator I tried out… https://huggingface.co/spaces/KingNish/Instant-Video Prompt: “Focus: A large coral reef underwater (Animate: Fish swimming around the coral, occasional sea turtle passing by) (Shot From Distance: A panoramic view that encompasses the vibrant underwater ecosystem)” Prompt: “Focus: A night sky filled with stars at a remote location (Animate: Shooting stars occasionally streaking across, constellations slowly rotating) (Shot From Distance: A broad view of the heavens that captures the majesty of the night sky)“
Read more