I am passionate about Web design and development. I code and design. I work with SEO, UX, IA... bottom to top and back to front, my work is always about learning and solving new puzzles.
I use my accumulated knowledge and wisdom, which is more than my sixteen years in Web design and Web development, to find solutions for the puzzles of putting your best face on your Web presence, at a price within your budget.
I work well with others, in and out of the Web design office, meaning I can work with your team of developers and designers, or I can work with the mom & pop pizza place on the corner, and we will understand each other!
"Ivar is a very talented Web designer with many top-notch skills. His creative approach is clean, thoughtful and distinguished; his attention to User Experience is well-informed, logical and customer-oriented; and his technical abilities are very impressive. He is utterly dependable, attentive to detail, and knows how to get work done quickly, effectively, and with high quality. He is also a pleasure to work with, and knows how to balance customer requests with best-practices and best value. I would recommend Ivar for anyone who wants a distinguished Web site." —Angelo Funicelli - Vice President, Creative Services at Capital Group
"Ivar has been designing and managing my personal web site for several years. He has excellent design, implementation and problem-solving skills, as well as a superlative work ethic. I recommend him without hesitation." —Stuart Bender - Learning Technologies Specialist at CCC Information Services Inc
This is a translation of a static site I had previously produced for McIntyreHouse.org into a WordPress environment/template.
Eugene Castillo has benefited from this adaptive and responsive, one-page Web design which was developed to emulate a pre-existing printed brochure and to further publicize his talent and career as a professional conductor.
The content for the "About" section was quite extensive, so I put each category of the content in expandable (initially hidden) collapsible divisions to ensure that the viewer knew the sections of About before possibly getting lost in the content. This also aided with keeping the main navigation minimal because it wasn't necessary to add links for these sections to it.
Tim Krol needed to replace his old Web site with an updated, mobile-friendly design.
This new design is responsive and adaptive, loading differently optimized images depending on the internet connection speed. My work replaced the old frames-based site with this single-page, portfolio-style design, adding mobile friendliness and at the same time providing an improved desktop user experience. The average US page-speed clocked at 541ms.
Responsive with one breakpoint. This design never went live, but you can see a demo via the link above.
Stuart Bender is an artist in Los Angeles for whom I have been designing Web sites for 13 years.
His new site is run using Koken, allowing him the ability to update his content himself.
This design is responsive and adaptive and served entirely in HTML5. The design is meant to be minimal; a structure to emphasize the work in an elegant and functional manner, not unlike an actual gallery.
This is my first use of Koken for a client, though I've been playing with it for a few months behind the scenes to check it out. It looks like Stuart is catching on quickly to its relatively intuitive interface, with minimal guidance from me to get him rolling.
Koken uses templates and provides a few free and a few paid templates with their free CMS. I used one of the free ones in this instance, though I did apply a couple hundred lines of styles via Kokens 'custom css' area, which allows the user to make pretty much any changes to the layout they want.
Mark Olmsted is a well read writer and artist who writes on several different venues. Mark wanted to establish some unity on the Web, something that would function as a portfolio but also serve as a point for access to several of his online pursuits.
I developed this site with the mobile-first approach and added responsive and jQuery features for a portfolio-style Web site that includes an interactive version of Mark's resume and aggregates from his work at Blogspot, Twitter, Huffington Post and Tumbler. This project resulted in a site with a very dynamic feel.
Pharmacia Poetica, by Anna Homler is an artistic expression that has been exhibited all over the globe. The old website needed an update to make it responsive. The budget for the development and design was extremely tight. My approach was to keep things as simple as possible.
This was a site I made to keep a list of exercises assigned in class as well as results of work on test projects and findings from research. This was an introductory class for database driven websites with a focus on the use of XML, taught by Rory Schleuter at Glendale Community College.
I decided to use a responsive Bootsrap template to keep things simple, keeping the focus on the subject: learning XML, XSD and XSL.
This class focused on PHP5 though the title was PHP6 [but then, PHP6 never happened ;)]. This was my product for the Final assignment. It's nothing fancy in appearance, but the class was a nice return to basics for PHP. --Got an "A"
The course Web site project for this basic HTML5/CSS3 class at Glendale Community College was assigned at the beginning of the Fall semester of 2014. We were each supposed to customize to our hearts content, what was a bare-bones front page that contained specific content which we had to develop and supply a set of links to all the other in-class pages we worked on from this front page.
I took this a little beyond the instructions and made sure to match the in-class pages to the design of the front page, where ever possible. I re-wrote almost all of the code in this and all the other assignments to be as responsive as possible. What should have been an easy "A" class ended up being a lot more work than it needed to be, all because I wanted it to look and function better than the standards set for the assignment.
I got an "A" and when the teacher reviewed this project and my Final assignment with me at the end of the semester, he asked why it was that I wasn't teaching the class (that felt good, but I'm no teacher)!
The Final assignment for the basic HTML5/CSS3 class for Fall 2014 was a 5 page project, each page focusing on specific functionality including providing links and a form with usability in mind.
This was a simple assignment but I tried to do something that I wouldn't mind looking at while meeting the tight timeline requirement. --I got an "A"
Our final for this class was our last project: Design a simple WordPress site with information directed toward students and counselors to aid them in planning their scholastic schedule when enrolling for the Graphic Design Certificate or the Graphic Design Associate of Arts degree.
We were restricted to limited WordPress environments on the school server and had only a few templates to choose from and no access to adding new themes, plugins or altering any server-side code in any way. It took a good deal of hacking through the various themes available to find something that was responsive and that I could work with. The one I chose allowed for custom CSS.
I created all the graphics you see and grabbed most of the text content from existing pages, though most of it has been completely reformatted and pieced together differently in some spots to make better sense.
There were things left unfinished (by my standards at least) on the project due-date, such as some spacing adjustments, but I still won an A. : )
The mid-term assignment was to redesign the LACC website. We also had to include a gif advertising GCC. Wow! Got an A.
This site contains all of the tangible work that was assigned for the Web design with Dreamweaver class I just finished for Fall 2015. We worked with the new Bootstrap integration. This teacher never failed to keep things busy! A challenge is always nice. All A's again in this class. --I hope I can do this well in math!
This is my Final project for a basic Web design class that focused on designing Web graphics using hand-sketches, Illustrator and Photoshop.
The majority of the work involved producing "icons" to represent specific areas of the Web site, starting by drawing them by hand, then transferring these drawings to Illustrator. The assignment included using a "Roux Academy" template and replacing the graphics with our own as well as modifying all the content to meet our specific schools requirements.
The first things I noticed about the Roux Academy template was that it was messy and written in XHTML. I rewrote much of the code while upgrading to HTML5 and added some responsiveness to accomodate tablet sized devices. I had to stop there to accommodate the rest of the work involved in the project.
The original Roux Academy design was very dark with an artist-oriented feel, but my icons were bright and had a cartoon feel that didn't work with the original design, so I brightened everything up by incorporating the official Glendale Community College colors. --I got an "A"