Posts Tagged ‘website’

Sogetsu

Tuesday, July 2nd, 2002

SogetsuThe first website we did for a Japanese client was for the organisation that is the authority on the art of ikebana in Japan. It was done in collaboration with the now ex-company DentsuFUSE. We’d gotten a visit from Dentsu’s designer Matty Sallin and programmer Krishna Manda.

Matty presented the idea of an abstract flower-like menu that would react to the user’s selection by sheding a petal which transformed into a multi-angle circular submenu. Upon pressing one of the submenu items, the submenu transformed into a rectangle which held the chosen content.

The color scheme changed randomly every time the site was reloaded and the background was a flower structure with petals of the same hue but randomly offset lightness and saturation. It was a beautiful, elegant, poetic.

The content featured all sorts of gadgets: Interactive maps, store, a 3-layered draggable timeline, ikebana courses search engine…

Technically, it was a huge challenge because it had to be done in Japanese, so I went to the FlashForward 2001 seminar in Amsterdam to find out how to do Japanese in Flash 5, and nobody really knew, so I basically had to figure it out on my own.

The static and dynamic text was achieved by using a Japanese version of Flash 5 which featured support for the ShiftJIS support. It had to be installed on a Japanese edition of Windows. So I worked in the regular edition and exported on a VMWare virtual machine with the Japanese editions of Windows and Flash.

There were many parties involved in the project and it was so poorly managed that I’m actually surprised that we not only finished it, but managed to do it extremely well. But all in all, the process was a nightmare and it was the first seed of my eventual departure from Parsek.

(more…)

Rabljena Vozila

Monday, February 25th, 2002

Rabljena VozilaThis project was a pretty nice attempt at usable interface design. It’s a search engine for used cars, which was quite advanced at the time, and now, looking at it, it’s still pretty cool. The goal was to design a usable three-step, one-page flash interface for the search engine. At that time, most of the similar search engines featured HTML-form based interfaces, which reloaded the page at every step.

Since this was one of my first exercises in interface design, it’s nice to see that I already saw a faint glimmer of the “using data to modify data” principle. For example, the range slider, used to select year, engine power, mileage and price ranges, also serves as a bar graph, showing the number of vehicles available for each step.

It also has nifty DHTML tricks, all courtesy of Fry. The one I like most is the comparison windows that arrange themselves horizontally and scroll together to keep the vehicle characteristics inline.

If you ask me, this is the site where the attention to detail and the dedication of each member of Parsek’s team is most apparent. (Some improvements as well as some bugs have been introduced into the interface since I left)

URL:

http://www.rabljenavozila.com

(more…)

Peugeot.si (2000)

Thursday, December 7th, 2000

PeugeotThis site was still done with Flash 4, because it was still too early to expect a high adoption rate of Flash 5. So I used the experience I gained from programming in Flash 5 to try to push Flash 4 to the limit with dynamically created menus and content. Because a lot of things still had to be updated manually, I tried to make it as simple as possible, especially because I refused to update the site myself.

The coolest thing about the site were the car galleries which featured custom animations for each car. For the x06 series, each car was set against an abstract background and then the rest of the image was built up in 4 steps based on the user’s actions. For the x07 series, the car was set in an enviroment and then the enviroment came alive in 4 different ways based on the user’s actions. Completely unnecessary, but at least it made some use of the huge space the car’s picure took up and it made the site extra cool.

One other achievement was the Flash interface for the accessories store. I don’t think that had been done before. The biggest challenge was creating an easy system to manually update the product thumbnails. Luckily, the product line didn’t change very often.

(more…)

Parsek (2000)

Friday, October 20th, 2000

ParsekWith new investors in the game, Parsek moved location to the very center of Ljubljana. Everybody got a hefty raise, the offices were amazing and the company slowly started going very corporate. The site we did for Parsek was much more serious and informative, but still retained the youthful and playful, yet at times cynical attitude that defined the company. It featured the new “square” logo and the dotted world map with 3.26 written on it. The site was flash-enhanced HTML, the design echoing the new dotcom yuppie times – faceless young techno-junkies taking over the world is how I would describe it.

