Day 2 of #100DaysofCode:

Day 2 of #100DaysofCode:

Original date: July 25, 2020

Today’s Topic: Comps & Wireframes

In my SkillCrush course, this particular module is in the Web Design Fundamentals Course.

The focus was on creating a wireframe for a personal portfolio page.

Main Notes:

  • I created a style tile to guide the design with typography, colors, gradients and buttons.

1*NQdUoAMOt8XcXKMkMfWz5g.jpeg

  • I create a lo-fi wireframe via Photoshop.

1*Ss4y7si26COm6GJSMnbj0g.jpeg

  • I made a hi-fi wireframe via Photoshop.

1*iOLexfuc_OanZ0whBvp-XA.jpeg

Main Takeaways:

I really like web design.

I don’t mind making web comps but making them intuitively and with a higher grade of discernment of usability and simplicity is going to have to be the next focus. I’m partial on lo-fi wireframes.

It’s a little harder for me to visual what I need with a lo-fi wireframe and maybe that’s just because I haven’t seen lo-fis in the brainstorming process with like a team but on my own, probably not my go-to thing. Making the wireframe, I realized I may be handing my developer a headache.

The thought came to mind that I may be designing something with functionality and intention but I have to be aware of the languages that my team and company are currently using to know whether we have the bandwidth to create certain features.

Beyond the course:

Download Photoshop:

adobe.com

Cool Stylescape Tutorials (YouTube):

  1. youtube.com/watch?v=lGmPCutgI2o
  2. youtube.com/watch?v=LlVfGIubidY

Find Me Elsewhere:

If you’re new here to the #kathycodes journey, let me start off by saying Welcome! 🎉

This is my first round of #100daysofcode so I’m starting off as a beginner and I’m learning with Skillcrush — Break into Tech course

I’ll be documenting my journey in several ways, if you want tidbits find me on twitter at @kathyjeanjoseph to view my to the day updates of my journey.

Visual? I’m on YouTube and view me in action and a less detailed version of my problems, solutions and takeaways.