MULTIPRO CR – DESIGN PORFOLIO BY OSCAR BLANCO

OSCAR BLANCO

FREE STUFF!
FREE STUFF!

Make sure to visit "TOOLS & STUFF" under the ABOUT menu item, to visit my BLOG, where you will find things like a Project Budget Calculator automated form, as well as resources to download (3d models, cliparts, etc).

Oscar Blanco.
Heredia, Costa Rica
OscarMultipro (Skype)
I would love it if you stop by to say "hi", or "thanks" (if you have use for any of the free stuff), or simply follow me on my Social Media platforms.

WEB DESIGN

 

DESIGNING A

WEBSITE

I’m going to talk about this from the perspective of a designer, and most of all, my own personal experience.
Let’s talk some history boys and girls!

To begin, we have to travel back to the early 90’s. Back then, the internet was all but unknown to most people. In fact, the internet for most was just the part about emails, and even that, was a select few, who actually had little use for an email, because (used mostly for academic reasons), anything letters they would be getting, we’re still mostly through the post office. The movie that brought the concept of emails (but more in the shape of instant messaging for dramatic purposes) to the masses was a long way off still: “You got mail”, with Tom Hanks and Meg Ryan, 1998.

In my case, I did have access to a college email (around 1993-94), but I really didn’t use it much. And I did know about the internet, but my navigation was very limited, since the number of websites I actually used or were interested in where a small number. Altavista was the only search engine I knew about, and Yahoo the only “portal” I used.

Back then, the professions of Web Designer or Web Developer did not exist as such (much less others like SEO experts, web marketers, usability architects, etc). There where coders of course, but I believe, most if not all, where guys with programming knowledge that where just learning how to code to display within a browser, and that browser was most of all Netscape. Internet Explorer was not a generalized option, and there certainly wasn’t any Chrome or Firefox yet. The War of the Browsers was yet to happen, with Netscape as it’s the biggest casualty.

I was in my mid to late 20’s. And I was very excited about that brave new world that was The Internet.

So, in order to teach myself HOW to make a website (being able to turn to a School to learn how, or look for tutorials online is something that people take for granted now, but where non-existent back then), I decided to do some reverse engineering. You see, I had discovered that the magic behind those websites, was just text, with very literal tags (didn’t know what the things within the <>  symbols were called) that I could understand as to what their purpose was.
I learned that a simple TXT file could be renamed to HTML or vice-versa for my reverse engineering, and for it to be understood by a browser as an HTML document, it just needed some basic tags, like <html>, and then the <head> and <body> tags. That was my AHA moment. Because, boys and girls, back then, there were absolutely NO WYSIWYG editors anywhere (at least I didn’t know of any, or simply didn’t know how to find them). In fact, the first one I ever used, was my beloved Hotdog, at the time, I thought is was a really big deal (after I learned how to use it). Which was extremely simplistic in its approach.

Then I think I found Pagemill. Which I used for a while.

And after that, Microsoft came along with Frontpage, which was to me, the first time it became really easy to put together something for the web. Of course, never mind the huge amount of unnecessary code it generated, I didn’t think about that then.

Finally, I found Dreamweaver (first from Macromedia, and then as part of the Adobe Suite). It was the last WYSIWYG HTML editor I used. I still have it installed, but honestly, I never use it anymore, this after I moved over completely to putting sites together in CMS platforms (mostly WordPress).

