Final Reflection

Web Design Final Reflection

Technology

Technology is one of the biggest aspects of eComm, and the biggest thing I took from it was how to fluently use adobe suites. It started in Graphic Design my freshmen year when we started Illustrator and Photoshop, and as the years have gone on and I’ve used them more and more they’ve gotten easier to use and I’m using new tools to create advanced graphics or web sites. These skills come in handy when making a website because if you’re making a mockup for a client or just doing a project, you can quickly and efficiently make something and put it in your website. Of course there were challenges and struggles when I didn’t know how to use a certain tool, but that’s all apart of the learning process and it helps me become more efficient in those tools specifically because I got more help on them.

Collaboration

Collaboration is one of my strongest suits out of all these categories. I use it daily when helping (or talking) to my peers and even working together to make suggestions to our websites. Of course, collaboration can also be viewed in the negative when you’re talking too much and not collaborating on work but rather just talking.

Communication

Communication is another one of my strong suits because our specific web design class is generally really close and friendly with each other so we don’t have a problem asking each other for help when we need it or just asking for advice and feedback on something.

Project Management

I’ve found myself struggling with project management more this year than ever. Last year, I was so on top of it and everything was done in advance, and this year I’m still getting things in on time but I’ve found myself having more crunch time during projects when I just need to block off other people and work in order to get it done on time. Management comes in handy in pretty much any and every job position you’ll hold in the future, because you’re always going to have a deadline in something and you’re always going to need to have long nights and early mornings in order to get it done.

Leadership

I mainly learned leadership freshmen year during the 4th quarter project and working together to create a project. It was hard adjusting to new people in a new environment, but it really helped broaden my horizons and become more comfortable with Olathe Northwest and e-Comm in general.

Greatest Strength &Weakness

My greatest strength has to be communicating and leadership, while my worst one is getting distracted easily. If I’m by myself, I’ll get things done so fast but if someone starts talking to me I get sidetracked and before I know it, 20 minutes has passed (maybe that’s the reason for my time crunching problem in time management…) I’ve definitely improved throughout the last couple years in all of these aspects and I’m going to continue growing next year and hopefully after that.

What Now?

I’m going to take what I’ve learned these past three years and apply it all on my senior year and try to make my websites better as well as preparing for senior show and eMagine and going out with a bang. If I had to change anything, it would be nothing. Web design has been my happy source for 3 years and if I had to go back I would change absolutely nothing. Sure there’s been struggles, but that’s just a bumpy road through life and it helps get to your main goal in the end.

In conclusion, eComm has been and will be the best experience of my high school career. It taught me so many things about technology and future clients that I know will come in handy later on in the future, even if I don’t do anything website related.

Illustrator Mockup

Texture in Web Design

In this tutorial, texture and depth are explained in a way that makes websites easier to use and makes it less boring and more exciting. Texture is all about grouping things, grabbing attention, making content more legible, have purpose, and highlighting certain aspects of your website that's important and that you want to make stand out.

Link to the Tutorial: Smashing Magazine

First tip - "Maintain Legibility", meaning do not emphasis textures too much to where you can't understand them

Second tip - "Don't Beat a Dead Horse", meaning don't overuse textures

Third tip - "Practice Means Improvement", meaning to branch out and try new things with texture, but don't go too far with it

Fourth tip - "If it Serves No Purpose, Take it Out", this goes along with keeping as little content as possible so you don't lose the audience's attention. Keep everything simple and make sure it goes with the theme you already have

Fifth tip - "Consider the Effect You are Trying to Achieve", keep in mind your original vision of this and not to do too much texture

Sixth tip - "Collect Resources so You Don't Have to Search Later", keep ALL textures you have that might come in handy later for this project or for different projects

Seventh tip - "Learn Masks", just as it says, learn how to control masks in photoshop

Eighth tip - "Don't Sacrifice Quality for Loading Time" be quick, but keep the texture you're trying to create and not going overboard with it

Ninth tip - "Choose Textures Logically" go along with the color schemes and the layout of the website you already have, and don't use a texture that doesn't go along the same lines as that. 

Texture in web design is usually seen as forbidden, but using it correctly can create a whole new website with a whole new feel. Texture is often overlooked because it's seen as dirty or grungy. The main difference between a texture and a pattern is that patterns are small, tileable, repeatable elements whereas textures are bigger images that don't repeat.

