Alkoholprofilen is now live
As we promised you in our earlier entry we can now proudly present the finished result of the Alkoholprofilen application.
The old version of Alkoholprofilen was written in Flash, not very user-friendly and to be honest quite boring. Our biggest challenges were to:
- Make the site in HTML, and accessible for people without javascript
- Make the site SEO friendly
- Create an easy to control, yet dynamic user experience
- Open the site for 3rd party access via means of an API
- Create a Facebook application where you can compare your result with your friends
So what might look like flash is in fact 100% javascript.
Important to point out is that the questions and the result is something that the Alcohol committee in Sweden has developed through studies. The questions in the test are about your consumption, drinking habits, behavior, perceived problems and intoxication. The test is aiming to get you to start thinking about your drinking habits rather than “forbid” you to drink at all.
Take a look at the application here and let us know how you feel about it, whether you took the test or just want to talk about the project.
Report Inappropriate Content
CloseThank You!
The safety and legitimacy of Kontain's content is paramount to us. We will be investigating this content shortly. Here is what you reported:
Additional Information
Lorem ipsum dolor sit amet consectetuer adipiscing elit penubrum purous
-
filip
11 months ago
Great job guys!
-
Plat4M
11 months ago
Hehe.. I thought that it is Flash. Nice done Fi. Only bad thing is that I don't understand it :(
-
matteo
11 months ago
Great project Karl, JS/CSS/PHP/MySQL legend!
-
Fi Jullan
11 months ago
For those of you who have the patience I think you can solve almost all questions via Google Translate.
Great job guys, there's already been a lot of talk about this project!
-
David Lind...
11 months ago
Nice walkthrough Karl! The feedback was obviously a bit of a lie.. haha :P
-
Fabrizio
11 months ago
awesome project!!
But i don't understand Swedish... :(
-
aleks
11 months ago
OMG! Beautiful!
-
The Design...
11 months ago
-
daddymccoy21
11 months ago
I loved the overall feel that you get using it - and the motion/movement of the elements were indeed as close to the smooth flash transitions.
The only thing in this project that I felt was lacking were the popup items from the top right subnav area. They seemed to be a section that was not really thought out or integrated properly, rather they seemed to be put in as an afterthought.
All in all, fun little project. Was there any talk about creating a facebook application that mimics the quiz?
-
Daniel
11 months ago
Doesn't work in Firefox 3.0 OS X. The footer with the "fortsätt" button is not showing. And the mouse over on the logo doesn't work either so It's impossible to know it's a link. Otherwise, good work :-)
-
krauser
11 months ago
I really like how the tabs overlap the survey and you can close them without losing your progress.
-
thefactory
11 months ago
getting some problems with the sliders, they kinda flicker and cause some disturbing look, am using Windows Vista. Otherwise, Fi rulessssssssssssssssssssssssssss. Great work Karl (one of the best JavaScript Developers out there)
-
karlstanton
11 months ago
Thanks for the feedback and comments everybody! The team and I really appreciate it! It's great working with such enthusiastic and talented team mates, this has been a hell of a ride, and the outcome is absolutely worth it!
@daddymccoy21, if you make your way through the 14 questions to the Feedback zone and open the 'Jämför din Alkoholprofil' slide, you will be able to compare your feedback with the Swedish population and also share your result on Facebook and involve your friends.
@Daniel, I believe that's due to some sprites not being downloaded. We are currently experiencing significantly high server loads, and sometimes the sprites are timing out. We are working on allocating more resources to the server to help with the current load. Appreciate the comments.
@thefactory, glad you enjoyed it! Thanks!
So, be honest, anyone been in the red zone yet? If you don't understand Swedish, you have nothing to worry about! ;-)
-
Mijos
11 months ago
The design on this site is awesome. It has the great F-I feeling with polished graphics and great usability. Only problem was that I did'nt understand some of the swedish words but that's just because I didn't pay enough attention on swedish lessons back in school :) It really does look like a flash-site. Nice javascripting!
-
acefx
11 months ago
Nice work done with HTML and CSS am superised no page reloading
Thumb Up though i expected more and Language is another issue
:-)
-
repponen
11 months ago
Nice one, Karl! Like how Australian translates all the headers there :)
-
prabhakaran_g
11 months ago
When I went thro' these graphic slides I thought its done using Flash, man I cant beleive its in HTML. Nice to see such a thing from F-i. A suggestion in calendar: Selecting one value doesnt have to be Checkbox.
-
ritier
11 months ago
Very clean!
-
thefactory
11 months ago
F-i whats up with fwatheater.com??????
-
Jonas
11 months ago
Quoted from: Daniel - "Doesn't work in Firefox 3.0 OS X. The footer with the "fortsätt" button is not showing. And the mouse over on the logo doesn't work either so It's impossible to know it's a link. Otherwise, good work :-)
Its sure work for me!
-
Signore
10 months ago
I like the redesign, simple and beautiful. The old version took too long to come the point.
Even though I don`t understand a word I think the site tries to tell me that I should get a drink.
In this sense: cheers and good night.
-
David R
9 months ago
Nice work. I know the subtle elements that make these types of forms elegant and reusable take a lot of patience to craft. From a business standpoint do you see providing a non-javascript alternative as still being critical for what you do?
To add comments please login OR signup and activate your account by clicking the activation link in the signup confirmation email.
Comments (22)