Along the way other things happened. Websites in the beginning, where just straightforward blocks of text, like a word processor page, with images here and there, either centered or justified to either side.
Image extensions where either Bitmap or GIF (however you pronounce it hehe). And later came JPEG. Which was an amazing development!
Later came things like Tables. For those that don’t know, those where a way to structure content, with boxes (cells) within boxes. They’re still around but are slowly dying out.
The first time something happened similar to CSS was when Layers where introduced. And of course the ill-fated FRAMES. Layers for those versed in CSS where simply something very similar to what you do with “position:” and with “z-index”. And frames were a workaround to having more complex content that would display content from another page within a kind of window. Of course, this had a lot of security issues and was completely unfriendly with SEO. Nesting still occurs, sometimes structure demands it, so tables evolved into html/css nesting, but if coded correctly, can be more efficient kb-wise.
And then there where a lot of new technologies born within website content display options.
Like the coming and then going of Macromedia->Adobe Flash. When it arrived in its 2.0 version in late 1997, I was blown away by the possibilities. Then with 3.0 came Action Script. Which got more and more complicated and required more understanding of programming.
Now, about what I mentioned at the beginning, regarding Web Design and Web Development as professions. Maybe if I had stayed with HTML code without moving to WYSISYG editors, I might have turned into an actual developer. But honestly, even though I like the process because of the satisfaction it brings when you see the display of what you have put into code, I am a designer at heart. And to be honest, more than a designer, an Illustrator. But I shied away from the stigma of being known as “the guy who draws”, because it’s not good for professional respect. It’s sad, but if it’s sometimes hard to make a living as a designer, it’s many times harder, as an Illustrator.
Anyway, I didn’t go the “programmer’s” way. So when Flash became more a thing of frame by frame animation put together on the timelines/stage, to doing everything (or most of it) by code, I stepped away from Flash. And later on, I discovered I had made unknowingly (and for unrelated reasons) the right decision. Flash never became integrated at the level of HTML into browsers hardcoding. It would always be an extension, and as such, it meant that ANY website which was only put together in Flash, would not be visible for anyone who didn’t or refused to install Flash. And then, there was another thing that I found out in the process of learning to put together sites using CSS (Cascading Style Sheets): SEO. And in the case of Flash, it definitely was NOT SEO friendly! In the end, it was Apple that drove in the last dagger, when they decided to make their iOS non-flash compatible.

Regarding CSS, it was something that brought the excitement back into my eyes regarding web design. It was amazing to learn that it became about SKINNING your HTML code and that the HTML code tags/hierarchy became paramount for search engine placement. As Google had begun the process in the early 2000’s the process of focusing on content for more honest search results. I remember the day when people ranked their site by putting in keywords in a hidden text at the bottom of a page, repeated hundreds, sometimes thousands of times. That lead to sites with completely unrelated content, ranking within searches, and then having users surprised that they were looking to buy a hammer and ended up in a porn site. It all tied in, and made to me, the process of creating websites a more honest and noble thing.

My experience in different companies also taught me about the importance of working with Wireframes. Working on STRUCTURE first, which related to the use of space, composition, hierarchy, and more than anything USABILITY. The LOGIC of how a user navigates a site and finds what he/she is looking for. How to push people in a certain direction. After you have the structure, comes the content (ideally), which will work with SEO/Ranking, since there’s no point in having a perfect website if nobody will see it.
Finally, come the visuals. If anyone has taken the time to read my text content in this site, it’s probably they will notice I’m always putting design second or last. Specially aesthetics.
But one thing experience has taught me, it’s more about FUNCTION than FORM (not including structure, which I put in the FUNCTION side).

Working with a WordPress platform, it makes a lot of things easier, but at the same time, more limiting (if you are someone like me, with little to no programming knowledge), since modifying a template requires to edit code or create your own. And then, there’s that depending on the template, it will not always be the same editing process or options.

Something I know for sure, based on my over 20 years experience with website work, is that things will continue to evolve/change, and there will always be a new technology to learn and better or at least new ways of getting information to users. For instance, more and more, it’s about mobile device navigation and less with desktop computers or even laptops.
I have come across things like Interactive 3D, which I did with something called Cult3D and Shockwave, which was the more beefy brother of Flash. It allowed for very complex apps, which even had 3D, which led to actual games. It related closely to Macromedia Director, another platform I played around with, mostly for Multimedia Applications.
You can see more samples of what I did back then with this link:
MY INTERACTIVE DESIGN EXAMPLES

There will always be reasons to get excited about participating in the design of a new website.

P.S. If you ever wonder HOW MUCH you can charge for a FREELANCE project like this, make sure you check out my “Project Budget Calculator“, it might give you at least, a reference as to how to best calculate the value of your work.

CONTACT ME
Info
Artist:

Oscar Blanco.

Project:

Various.

Category:

Branding, landing pages, Web Design