O2.SK
UX/UI, WIREFRAMES, GUIDELINES
For O2 Slovakia, based on user testing, surveys and analytical data we have improved navigation and overall user experience of the website for their customers.
For O2 Slovakia, based on user testing, surveys and analytical data we have improved navigation and overall user experience of the website for their customers.

New Guidelines

While conducting the redesign we have also created a set of standardised graphical elements that are used across O2 Slovakia's website and applications.

New Login screen

We designed, animated, and simplified how users sign up and log in to their account in O2 Slovakia website.

Package deals

We have prepared a new layout for the package deals sub-page. Comparison of flat rates of different packages was made possible by a clear and organised table.

New header

The header at www.o2.sk has gone through detailed redesign, we were able to visually organize information on the basis of priorities. The search has become more prominent, making it easier for visitors to find and use it.

Old version
New version

Wireframes

Good design is not enough by itself. O2 Slovakia, as one of the progress driven companies, depends not only on high-quality work but also on employee training. We've prepared hundreds of wireframes, designs, and we've done dozens of prototypes in Axure RP (a wireframe and prototype creation tool).

Wireframe
Dizajn

Loading animation

Nobody likes to wait. We made this process a little more enjoyable with a simple animation.

O2 assistant

Assistant was created as a system that helps undecided people to select best phone and o2 package without doing extensive research on prices and technical specifications.

First prototype

O2 Assistant logic and screens

After information architecture was approved we developed several standart building blocks that could guide users through the advisor in easiest manner. Each one features clear indication of steps, overal progress and avaliable actions

#1 Selection with icons
#2 Multiselection
#3 Multiselection with icons
#4 Value selector with slider
Results screen

Fully responsive

Assistant is avaliable on any device

Conclusion

For O2 Slovakia, we've done dozens of employee training sessions, prepared hundreds of wireframes for the web,designed the self-care zone and the back-office zone, worked thousands of hours to satisfy hundreds of thousands of visitors. And prepared a website facelifts.

We are pleased to be able to work with high profile clients such as O2 and enjoy challenges and cooperation. You can see our realisation on www.o2.sk.