(more…)

Renault.si 1999

Monday, March 1st, 1999

Renault SlovenijaRenault Slovenija was the first major project for Parsek and it has proven to be the most crucial and faithful one throughout the years. We did the first version in collaboration with Studio Marketing, who were doing all the advertising work for Renault Slovenija. The greatest challenge was freeing ourselves from the dictate of Studio Marketing’s designers, who, coming from the print media design, weren’t able to grasp the concept of designing for the web just yet. Soon, they were pesuaded to back off a bit, and the resulting website was very interesting. Weird, but in a good way.

Although, had I known, that my static-data Flash is going to keep me busy for the next few years, I’d think twice about doing it. Back then, we still hadn’t figured out that Flash (even version 4) could be programmed to load data dynamically, and the media could only be updated dynamically via Generator, which we couldn’t afford, so it was done in a lame static manner, that required me to open the Flash authoring environment, modify the content manually, export and finally upload the swf to the server. And all this every time Renault started or stopped selling a car with a particular engine, which was very often. And since they refused to finance a completely new website for about 3 years, I was updating the flashes manually at least once a week for a very long time. Needless to say, it was a good lesson and a damn good motive to learn about dynamic data.

(more…)

Sinerga

Friday, December 18th, 1998

Sinerga is a company that makes big LED display panels, one of which is placed very prominently placed in the city center. It’s so low-tech that I can’t believe it’s still there. Most probably because it has the same effect as internet banners, it’s always in your face, but you don’t even notice it anymore.

This site is such an obvious example of the enthusiasm Ozi and I had for Flash. The idea was to create the feeling of being on some kind of Times Square-like place. Every menu choice rotated the square and changed the color of the buildings. I find it funny now, but we were dead serious then. Since there were no vector plugins for 3D applications then, the rotating square was exported as wireframe images from a 3D application and then Ozi manually drew and colored vector versions of them in Illustrator. Actually, all four sides of the square were the same, with a building in the middle which carried a huge two-part LED display. The top featured Ozi’s wacky motion graphics and the bottom was reserverd for slogans which were covered by some kind of net to create a LED look.

Anyway, in the end, we had to tone everything down, because it was just too flashy, so we halved the size and removed the motion graphics. Notice that I haven’t mentioned the content yet? Exactly.

This project got us free advertising space for a few years on the “city’s main LED display” I mentioned earlier.

(more…)

Luka Koper / Port of Koper

Friday, December 4th, 1998

Luka KoperThis was one of those never-ending stories where I’m lucky that my involvement was minimal. It was a huge project for a tough client and it took forever to make. Basically, I only did a few Flash gadgets for the site, like the interactive maps and a webcam application. Pretty basic stuff, really, but at a time when Flash was used for “kewl” animated menus and buttons, these gadgets were actually useful.

URL:

http://www.luka-kp.si

(more…)

Cepi se!

Wednesday, December 2nd, 1998

Cepi se!The very first client work I’ve ever done was this site for the Hepatitis B awareness and innoculation campaign, conducted by the Institute of Public Health. I’m completely amazed that it’s still online, considering it was done at a time when I still had a lot to learn about Flash and other internet technologies, so the production was basically me and Ozi trying to figure out how to make a pull-down menu in Flash and me taking the programmers’ instructions on how to post a form. I was also fiddling with some audio software back then, so I created a groovy but a bit menacing sound loop for the site.

URL:

http://www.cepise.org

(more…)

Parsek (1998)

Tuesday, December 1st, 1998

This was my first project at Parsek back in 1998. The company was still trying to get serious clients and the first thing to do was to create a flashy website. Of course, the website was crap, spinning logos and everything, but still it was among the first of its kind.

Done in Flash 4, with an annoying background loop, my friend Olga doing fake japanese accent sound effects and featuring Ozi’s wacky animations, we basically just had a good time doing it. The news section was updated manually in Flash and then re-exported, and I think we did it twice.

(more…)