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
5 months ago
Great job guys!
-
Plat4M
5 months ago
Hehe.. I thought that it is Flash. Nice done Fi. Only bad thing is that I don't understand it :(
-
matteo
5 months ago
Great project Karl, JS/CSS/PHP/MySQL legend!
-
Fi Jullan
5 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!
-
decembersoul
5 months ago
Nice walkthrough Karl! The feedback was obviously a bit of a lie.. haha :P
-
Fabrizio
5 months ago
awesome project!!
But i don't understand Swedish... :(
-
aleks
5 months ago
OMG! Beautiful!
-
The Design...
5 months ago
-
daddymccoy21
5 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
5 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
5 months ago
I really like how the tabs overlap the survey and you can close them without losing your progress.
-
thefactory
5 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
5 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
5 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
5 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
5 months ago
Nice one, Karl! Like how Australian translates all the headers there :)
-
prabhakaran_g
5 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
5 months ago
Very clean!
-
thefactory
5 months ago
F-i whats up with fwatheater.com??????
-
Jonas
5 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
5 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
3 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?
Comments (22)