New Codepen front-end code portfolio: code cms, bootstrap power, entire repository
Welcome to π10 labs
Design & coding forI am a highly skilled designer and developer with expertise in UX design: information architecture, wireframes, design thinking, task analysis, prototyping, usability testing,product design: visual design (illustration, graphic design, branding), UI design, typography, Adobe Creative Cloud, print,front end development: HTML, CSS, Javascript, React, Node.js,API-based headless CMS: Jamstack (Netlify, Gatsby, Strapi, OneGraph),e-commerce: Shopify, Webflow, Big Cartel, WordPress, Ecwid, Miva, Tiktok, Instagram, Facebook, X, Youtube, organic SEO,the startup community.
Besides desktop code editors like Sublime Text (where I push 'local' code to Github), I also heavily use browser-based code editors (Integrated dev environments or 'IDE'), where I have many builds stored online. With all these tools I build and deploy code blocks, web sites and web applications via front end languages (HTML, CSS, Javascript, React , Node.js (1, 2, 3) and the fast, decoupled architecture of Jamstack (1, 2), built on Netlify (1, 2) and Gatsby, Strapi and OneGraph.
  Codepen   Stackblitz   Github   Stackoverflow
2
all the main editing of the icons is in the file ICONS.psd.
3
within the folder ICONS is a folder called BUY_THESE .. the license for each icon is about $2, so 13 icons = $26 .. i would have purchased them myself but could not afford it at the time so i nabbed them from the browser with the intent to purchase later ;).
4
within the folder ICONS are separate folders (cart, checkmark, flask, etc) and within those folders is another folder called 'original', which is where the links are to purchae the license for that particular icon .
5
also in each particular icon folder is a folder called 'AI_vevtor' .. process as follows >
a) edited the orignal .png image in photoshop
b) sent it over to illustrator to be smoothed by turning it into a vector
c) those files outputted by illustrator as .ai and .eps files
d) edited again in photoshop
6
all of the above is the same for the folder LOGO .. same folders .. same process.
Click 'read me' link below for full assets summary.
https://www.dropbox.com/sh/ab86nv7c7lct8lw/AADlFjOngE2Y0mvUvj3RsG4ya?dl=0
-------------------
PINTEREST STUDY
-------------------
https://www.pinterest.com/pionezero/1870-1914-industrial-look-and-design/
-------------------
IMAGE FILES
-------------------
** Note: I've already color matched the CMYK and RGB files so that in Preview on a Mac they look 97% similar. I just checked them in Dropbox and they look different but this could be because how CMYK is rendered in a browser. In Preview they appear almost identical. So I'm pretty sure the big difference in the browser is just a browser rendering issue, maybe Dropbox compressing files (just for viewing).
1
CMYK.eps
This file has a document color mode of CMYK and is to be used ONLY FOR PRINT.
Click 'read me' link below for full assets summary.
There are eight (8) total files, and in each set there is one with the image specs (ui color palette and typeface) and one with no image specs. They are high resolution graphics, so they can fill a mid sized computer monitor's screen. To tell which file is which just look at the file names (ex: mixxi_minimal_w/specs.jpg, mixxi_minimal.jpg) ..
A word on the logo and overall corporate identity .. I took your phrase "However, feel free to let your design eye roam as we are open to new style ideas." and ran with it, as I immediately felt lots of design thinking possibilities (thinking out if the box) both with your company's backend tech of machine learning and with the essence of social connection. The original logo letters seemed quite thin, too thin to be noticed so I drastically expanded that with large typeface. There is a LOT more I wanted to do with the logo but time did not permit this .. but I have lots of design ideas brewing in the Pinterest board I established for this little design project (link below). I would have liked to morph the logo more and add a machine learning tech component to it and refine it overall way more .. perhaps I will get to do this if we work together long term.
Click 'read me' link below for full design summary.
pritzlaff
beautiful pics and space feeling
gallery
description
background
where
why unique
multiple level
contact us
(THREE BLOCK LEVELS)
weddings
special day
hosting corp event
fundraiser
Click the link 'ui ux meetings' below to see full notes.