Turquoise Digital

Hello.

Home

NICE TO
MEET YOU.
WEB DESIGNED.
Büro

My name is Dipl.-Ing. Georg Ertl and I am the founder of Turquoise Digital, in short TQ Digital. We are a full service digital studio, developing web solutions and also supporting an international design agency in London. Our goal is to design and develop individual, personal and unique websites with customised technologies all over the world. The interaction of design and functionality is crucial for success. So we are paying attention to details and new compatible technologies. We are creative problem solvers and love our customers. See a small selection of our projects below.

Download Portfolio
  • Businesmodelzoo

    Businesmodelzoo

    Marketplace platform / UK

  • Costanza

    Costanza

    Webshop and fine food presentation website / UK and Italy

  • Discovery networks

    Discovery networks

    Animations / UK

  • Ertl Design

    Ertl Design

    Designers portfolio website / UK

  • Exceedingly vegan

    Exceedingly vegan

    Vegan Blog / UK

  • Foggy Mix

    Foggy Mix

    Restaurant website / Austria

  • In-form

    In-form

    CSS Winner award / UK

  • Lacuna

    Lacuna

    Independent investment company / Germany

  • Rigol Master

    Rigol Master

    Drainage systems / Austria

  • RL360

    RL360

    Offshore investment solutions / Isle of Man



Contact

Contact me via
Mail look@tq-digital.com
Phone +43 664 / 464 39 63
or www.facebook.com
Contactform | Imprint

Businesmodelzoo

Marketplace platform / UK



The Cass Business School in London needed a responsive website for the presentation of their four elemental business model categories. User can register to get full access and read details of an exemplar. There are a lot of exemplars in different categories, so it was really important to design a clearly arranged site and programming a usabilityfriendly and efficient website where they can create a new exemplar with only one click. We managed it successfully and even figured out a sophisticated mobile solution. ➚  Visit Project Page




1170x600_businessmodelzoo.jpg
1170x600_businessmodelzoo2.jpg
1170x600_businessmodelzoo3.jpg
  • Fully responsive
  • Retina ready
  • Morph buttons
  • HTML5 & CSS3 with fallback solutions
  • Live search
  • Jquery Plugin „Isotope“ Filter and magical layouts
  • Own Login and User registration for data collection
  • Particular content only for registered user accessible
  • Implementation of Bootstrap - the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web
  • Easy creation of new sites/exemplars
  • Fully editable content
  • Dynamically data and cross-linking
  • Sophisticated mobile solution
  • Well-designed and thought-out architecture
  • Responsive 'tables'

Costanza

Webshop and fine food presentation website / UK and Italy



The Italian Fine Food and Wine Import - Export Ltd commissioned us with the implementation of a website including a webshop. The redesign needed a contemporary look and a product that would stand out in the shelves. The clear design and the functionality of the website speaks for itself. The best thing, Costanza increased sales by 600% an the website was nominated for three webdesign awards. ➚  Visit Project Page




1170x600_costanzafoods.jpg
1170x600_costanzafoods2.jpg
1170x600_costanzafoods3.jpg
  • 600% sale increase
  • Mulitlayer (scroll-) animations
  • Morphing sidebar burger menu and header transitions
  • Award nominee
  • Animated GIFs and customer reviews
  • Online webshop
  • Subtle hover effects
  • Dynamic/automatic generated overview sites
  • 100% width and height background images
  • Fully onpage editable content
  • One click new page creation
  • CSS3 and JavaScript animations

Discovery networks

Animations / UK



Discovery Communications asked us to create an online campagne for their global fitness and activity initiative ‘MOVE’. We animated infografics to encourage the employees to participate and they did. They are shown in almost 40 offices worldwide.




1170x600_discovery_networks.jpg
1170x600_discovery_networks2.jpg
  • shown in almost 40 offices worldwide
  • CSS3 keyframe animations
  • JavaScript/JQuery animations
  • GIF animations
  • HTML5
  • Fallback solutions
  • Responsive

Ertl Design

Designers portfolio website / UK



A fully responsive onepage-website to present the latest work. The user can easily add new projects. Images are not loaded unless you need it, a preloader is implemented to provided a quick page loading time. This site is also backward compatible, so even very old browser can handle with the code. ➚  Visit Project Page




1170x600_ertl-design.jpg
1170x600_ertl-design2.jpg
1170x600_ertl-design3.jpg
  • Fully responsive
  • Morphing menu item
  • Onepager
  • Scrollto sections / waypoints
  • Browser compatibility / backward compatible
  • Easy one-click page creation
  • Fully onpage editable content
  • DOM manipulation
  • Image preloading script
  • Frontend and backend script communication

Exceedingly vegan

Vegan Blog / UK



A vegan blog, to show recipes, products and locations for vegans. The aim was to create new pages easily and to keep administrative burden low. Other necessary requirements were a clean responsive website, easy share possibilities and to reach an optimal search engine placement index. We managed it brilliantly. Check it out. ➚  Visit Project Page