Two ways to focus peoples' attention using texture is to have a clean background with a textured logo or a clean logo with a textured background. Texture can be used to guide the eye to important elements or divide content. Three ways to create your own original texture images is to combine textures in photoshop, take pictures, or use a scanner.

VestFrost

Land Lines

Piaget Possession

ID Campus

Chrome Extensions - ColorZilla

Holy cow I'm so excited to use this. This might be one of the most useful tools in all of web/graphic design history. Not only can you identify colors, you can save them and put them on your dashboard for future use. It also provides you with a pallet where you can pick colors from there too. I can see people of all types using this, but particularly designers just because it makes it so easy to get color schemes and such.

How to Use It

1 - Download ColorZilla from the Chrome Web Store
2 - Once it's downloaded, click on it and it'll give you different options on what you want to do
3 - If you want to pick colors, you'll get an eyedropper and hover over the color you want and click it, then ColorZilla will add it to your clipboard in the extension.
4 - Click "Copy to Clipboard" to view your color!

Was it Easy?

Yes! The only thing I had an issue with was finding the color when I was done picking it, but eventually I figured out it's in the Copy to Clipboard section and all is well with ColorZilla! Go and get yourself this extension!

Want to Download This Extension?

ColorZilla - Chrome Web Store

Chrome Extensions - Font Finder

The extension is in the top right!

Okay. Font Finder. Super useful thing that I'm actually really looking forward to, I think it's going to be really nice if I want to take inspiration from other logos and see what kind of font they use instead of hunting down a yahoo! answer page that probably won't even have an answer. Basically, all this does is identify a font, a color, spacing, and decoration elements for a font on your page. I think this extension would mostly be used for web designers or graphic designers when wanting to use a font the saw that was really interesting and wanting to use it.

How to Use It

This is what you're results should
look like

1 - Download the Font Finder extension on the Google Chrome extension page
2 - Once it's been added, click it
3 - Hover over the text you want to identify
4 - Click the text!
5 - A tab should open up giving you all the specifics and results!

Was it Easy?

I'm gonna be honest. When I first added this extension, I had no clue how to use it and nothing was working for me. I clicked it, and nothing happened, so I assumed it was broken and maybe my school server had it blocked. No big deal. But then, I clicked it once more to see, and surprise, nothing happened. But I then moved my mouse over to the text and clicked and all of a sudden my stats came up! So if this happens to you, don't be scared and just go for the text. Other then that little hiccup, I think this tool is pretty easy to use and will come in handy for future projects.

Want to Download This Extension?

Font Finder - Google Chrome Web Store

HomePage Makeover

My website

What assignment is this?

For this weeks assignment, we had to pick a high school logo that wasn't too pretty and take inspiration from another source to make it better. Then eventually make a homepage about it! I originally started out with Shawnee Mission South, then changed to just the Shawnee Mission School District site. I picked it because it was basic colors I could experiment with and incorporate it in many ways. I took after the Coldstone Creamery logo. I had a little over a week to do it. I started off really frustrated and took many different logos from restaurants and shops and recreated SMS logo into that, but wasn't thrilled with any of them. I eventually completely scratched everything and started over on both my high school logo and my store logo. I found that much easier and went through the rest of the project with ease. When it got to the website, I took a bootstrap template (which is super frustrating and I probably won't do it again even though it looks really cool).

What Did I Learn?

Original website

Along the way, I learned that you have to do a few drafts before getting to the final product. I got to have a refresh with Illustrator in this project too, which was really nice, especially since it's been a while since I've done a project with it. Specifically with this project I had a fear of the deadline. As it got closer and closer, I realized I had more to do then I realized, and add not knowing how to use bootstrap on top of that and it's just a mess. But in the end, it all turned out okay and I 'm happ

y with the way my site turned out (especially for my first bootstrap!). I will draw the experience used with bootstrap to create better websites in the future and knowing how to use those tools to enhance the project. Overall, I really liked this project and I would do it again for other websites.

My Homepage

Logo Recreation

For this logo recreation project, I chose to redo Shawnee Mission South's logo into Cold Stone Creamery.