Domain: www.jasminegraphicdesigner.ca
Netlify: https://hopeful-morse-7f7dbf.netlify.com/ (In case you can't see my domain I provided the netlify one)
During this experience of coding my own portfolio website I encountered some challenges of making sure the grid worked in all cases, and was laid out in a way that wouldn’t reflect poorly on my design skills. Even though I may not pursue web development I would still like my own site to be well designed and laid out. Some issued specifically were my specializations squares and making sure they can fit on a line and not get cut off, and linked somewhere to lead my user. I also had some challenges with the navigation making it go from a pull down menu, to grid, to normal line view I had some difficulty aligning everything the way I wanted. Since we had the experience of coding like this (pattern library) I understood what would need to be coded in terms of patterns. At the start I struggled to managed everything at once, but then realized I had to take a step back and start with one thing at a time. I created a details wireframe that would guide me to code each pattern, and stick to my type scale.
During this semester I wanted to make sure my site had my brand identity clean, and would speak to who I am as an individual and a designer. I put a lot of details into my site that represented me. I made sure to test my website on all browser and sizes, and make sure it was accessible for all. Doing voice over testing and going through each and every word. All my pages have content even the case studies that I have yet to design, have “coming soon” to tell users it’s not a blank page or a loading page. No broken links, and every pages always links back to the home. I made sure my image quality is high enough for people to be able to see an image but not to high where it takes away from loading time, I don’t want my users to be waiting.
I think next time I would have picked a shorter name, even though it’s easy to remember it still takes a little while to type. Plus the more words you have the more likely people can miss spell it. I would also loved to have more case studies ready to go, that I can show case right off the bat. For the website itself I would have changed some of the branding, and added more art work and motion to it ( I will be doing this over the break to take away how much my face appears on the website, I only did that so I didn’t have to use stock photography or take time away from coding to illustrate). I Would have loved to add parallax scrolling but I designed it so it would look great without it.
Overall I would give myself an A, I made sure everything that needed to be there is there, responsive, and looking great. I could do with some changed and additions as mention above. I am very proud of my website, and look forward to being able to show people what I was able to create.
0 points
1 points
2 points
3 points
Details
No sweating
Some details sweat
Sweat all the details
Disgusting, dripping, sweaty details
Personality & design
Bland, boring, just another graphic designer
Fairly generic, visual design could be pushed more
Quality layouts and unique, personable content & design
Unique and recognizable as you, with engaging, personable content & design
Text content
Fake content only
Some real content, some fake
All real content but with lots of errors
Real content, well written, no grammar or spelling errors
Accessibility
No considerations
Added some alt attributes, nothing else
Just the basics: alt attributes, roles
Accessibility is well considered and tested
Pages & images
Barely started
Missing lots of pages & images
Has most of the pages, some placeholder images
All pages exist and are well done with complete imagery
Image quality
Only placeholder images
Some portfolio piece images
Lots of images but low quality
High quality portfolio images — and lots of them
Responsiveness
Not responsive
Works on some screens
Responsive but with lots of awkwardness
Looks great on all screen sizes
Performance
Mega slow…
Slow…
Could load faster
Blazing fast awesomeness
JavaScript (If it exists)
Completely broken
Semi-functional
Works okay but the non-JavaScript experience is better
Very much improves the experience
Code quality
Barely started
Indentation is barely existent, lots of validation errors, very poor semantics
Decent indentation, just a couple validation errors, decent semantics
Domain: www.jasminegraphicdesigner.ca Netlify: https://hopeful-morse-7f7dbf.netlify.com/ (In case you can't see my domain I provided the netlify one) During this experience of coding my own portfolio website I encountered some challenges of making sure the grid worked in all cases, and was laid out in a way that wouldn’t reflect poorly on my design skills. Even though I may not pursue web development I would still like my own site to be well designed and laid out. Some issued specifically were my specializations squares and making sure they can fit on a line and not get cut off, and linked somewhere to lead my user. I also had some challenges with the navigation making it go from a pull down menu, to grid, to normal line view I had some difficulty aligning everything the way I wanted. Since we had the experience of coding like this (pattern library) I understood what would need to be coded in terms of patterns. At the start I struggled to managed everything at once, but then realized I had to take a step back and start with one thing at a time. I created a details wireframe that would guide me to code each pattern, and stick to my type scale. During this semester I wanted to make sure my site had my brand identity clean, and would speak to who I am as an individual and a designer. I put a lot of details into my site that represented me. I made sure to test my website on all browser and sizes, and make sure it was accessible for all. Doing voice over testing and going through each and every word. All my pages have content even the case studies that I have yet to design, have “coming soon” to tell users it’s not a blank page or a loading page. No broken links, and every pages always links back to the home. I made sure my image quality is high enough for people to be able to see an image but not to high where it takes away from loading time, I don’t want my users to be waiting. I think next time I would have picked a shorter name, even though it’s easy to remember it still takes a little while to type. Plus the more words you have the more likely people can miss spell it. I would also loved to have more case studies ready to go, that I can show case right off the bat. For the website itself I would have changed some of the branding, and added more art work and motion to it ( I will be doing this over the break to take away how much my face appears on the website, I only did that so I didn’t have to use stock photography or take time away from coding to illustrate). I Would have loved to add parallax scrolling but I designed it so it would look great without it. Overall I would give myself an A, I made sure everything that needed to be there is there, responsive, and looking great. I could do with some changed and additions as mention above. I am very proud of my website, and look forward to being able to show people what I was able to create.
(If it exists)
@thomasjbradley