M6: Home Page and Navigation System, Final Project (Part 1)

-
Initially, for this project, I was going to re-design my current website because I didn't want to create a whole second site. However, after fighting with GoDaddy's very limited editor (it wasn't like this a few years ago when I used it for a previous job) and their extremely poor customer service I decided to move it back to Wix (I recently went from Wix to GoDaddy because I thought their editor was still decent and I bought my domain from them for $1). It was a poor decision and I do not recommend it.

So, instead, I have created a secondary Wix page and have been working on the design so that I can soon transfer my domain to them. Below are the sketches that I have worked on for the design and logo (mainly the logo, I fell down that rabbit hole). I tried to draw what I had chosen for my logo in Photoshop on my iPad because I wasn't getting anywhere near to what I wanted with my mouse and my drawing tablet from like six years ago is almost dead, the lag is like dial-up. I ended up working in another app and then bringing my drawn logo into Photoshop from there to work on removing the background and also inverting the colors (black and white) in case the background color where I was placing the logo looked better with white instead of black.

First I began working on possible logos and also write down what I was thinking for aesthetics and color schemes...

Then I worked on possible headers and menus...

Then I moved to a different sketch book and began narrowing down what I liked from the first logo idea page...

Then came the rabbit hole of a logo page 1...

Logo Rabbit Hole page 2...

Logo Rabbit Hole page 3...

Now electronically drawn and the background removed in Photoshop...

And finally the inverted version (the background is removed but won't show it here for some reason).

That being said, my new site is still under construction and I think that my logo looks better on the Wix design WIP versus what I had to work with on my GoDaddy site.

Here is the link to my GoDaddy site, which I started trying to re-vamp but gave up after several hours of frustration.

Here is the link to my Wix site, which is still under construction but should be finished this week.

As stated earlier, I will be combing my writing/blog website with this project, mainly adding my portfolio from this course and, hopefully, those in the future. So I will have a home page (almost complete), the blog (which I will need to transfer all of my work from), my portfolio page (which I am still working on because I really don't like the layout because I want to copy and paste what was written on this blogger site (which I was able to do with the GoDaddy site - go figure...), and the contact page which will just have the form to fill out. I do also have the link to my Facebook Business page in the form of the icon at the bottom of all of the pages.

I would GREATLY appreciate recommendations for the photo album Projects/Artwork page since I can't seem to get the "template" right.

Update 4.13.20: So I have done a lot more work on the site. I think I have the best option for my Artwork/Portfolio page. I guess all that is left to do is get some testimonials for the Home Page and some feedback on it's current state. I also worked on the mobile site because that came out all wonky.

Comments

Post a Comment

Popular posts from this blog

DIGA3035 M6CP2 - Animation

-
 You're Still My Favorite Book, poem animation So, I have to say I am so not a fan of Adobe Animate. I struggled and fought with this program nearly every step of the way. I would do one thing and repeat it exactly the same but it wouldn't work the second time. I'm glad that I went with something so simple because I think I would have lost my mind trying to making anything more difficult. I can't tell you how many things I Googled and how many addition videos I watched in addition to the tutorial. Exporting was a real pain too. Before I had considered iMovie the most wretched program, but now that coveted spot belongs to Animate. As I said, I went with simple animation: the moving of the text and silhouettes along with the smoke/steam effect. I went with the silhouettes from Dzmitry that I found on Adobe Stock because the silhouettes I created looks horrifying. I also used royalty free music by Bensound. I did consider narrating the poem, but I chickened out in the end.
Read more

DIGA3035 M5CP2 - Animation

-
Image
I was able to simplify my idea for the video from the previous sketches, and I think that I will be able to create it based off of the storyboard below. I have also included a copy of the poem itself and marked off which lines will be combined for each part of the animation. Please excuse the order of shots and how poorly my scanner works. Shot 1 (top right): Will be emphasizing the books under the table leg. Lines: 1, 2, 3. Shot 2 (top left): The table showing one or two books along with an ashtray, a coffee cup, and a glass cup. Lines: 4, 5, 6. Shot 3: close up of my side of the table with my steaming coffee, smoking cigarette in ashtray, and book where the pages will flip after every other line read. I will include a second book and drink reversed at the top of the screen, a partial of them, this book's pages will flip on alternating lines from the first. Lines: 7 to 11. Shot 4: A new table, just one book (now a paperback), a different ashtray and coffee cup. Cigarette will
Read more

DIGA3035 M6CP1 Animation

-
Image
 I'm a bit behind and am finalizing the bits that need to be put into Animate. Below are the backgrounds and character silhouettes that I am still debating on using. I also have to finalize the narration for the piece and pick out a font and decide where to put the lines in the actual animation. I am also thinking about background sounds and possibly some music.  Shot one: Lines 1, 2, 3. Zooms in to books. Shot two: lines 4, 5, 6. I may add the following silhouettes whose arms will move, I have created layers so that the silhouettes can be below the table and on top of the benches. Possible sounds of cup/glass being set onto table. Smoke from cigarettes and coffee. Shot 3: lines 7-11. Smoke for both coffee and cigarette. Page will flip per line (maybe with sound). Shot 4: Lines 12, 13, 14. Smoke again for coffee and cigarette. Pages on tablet will flip. Shot 5: Line 15, silhouettes will be separated and move towards each other, possibly arms around each other. These silhouettes are
Read more