8/8/ 2022: MONDAY
7:30-9:30: design edits
9:30-10:30: team meeting
10:30-1:30: continued design
1:30-2:00: Rose and Jerry meeting and critique
It was time to make up for me to make up for my ugly start on the design and boy was I flying. I was finally feeling some movement with the design and I was gaining some really good momentum. I worked on it early in the morning throughout the team meeting as well since I was making some really good progress. I was also conscious to make sure I was keeping the file organized for the development team and Rose and Jerry as well. I created a really solid color guide, type style guide which helped me tremendously when designing the content. I finished the design and had a meeting with Rose and Jerry and they really liked it, they even said it was “awesome” so that made me feel validated in the creative changes I made. They added a few more suggestions and comments which is what I spent the rest of the day one before a final meeting with Rose and Jerry so that I could start moving on. One thing that Jerry wanted me to know about and research was SVGs and to incorporate them in my design with the icons so I did some homework later in the day.
What is an SVG:
vector data: element with magnitude and data
-retains quality during resizing
-small file size
How to export art as an SVG:
-outline (type- create outlines) or (right click- create outlines).
-export as SVG
8/9/ 2022: TUESDAY
8:30-9:00: design edits and journaling
9:00-2:00: mobile version design
It was pretty independent today, minus some messages I sent to Jerry for some formatting questions. I knocked out the final tweaks to the desktop design early this morning as well as going through and fixing the style guide in order to keep things organized after all my edits. After that I was ready to convert it to a mobile version. Figma is really nice because their prototype frames ensure the right dimensions. However I will admit the guide system given to me by Jerry was not very helpful at all so I will have to talk to them about that because it is important for the developer team to have a guide to work off of. I moved everything over from the desktop version and shrunk certain images. I tried to recycle a lot of the type styles I had already set despite the screen size change in order to not end up with too many. I ended up only having to create 3 more (two for body) and one for some statistics. It was interesting in solving how to reformat certain items to fit the screen, such as my hero image which was originally a really long landscape which obviously would work for mobile. But overall I am proud of my work and submitted it at the end of the day.
HIGHLIGHTS: finally got the go ahead for mobile design
PROBLEMS: resizing things for mobile was a little tricky
ISSUES: had to be more conscience of things for developer team
Here are progress photos of my website and mobile version sites:
Comments
Post a Comment