1170x600_exceedinglyvegan.jpg
1170x600_exceedinglyvegan2.jpg
1170x600_exceedinglyvegan3.jpg
  • Backenduser are able to create a new recipe-page with only one click
  • Every site can be categorised. Depending on its category the new site will be posted underneath automatically
  • Recipies can be tagged. Every tag is visible in the searchresult.
  • User can search for tags and keywords
  • User can comment on every recipe
  • Via Open Graph technology the sharing information on social media platforms can be specifically controlled
  • Better ranking through Rich Text Snippets
  • Ingredient converter, calculate almost all units to your favourite measurement
  • RSS - Really Simple Syndication Feeds with thumbails
  • Newsletter datacollection, downloadable in the backend
  • Retina ready
  • Fully responsive

Foggy Mix

Restaurant website / Austria



An Austrian pub and a several nomineted restaurant. We made an entire redesign and a completely new structure of the website. A unique design, which is consitent for a restaurant and a pub and it keeps their original charm. Many meetings, brainstroming sessions and closely coorperation making the project a resounding success. ➚  Visit Project Page




1170x600_foggy_mix.jpg
1170x600_foggy_mix2.jpg
1170x600_foggy_mix3.jpg
  • Fullscreen Slideshow mit CSS3 „Ken Burns“ effect
  • Animated menu items
  • Mobile first applicaton. More useful features on mobile view
  • Sublte hover effects
  • One click solution for adding a new news, events or photo page
  • Time-controlled events. Automatic cateogrization of current and past events
  • Using an intelligent individually tailored content management system
  • Focusing on interesting photos with the aim of beeing more aware
  • Uniform design
  • Opens automatically the current menu item depending on the day
  • Rebranding and reorganisation of menu by using card sorting and other creativity methods

In-form

CSS Winner award / UK



In-Form is a service management system for housing and homelessness. We firstly devoloped a fully responsive information website to make In-Form stand out. And on the other hand the frontend for the redesigned administration system. We worked closely with other developer to help them implementing it. Many usability tests were necessary to make work for users much easier. ➚  Visit Project Page

In-Form main page

➚  Visit Project Page

In-form community (frontend) - backend only accessible with user login data




1170x600_in-form.jpg
1170x600_in-form2.jpg
1170x600_in-form4.jpg
1170x600_in-form3.jpg
  • Animated sidebar transiton burger menu
  • Fully editable content
  • New blocks are easy to add
  • Responsive „tables“ with same height, JavaScript fallback solution
  • Sophisticated mobile solution
  • Viewport media queries
  • FAQ sticky sidebar
  • Time-controlled possiblity to activate blocks
  • CSS3 transitions
  • Enhancing text input interactions
  • Livesearch and animated sorting with Isotope (filter & sort magical layouts)
  • JQuery validation with Regex
  • JQuery multiselect/DateTime addons
  • Fully responsive
  • Retina ready
  • Creative Button styles
  • CSS winning award

Lacuna

Independent investment company / Germany



The independet investment company in Germany needed a redesign of their website. Special challenge was to handle the amount to of the subpages and make areas dynamically to optimise processes. Further obstacles were the four level submenu and how to handle it on mobile devices. Finally many sections have been automated to reduce administrative costs. ➚  Visit Project Page




1170x600_lacuna.jpg
1170x600_lacuna2.jpg
1170x600_lacuna3.jpg
  • Fully responsive
  • Multilingual
  • Searchable
  • Over 400 subpages
  • Cookie controlled access
  • Editable areas and blocks
  • Controlled newsfeeds
  • Bootstrap implemented - the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web
  • HTML5 and SVG charts
  • SSL encoded
  • Pretty URLs

Rigol Master

Drainage systems / Austria



The company developed a completely new product, and did not have many information or rather photos about the product. So we have to work through the product and generated individually photos and a logo to begin at all. Our scope of functions comprises the creative direction, the projectmanagement, the webdesign, the programming, hosting, and so on. ➚  Visit Project Page




1170x600_rigolmaster.jpg
1170x600_rigolmaster2.jpg
1170x600_rigolmaster3.jpg
  • Computer Generated Images, retouching and imagecreation
  • New CI including logo and indivudual design
  • Projectmanagment/Creative direction
  • Creativity and Webdesign
  • Implementation of lightweight JavaScript plugins and libraries
  • JavaScript image gallery for mobile and desktop, modular, framework independent with touchgestures, Browser History API, ...
  • Call-to-action elements
  • Usabilityfriendly neurowebdesign
  • Fully responsive
  • CSS3 and HTML5 with fallback solutions
  • Use of Less, a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themeable and extendable.
  • UCD – User Centered Design
  • Retina ready

RL360

Offshore investment solutions / Isle of Man



We developed animated ads, which were viewed across 44 countries worldwide. The needed different sizes for different screens and so any animation has been adapted.




1170x600_rl360ads.jpg
1170x600_rl360ads2.jpg
1170x600_rl360ads3.jpg
  • Viewed across 44 countries worldwide
  • Exactly to the millisecond timed animations
  • JQuery and CSS3 animations
  • Image preloading script
  • Miscellaneous animations in different sizes
  • GIF animations
  • Fallback solutions
  • HTML5