Jim's
Tutorials

Fall 2018
course
site

Wordpress Week 3

Setup for working on UX and UI of wordpress site

Worked on getting SVG code into the wordpress site by reading this "add svg to wordpress" article and read about creating a vector logo in sketch and this article about exporting your image out of sketch effectively.

Also tried to verify that the wordpress updates will show up on github now that I followed this how-to for connecting my wp site to github effectively. I realized as work goes on in this arena I'll need an effective way to illustrate the changes made. Github has been great, I figured out how to include screenshots of my work also by reading about how to store images and demos in my repo and got some cool photos up.

Making the Site Look "Professional" - LOL

In my last class with Jim and Nate we had a great discussion about marketing tactics and really put into words some ideas that I'd been batting around in my head but hadn't realized were actual concepts. A major one was putting the curtains up as images in "context" so people buy, not simply the product, but the IDEA of the product. I started attacking the home page with nate and we spent about 6 hours moving things around and referencing sites like Indochino for ideas. Obviously there needed to be some differences because, for instance, visually speaking a curtain can look a lot busier than a suit. Arrangements needed to account for those patterns.

So as a side note, the github submission is not working. I tried including a picture directly in * this* markup doc and it's not working (see my efforts below). I created another repo and put some pictures up, but a lot of good it does if they can't follow the code changes.


![picture of updated (more "marketable") site](Redone_1.png)

<img src="Redone_1.png"
width:10px; height:10px;/>

So see "redone_1" & "redone_2", attached, to see how nate and I changed the site layout. "horrible origional" shows the original version of the site, so it's come a long way.

next to do is illustrated in the "left_to_edit_1" and "left_to_edit_2" pic..

It is kind of frustrating not to be able to document this process as of yet- getting this to work on github needs to happen, would be great to talk to jim about this next time we meet.

attachments [paper clip]

  last modified size
TXT Horrible_Origional.png Thu Apr 18 2024 03:16 pm 600K
TXT Left_to_edit_1.png Thu Apr 18 2024 03:16 pm 1.1M
TXT Left_to_edit_2.png Thu Apr 18 2024 03:16 pm 1.9M
TXT Redone_1.png Thu Apr 18 2024 03:16 pm 2.3M
TXT Redone_2.png Thu Apr 18 2024 03:16 pm 5.7M