Анализ сайта gskinner.com
Основное Готовность: 100%
Домен
gskinner.com
Состояние доменного имени
?
Проверяем корректность доменного имени и наличие технических проблем на уровне домена.
Домен второго уровня идеален для продвижения.
Отличный запоминающийся домен.
Ответ сервера
200 Успешный ответ
HTTP-код ответа и цепочка редиректов
?
Код 200 — страница доступна. Коды 3xx — редиректы (цепочки замедляют загрузку и размывают ссылочный вес). Коды 4xx/5xx — ошибки, поисковик не сможет проиндексировать страницу.
Сервер настроен корректно.
Цепочка редиректов:
http://gskinner.com
301 MovedPermanently
https://gskinner.com/
200 OK
Безопасность
Сайт безопасен
Использование HTTPS и SSL-сертификат
?
HTTPS — обязательный стандарт. Google и Яндекс отдают предпочтение защищённым сайтам. Отсутствие SSL или просроченный сертификат ведут к предупреждениям в браузере и снижению позиций.
Не настроен HSTS (Strict-Transport-Security) — рекомендуется включить.
На сайте работает защищенный протокол ssl и сайт открывается по https.
Ssl-сертификат действителен до 04.10.2026 22:45:22.
HTTP автоматически перенаправляется на HTTPS.
Поздравляем! Сайт не содержится в реестре РКН.
Кодировка
utf-8
Кодировка символов страницы
?
Стандарт — UTF-8. Неправильная кодировка вызывает нечитаемые символы и мешает поисковику корректно распознать текст страницы.
Указана кодировка на странице utf-8.
Язык
Атрибут lang в HTML-теге
?
Атрибут lang (<html lang="ru">) сообщает поисковикам и браузерам, на каком языке написана страница. Помогает при ранжировании в региональном поиске.
Язык страницы не указан. Рекомендуется явно указать язык документа!
Скорость загрузки
~1,48сек
Время отклика сервера (TTFB)
?
Time To First Byte — время до получения первого байта от сервера. Норма до 200 мс. Медленный отклик ухудшает пользовательский опыт и ранжирование: Яндекс и Google учитывают скорость страниц.
Скорость загрузки сайта 1,48сек превышает 1 секунду. Желательно улучшить работу сайта!
Объем документа
113Кб
Размер HTML-кода страницы
?
Слишком большой HTML замедляет парсинг браузером и сканирование поисковым роботом. Рекомендуется не более 200 Кб.
Объем html-документа 113Кб оптимален.
Структура html-документа корректна.
Ресурсы
Ресурсы: 10
Внешние ресурсы страницы (CSS, JS, изображения)
?
Количество и тип подключённых ресурсов влияют на скорость загрузки. Большое число запросов увеличивает время рендеринга страницы.
Кол-во файлов ресурсов 10 достаточно.
Показать полный список ресурсов
| Тип | Название | Значение |
|---|---|---|
| stylesheet | /site4/styles/css/project.css?_v=4cbc5489 | |
| js | https://www.googletagmanager.com/gtag/js?id=G-EL2K3WJ8J1 | |
| js | /site4/gFramework/scripts/thirdparty/BrowserDetect.js | |
| js | //ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js | |
| js | /site4/scripts/preloadjs-NEXT.min.js | |
| js | https://code.createjs.com/tweenjs-0.6.1.min.js | |
| js | https://code.createjs.com/easeljs-0.8.1.min.js | |
| js | /site4/scripts/thirdparty.min.js | |
| js | /site4/scripts/bootstrap.min.js | |
| js | /site4/scripts/application.min.js?v=4cbc5489 |
Серверные заголовки
Кол-во: 6
HTTP-заголовки ответа сервера
?
Заголовки сервера передают браузеру и поисковику служебную информацию: кеширование, безопасность (CSP, HSTS), сжатие (gzip). Правильная настройка ускоряет загрузку и повышает защищённость.
Найдены серверные заголовки 6шт. Подробнее про серверные заголовки.
Показать полный список серверных заголовков
| Ключ | Значение |
|---|---|
| Accept-Ranges | bytes |
| Cache-Control | no-store, must-revalidate, no-cache, max-age=0 |
| Vary | Accept-Encoding |
| Pragma | no-cache |
| Date | Sun, 23 Aug 2026 06:37:42 GMT |
| Server | Apache |
CMS
Не определена
Система управления сайтом (движок)
?
CMS — это движок, на котором работает сайт (WordPress, 1C-Bitrix, Tilda и др.). Знание CMS помогает понять возможности SEO-оптимизации и подобрать подходящие инструменты. «Не определена» — вероятно, самописный сайт или нестандартная сборка.
CMS не определена. Вероятно, сайт самописный либо движок надёжно скрыт. Это не ошибка.
Веб-сервер
Apache
Программное обеспечение сервера
?
Веб-сервер — это ПО, которое отдаёт страницы посетителям (nginx, Apache, IIS, LiteSpeed и др.). Определяется по серверным заголовкам ответа (Server, X-Powered-By и т.п.). «Не определён» — сервер намеренно скрывает эти заголовки, это нормальная практика безопасности.
Сайт работает на веб-сервере Apache.
Мета-теги Готовность: 34%
Title
gskinner
Заголовок страницы в браузере и поисковой выдаче
?
Title — главный SEO-заголовок страницы. Влияет на CTR в поиске и ранжирование. Оптимальная длина: 50–70 символов. Ключевые слова — ближе к началу.
Необходимо увеличить число символов в title (текущее значение мало: 8, минимум: 25, оптимально: от 40 до 45)
Дублей словоформ в title не найдено.
Description
We collaborate with smart, motivated clients to conceptualize, design, and build world-class interactive experiences.
Описание страницы в поисковой выдаче (сниппет)
?
Meta Description — текст под заголовком в выдаче. Напрямую на позиции не влияет, но влияет на CTR. Оптимальная длина: 120–160 символов.
Необходимо увеличить число символов в description (текущее значение: 117, оптимально: от 120 до 130)
Keywords
gskinner,createjs
Список ключевых слов страницы (устаревший тег)
?
Meta Keywords не учитывается Яндексом и Google для ранжирования с 2009–2012 годов. Заполнение не обязательно, но не вредит. Конкурент может использовать содержимое для анализа.
Keywords установлены.
Канонический Url
Указывает поисковику основную версию страницы
?
Canonical (rel=canonical) предотвращает проблему дублей страниц. Должен точно совпадать с URL проверяемой страницы. Неправильный canonical может передать ссылочный вес на другую страницу.
Рекомендуем прописать канонический Url.
Robots
Ошибок нет
Директивы для поисковых роботов на уровне страницы
?
Meta Robots управляет индексацией конкретной страницы: index/noindex — индексировать ли, follow/nofollow — следовать ли по ссылкам. Noindex полностью исключает страницу из поиска.
Meta-тег robots не указан. Страница свободна для индексации.
Адаптивность
initial-scale=1,target-densitydpi=device-dpi,user-scalable=no,width=device-width,minimal-ui
Настройка масштабирования на мобильных устройствах
?
Тег viewport (<meta name="viewport">) сообщает браузеру, как масштабировать страницу на мобильных. Стандарт: width=device-width, initial-scale=1. Отсутствие — признак отсутствия мобильной версии.
Meta-тег viewport со значением-константой width=device-width задаёт ширину страницы в соответствии с размером экрана.
Meta-тег viewport со значением initial-scale=1.0 определяет масштаб 1:1, т.е. «не масштабировать».
Meta-тег viewport со значением user-scalable определяет доступность масштабирования страницы пользователем.
Разметка OpenGraph
Не найдено
Мета-теги для красивых превью в соцсетях
?
OpenGraph (og:title, og:description, og:image) управляет тем, как страница выглядит при репосте в социальных сетях и мессенджерах. Отсутствие OG-тегов — невзрачный превью при шеринге.
Разметка OpenGraph не задана. Страница не оптимизирована под социальные сети. Мета-теги с разметкой Og помогают социальным роботам лучше структурировать Ваш сайт.
Все мета-теги
Кол-во: 6
Полный список мета-тегов страницы
?
Таблица всех meta-тегов, включая нестандартные. Позволяет найти опечатки, дубли и лишние теги.
Найдены мета-теги 6шт. Мета-теги не видимы для человека и предназначены для обмена информацией между веб-страницей и поисковыми системами, браузерами и другими веб-службами. С ними роботы 🤖 и устройства ведут себя более ожидаемо.
Показать полный список мета-тегов
| Тип | Название | Значение |
|---|---|---|
| name | fragment | ! |
| name | description | We collaborate with smart, motivated clients to conceptualize, design, and build world-class interactive experiences. |
| name | keywords | gskinner,createjs |
| name | viewport | initial-scale=1,target-densitydpi=device-dpi,user-scalable=no,width=device-width,minimal-ui |
| name | apple-mobile-web-app-title | gskinner |
| name | application-name | gskinner |
Оптимизация Готовность: 40%
Структура
Ошибок нет
Семантические HTML-элементы страницы
?
Проверяет наличие основных структурных элементов: nav, header, footer, main. Корректная семантическая структура помогает поисковику понять архитектуру страницы.
Структура документа корректна (теги <html> и <body> присутствуют по одному на документ).
Контент
Есть ошибки
Объём и качество текстового содержимого
?
Анализирует объём полезного текста на странице. Слишком мало — страница может считаться малополезной. Слишком много — ухудшается читаемость и восприятие.
Слова из title 1 встречаются в тексте редко. Добавьте в контент страницы слова из тега <title>!
Абзацев с текстом 4 слишком мало. Добавьте больше абзацев с текстом (тег <p>)!
Среднее число слов в абзаце 9 слишком мало. Сделайте контент более читаемым!
Кол-во знаков контента 430 слишком мало. Добавьте больше текста!
Кол-во слов 61 слишком мало. Добавьте больше текста (минимум 400 слов)!
Заголовки
Ошибок нет
Иерархия заголовков H1–H6
?
H1 должен быть один и содержать ключевой запрос. H2–H6 описывают подразделы. Пропуск уровней (H1 → H3) и несколько H1 — типичные ошибки, снижающие понятность страницы для поисковика.
На странице присутствуют заголовки <h1> 1. Это прекрасно.
Тошнота
1,73
Насколько одно слово доминирует в тексте
?
Классическая тошнота = √(частота самого повторяющегося слова). Норма до 7–8: текст воспринимается естественно. Выше — поисковик может счесть страницу переспамленной.
Тошнота страницы в пределах нормы 3.
Академич. тошнота
21,31%
Насколько текст перенасыщен ключевыми словами
?
Академическая тошнота = (частота слова / общее количество слов) × 100%. Показывает долю конкретного слова в тексте. Норма 5–15%.
Академическая тошнота превышает норму 5-15%. Измените текст страницы!
Семантическое ядро
20
Наиболее часто встречающиеся слова на странице
?
Топ слов по частоте использования. Показывает, какие слова доминируют в тексте с точки зрения поисковика.
Контент страницы содержит осмысленный текст и слова.
Показать список слов
| Слово | Кол-во | Частота |
|---|---|---|
| gskinner | 3 | 4,92% |
| clients | 2 | 3,28% |
| navigate | 1 | 1,64% |
| solutions | 1 | 1,64% |
| companies | 1 | 1,64% |
| collaborate | 1 | 1,64% |
| motivated | 1 | 1,64% |
| conceptualize | 1 | 1,64% |
| design | 1 | 1,64% |
| world-class | 1 | 1,64% |
| interactive | 1 | 1,64% |
| experiences | 1 | 1,64% |
| please | 1 | 1,64% |
| enable | 1 | 1,64% |
| javascript | 1 | 1,64% |
| browser | 1 | 1,64% |
| contact | 1 | 1,64% |
| hello@gskinner | 1 | 1,64% |
| @gskinner_team | 1 | 1,64% |
| servicing | 1 | 1,64% |
Индексация Готовность: 80%
Индексирование
Ошибок нет
Разрешено ли индексирование страницы
?
Проверяет, не закрыта ли страница от индексации через robots.txt, meta robots или X-Robots-Tag. Страница, закрытая от индексации, не появится в поисковой выдаче.
Анкоров на странице 7 оптимально. Поисковые роботы обязательно проиндексируют сайт.
Robots.txt
Найден корректный robots.txt
Файл управления сканированием сайта роботами
?
Robots.txt указывает поисковым роботам, какие страницы сканировать, а какие — нет. Ошибки в файле могут случайно закрыть важные разделы от индексации.
Robots.txt настроен корректно. Размер файла: 116155 байт. Загружен за: 1сек.
Проверяемая страница не запрещена в robots.txt.
Robots.txt доступен по постоянному адресу
Цепочка редиректов для файла robots.txt:
http://gskinner.com/robots.txt
301 MovedPermanently
https://gskinner.com/robots.txt
200 OK
Показать содержимое robots.txt
<!DOCTYPE html><html><head><meta http-equiv="content-type" content="text/html;charset=utf-8"><title>gskinner</title><script async src="https://www.googletagmanager.com/gtag/js?id=G-EL2K3WJ8J1"></script><script>window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-EL2K3WJ8J1');</script><style>@charset "UTF-8";@font-face{font-family:BLOKKRegular;src:url(../../gFramework/assets/fonts/BLOKKRegular.eot);src:url(../../gFramework/assets/fonts/BLOKKRegular.eot?#iefix) format("embedded-opentype"),url(../../gFramework/assets/fonts/BLOKKRegular.woff) format("woff"),url(../../gFramework/assets/fonts/BLOKKRegular.svg#BLOKKRegular) format("svg");font-weight:400;font-style:normal}.no-transition{transition-duration:0s!important}#gUtility{transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.22,.88,.01,.99);transition-duration:.5s;-webkit-transform-origin:top center;transform-origin:top center;position:absolute;top:0;left:calc(10rem);right:calc(10rem);z-index:4000;padding:2rem;background-color:rgba(0,0,0,.8);visibility:hidden;opacity:0;-webkit-transform:translateY(-100%) translateZ(0);transform:translateY(-100%) translateZ(0)}#gUtility.in{opacity:1;visibility:visible;-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0)}.gUtility_output{line-height:0}.gUtility_title:first-child::before{content:"@mixin bp( )";display:inline-block;margin-right:1rem;font-weight:400;color:rgba(255,255,255,.5)}.gUtility_title{margin:0;font-size:1.4rem;color:rgba(255,255,255,.66)}.gUtility_title::after{content:attr(data-value);display:inline-block;padding:0 1rem 0 4px;color:#fff}body.innerScroll #currentPage{overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch}*{box-sizing:border-box}html{font-size:10px}body{background-color:#303745}.no-touch{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none}.yes-touch{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;-ms-touch-action:all;touch-action:all}*{-webkit-tap-highlight-color:transparent}.no-contextMenu{-webkit-touch-callout:none}.yes-contextMenu{-webkit-touch-callout:default}/*! normalize.css v2.0.1 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:10px}body{margin:0;font-size:16px}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"“" "”" "‘" "’"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:regular-boldweb;src:url(/site4/assets/fonts/regular-boldweb.eot);src:local("‚ò∫"),url(/site4/assets/fonts/regular-boldweb.woff) format("woff"),url(/site4/assets/fonts/regular-boldweb.ttf) format("truetype");font-weight:700;font-style:bold}@font-face{font-family:regular-bookweb;src:url(/site4/assets/fonts/regular-bookweb.eot);src:local("‚ò∫"),url(/site4/assets/fonts/regular-bookweb.woff) format("woff"),url(/site4/assets/fonts/regular-bookweb.ttf) format("truetype");font-weight:400;font-style:normal}.panel_heading{font:normal 3.4em/90% regular-bookweb,sans-serif;text-rendering:optimizeLegibility;letter-spacing:-2px;margin:0 0 1rem 0}@media screen and (min-aspect-ratio:3/4) and (min-width:540px){.panel_heading{font:normal 2.8em/90% regular-bookweb,sans-serif}}@media screen and (min-aspect-ratio:3/4) and (min-width:600px){.panel_heading{font:normal 3.6em/90% regular-bookweb,sans-serif}}@media screen and (min-aspect-ratio:3/4) and (min-width:800px){.panel_heading{font:normal 4.2em/90% regular-bookweb,sans-serif}}@media screen and (min-aspect-ratio:3/4) and (min-width:1024px){.panel_heading{font:normal 4.6em/90% regular-bookweb,sans-serif}}@media screen and (min-aspect-ratio:3/4) and (min-width:1180px){.panel_heading{font:normal 5.2em/90% regular-bookweb,sans-serif}}@media screen and (min-aspect-ratio:3/4) and (min-width:1380px){.panel_heading{font:normal 5.6em/90% regular-bookweb,sans-serif}}.panel_subheading{font:normal 2.2rem/100% regular-bookweb,sans-serif;text-rendering:optimizeLegibility;text-transform:uppercase;margin:0 0 1rem 0}@media screen and (min-aspect-ratio:3/4) and (min-width:540px){.panel_subheading{font:normal 2rem/100% regular-bookweb,sans-serif}}@media screen and (min-aspect-ratio:3/4) and (min-width:1024px){.panel_subheading{font:normal 2.8rem/100% regular-bookweb,sans-serif}}@media screen and (min-aspect-ratio:3/4) and (min-width:1380px){.panel_subheading{font:normal 3rem/100% regular-bookweb,sans-serif}}.panel_description,.panel_misc,.spinner-cubeWrap::after,p{font:normal 1.8em/120% regular-bookweb,sans-serif;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;text-rendering:optimizeLegibility;margin:0 0 1rem 0}@media screen and (min-aspect-ratio:3/4) and (min-width:1180px){.panel_description,.panel_misc,.spinner-cubeWrap::after,p{font:normal 2em/128% regular-bookweb,sans-serif}}@media screen and (min-aspect-ratio:3/4) and (min-width:1380px){.panel_description,.panel_misc,.spinner-cubeWrap::after,p{font:normal 2.2em/128% regular-bookweb,sans-serif}}.button-default{font:bold 1.8em/80% regular-boldweb,sans-serif;text-rendering:optimizeLegibility;text-align:center;text-transform:uppercase;margin:0 0 1rem 0}.navHeading{font:bold 1.4em/0 regular-boldweb,sans-serif;text-rendering:optimizeLegibility;text-transform:uppercase}.navLink{font:normal 1.8em/150% regular-boldweb,sans-serif;text-rendering:optimizeLegibility;text-decoration:none}#gLogo-header,#gLogo-nav{transition-property:width;transition-timing-function:cubic-bezier(.22,.88,.01,.99);transition-duration:0;transition-delay:0;display:inline-block;position:relative;outline:0;height:3rem;width:14.2rem}.mini#gLogo-header,.mini#gLogo-nav{transition-delay:.1s;width:3rem}.gLogo_g{transition-property:-webkit-transform,fill;transition-property:transform,fill;transition-timing-function:cubic-bezier(.22,.88,.01,.99);transition-duration:.5s;position:absolute;height:3rem;width:3rem;fill:#fff}.gLogo_skinner,.gLogo_skinnerWrap{position:absolute;right:0;height:3rem;width:11.2rem;fill:#fff;transition-property:fill;transition-timing-function:cubic-bezier(.22,.88,.01,.99);transition-duration:.5s}.gLogo_skinnerWrap{transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-timing-function:ease-out,cubic-bezier(.22,.88,.01,.99);transition-duration:.5s,.5s;transition-delay:0;overflow:hidden;position:absolute;left:2.9rem;opacity:1;-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0)}.gLogo_skinnerWrap.out{transition-delay:0s,.3s;transition-duration:.1s,0s;opacity:0;-webkit-transform:translateY(-300%) translateZ(0);transform:translateY(-300%) translateZ(0)}#gLogo-header{transition:-webkit-transform .3s cubic-bezier(.22,.88,.01,.99);transition:transform .3s cubic-bezier(.22,.88,.01,.99);position:absolute;top:2rem;left:2rem;z-index:4000}@media screen and (min-aspect-ratio:3/4) and (-webkit-min-device-pixel-ratio:1),(min--moz-min-device-pixel-ratio:1),(-o-min-device-pixel-ratio:1),(min-device-pixel-ratio:1),(min-resolution:1dppx){#gLogo-header{top:1.5rem;left:1.5rem}}@media screen and (min-aspect-ratio:3/4) and (min-width:540px) and (max-width:600px){#gLogo-header{transition-delay:.1s;width:3rem}#gLogo-header .gLogo_skinnerWrap{transition-delay:0,.1s;transition-duration:.1s;opacity:0;-webkit-transform:translateY(-300%) translateZ(0);transform:translateY(-300%) translateZ(0)}}@media screen and (min-aspect-ratio:3/4) and (min-width:800px){#gLogo-header{top:3rem;left:3rem}}.icon-blog,.icon-email,.icon-twitter{width:1.8rem;height:1.4rem;float:left;margin-top:.1rem;margin-right:.5rem;fill:#fff}.spinner-cubeWrap{transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-timing-function:cubic-bezier(.22,.88,.01,.99);transition-duration:.7s;transition-delay:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-perspective:5000;perspective:5000;width:3rem;height:3rem;opacity:1;-webkit-transform:translate3d(-1.5rem,-1.5rem,0) scale(1);transform:translate3d(-1.5rem,-1.5rem,0) scale(1)}.spinner-cubeWrap::after{content:attr(data-percent);position:absolute;top:50%;left:50%;width:100%;text-align:center;text-shadow:0 0 15px #111;color:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.spinner-cubeWrap.out{opacity:0;-webkit-transform:translate3d(-1.5rem,-1.5rem,0) scale(.9);transform:translate3d(-1.5rem,-1.5rem,0) scale(.9)}@media screen and (min-aspect-ratio:13/8) and (min-width:1024px){.spinner-cubeWrap{width:4rem;height:4rem;-webkit-transform:translate3d(-2rem,-2rem,0) scale(1);transform:translate3d(-2rem,-2rem,0) scale(1)}}.spinner-cube{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:spinnerCube-rotate 4s infinite cubic-bezier(.165,.84,.44,1);animation:spinnerCube-rotate 4s infinite cubic-bezier(.165,.84,.44,1);width:3rem;height:3rem}@media screen and (min-aspect-ratio:13/8) and (min-width:1024px){.spinner-cube{width:4rem;height:4rem}}@-webkit-keyframes spinnerCube-rotate{0%{-webkit-transform:rotate3d(0,0,0) scale(1);transform:rotate3d(0,0,0) scale(1)}15%,25%{-webkit-transform:rotate3d(1,-1,0,180deg) scale(1);transform:rotate3d(1,-1,0,180deg) scale(1)}40%,50%{-webkit-transform:rotate3d(0,0,-1,180deg) scale(1);transform:rotate3d(0,0,-1,180deg) scale(1)}65%,75%{-webkit-transform:rotate3d(-1,-1,0,180deg) scale(1);transform:rotate3d(-1,-1,0,180deg) scale(1)}100%,90%{-webkit-transform:rotate3d(0,0,0) scale(1);transform:rotate3d(0,0,0) scale(1)}}@keyframes spinnerCube-rotate{0%{-webkit-transform:rotate3d(0,0,0) scale(1);transform:rotate3d(0,0,0) scale(1)}15%,25%{-webkit-transform:rotate3d(1,-1,0,180deg) scale(1);transform:rotate3d(1,-1,0,180deg) scale(1)}40%,50%{-webkit-transform:rotate3d(0,0,-1,180deg) scale(1);transform:rotate3d(0,0,-1,180deg) scale(1)}65%,75%{-webkit-transform:rotate3d(-1,-1,0,180deg) scale(1);transform:rotate3d(-1,-1,0,180deg) scale(1)}100%,90%{-webkit-transform:rotate3d(0,0,0) scale(1);transform:rotate3d(0,0,0) scale(1)}}.spinner-cube_face{position:absolute;overflow:hidden;width:3rem;height:3rem}.spinner-cube_face .spinner-cube_progressBar{width:100%;height:100%;-webkit-transform:translateY(100%);transform:translateY(100%)}.spinner-cube_face.face-1,.spinner-cube_face.face-2{background-color:rgba(255,255,255,.2)}.spinner-cube_face.face-1 .spinner-cube_progressBar,.spinner-cube_face.face-2 .spinner-cube_progressBar{background-color:rgba(255,255,255,.4)}.spinner-cube_face.face-1{-webkit-transform:rotateY(0) translateZ(1.5rem);transform:rotateY(0) translateZ(1.5rem)}.spinner-cube_face.face-2{-webkit-transform:rotateY(180deg) translateZ(1.5rem);transform:rotateY(180deg) translateZ(1.5rem)}.spinner-cube_face.face-3,.spinner-cube_face.face-4{background-color:rgba(0,0,0,.2)}.spinner-cube_face.face-3 .spinner-cube_progressBar,.spinner-cube_face.face-4 .spinner-cube_progressBar{background-color:rgba(0,0,0,.2)}.spinner-cube_face.face-3{-webkit-transform:rotateY(90deg) translateZ(1.5rem);transform:rotateY(90deg) translateZ(1.5rem)}.spinner-cube_face.face-4{-webkit-transform:rotateX(-90deg) translateZ(1.5rem);transform:rotateX(-90deg) translateZ(1.5rem)}.spinner-cube_face.face-5,.spinner-cube_face.face-6{background-color:rgba(255,255,255,.6)}.spinner-cube_face.face-5 .spinner-cube_progressBar,.spinner-cube_face.face-6 .spinner-cube_progressBar{background-color:rgba(255,255,255,.4)}.spinner-cube_face.face-5{-webkit-transform:rotateX(-90deg) translateZ(1.5rem);transform:rotateX(-90deg) translateZ(1.5rem)}.spinner-cube_face.face-6{-webkit-transform:rotateX(90deg) translateZ(1.5rem);transform:rotateX(90deg) translateZ(1.5rem)}@media screen and (min-aspect-ratio:13/8) and (min-width:1024px){.spinner-cube_face{width:4rem;height:4rem}.spinner-cube_face.face-1{-webkit-transform:rotateY(0) translateZ(2rem);transform:rotateY(0) translateZ(2rem)}.spinner-cube_face.face-2{-webkit-transform:rotateY(180deg) translateZ(2rem);transform:rotateY(180deg) translateZ(2rem)}.spinner-cube_face.face-3{-webkit-transform:rotateY(90deg) translateZ(2rem);transform:rotateY(90deg) translateZ(2rem)}.spinner-cube_face.face-4{-webkit-transform:rotateX(-90deg) translateZ(2rem);transform:rotateX(-90deg) translateZ(2rem)}.spinner-cube_face.face-5{-webkit-transform:rotateX(-90deg) translateZ(2rem);transform:rotateX(-90deg) translateZ(2rem)}.spinner-cube_face.face-6{-webkit-transform:rotateX(90deg) translateZ(2rem);transform:rotateX(90deg) translateZ(2rem)}}*{box-sizing:border-box}html{width:100%;height:100%;font-size:10px;-webkit-font-smoothing:antialiased}@media screen and (-webkit-min-device-pixel-ratio:1.1),(min--moz-min-device-pixel-ratio:1.1),(-o-min-device-pixel-ratio:1.1),(min-device-pixel-ratio:1.1),(min-resolution:1.1dppx){html{-webkit-font-smoothing:subpixel-antialiased}}body{transition:background .1s cubic-bezier(.22,.88,.01,.99);overflow:hidden;width:100%;max-width:100%;height:100%;margin:0;font-family:regular-bookweb,sans-serif;font-size:10px;margin:0;background-color:#a3a3a3}a:hover{cursor:pointer}.button-default{transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-duration:.5s;transition-timing-function:cubic-bezier(.22,.88,.01,.99);transition-delay:0;position:relative;display:inline-block;border-width:.2rem;padding:1em;margin:0;text-decoration:none;text-align:center;white-space:nowrap;background-size:contain;background-position:top center;background-repeat:no-repeat;border-style:solid;border-color:#101010;color:#101010;-webkit-transform:scale(1) translateZ(0) translateY(0);transform:scale(1) translateZ(0) translateY(0)}.button-default::before{content:"";transition-property:-webkit-transform;transition-property:transform;transition-duration:.5s;transition-timing-function:cubic-bezier(.22,.88,.01,.99);display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#101010;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(0);transform:scaleX(0)}.button-default::after{content:attr(data-label);transition-property:color;transition-duration:.5s;transition-timing-function:cubic-bezier(.22,.88,.01,.99);position:relative;z-index:1;color:inherit}.button-default.hide{-webkit-transform:scale(1.2) translateZ(0) translateY(0);transform:scale(1.2) translateZ(0) translateY(0);opacity:0}.button-default.hover::before,.button-default:hover::before{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1);transform:scaleX(1)}.button-default.hover::after,.button-default:hover::after{color:#fff}.panel,.panel_description,.panel_heading,.panel_misc,.panel_subheading{transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.22,.88,.01,.99);transition-duration:.3s;-webkit-transform:translateY(6rem) translateZ(0) scale(.9);transform:translateY(6rem) translateZ(0) scale(.9);opacity:0}.in.panel,.in.panel_description,.in.panel_heading,.in.panel_misc,.in.panel_subheading{transition-timing-function:cubic-bezier(.22,.88,.01,.99),ease-out;opacity:1;-webkit-transform:none;transform:none}.panel{position:relative;overflow:hidden;width:100%;background-color:transparent;-webkit-transform:translateY(6rem) translateZ(0) scale(.9);transform:translateY(6rem) translateZ(0) scale(.9);opacity:0}.panel.in,.panel:first-child{-webkit-transform:none!important;transform:none!important}@media screen and (min-aspect-ratio:3/4) and (min-width:540px){.panel{padding-top:60%}}@media screen and (min-aspect-ratio:13/8) and (min-width:540px){.panel{padding-top:50%}}#stickyText-DELETEME,.panel_copy{position:relative;left:6rem;right:2rem;width:calc(100% - 8rem);margin:1rem 0 4rem 0}#stickyText-DELETEME>:last-child,.panel_copy>:last-child{margin-bottom:0}@media screen and (min-aspect-ratio:3/4) and (min-width:540px){#stickyText-DELETEME,.panel_copy{left:6rem;bottom:2rem;width:calc(70% - 6rem)}}@media screen and (min-aspect-ratio:3/4) and (min-width:600px){#stickyText-DELETEME,.panel_copy{bottom:4rem}}@media screen and (min-aspect-ratio:3/4) and (min-width:800px){#stickyText-DELETEME,.panel_copy{left:9rem;bottom:6rem;width:50%}}@media screen and (min-aspect-ratio:3/4) and (min-width:1024px){#stickyText-DELETEME,.panel_copy{max-width:46rem}}@media screen and (min-aspect-ratio:3/4) and (min-width:1380px){#stickyText-DELETEME,.panel_copy{max-width:60rem;bottom:7rem}}@media screen and (min-aspect-ratio:3/4) and (min-width:1640px){#stickyText-DELETEME,.panel_copy{max-width:70rem}}#stickyText-DELETEME,.panel_copy{transition-property:-webkit-transform;transition-property:transform;position:relative}#stickyText-DELETEME .button-default,.panel_copy .button-default{opacity:0;-webkit-transform:scale(1) translateZ(0) translateY(6rem);transform:scale(1) translateZ(0) translateY(6rem)}#stickyText-DELETEME .button-default.in,.panel_copy .button-default.in{opacity:1;-webkit-transform:scale(1) translateZ(0) translateY(0);transform:scale(1) translateZ(0) translateY(0)}#stickyText-DELETEME>:last-child,.panel_copy>:last-child{margin-bottom:0}#stickyText-DELETEME>:last-child.button-default,.panel_copy>:last-child.button-default{margin-top:2rem}@media screen and (min-aspect-ratio:3/4) and (min-width:540px){#stickyText-DELETEME,.panel_copy{position:absolute;margin:0}}@media screen and (min-aspect-ratio:3/4) and (min-width:600px){#stickyText-DELETEME,.panel_copy{bottom:4rem}}@media screen and (min-aspect-ratio:3/4) and (min-width:800px){#stickyText-DELETEME,.panel_copy{left:8rem;bottom:8rem;width:50%}}@media screen and (min-aspect-ratio:3/4) and (min-width:1380px){#stickyText-DELETEME,.panel_copy{max-width:60rem}}@media screen and (min-aspect-ratio:3/4) and (min-width:1640px){#stickyText-DELETEME,.panel_copy{max-width:70rem}}.panel_description,.panel_heading,.panel_misc,.panel_subheading{color:inherit;opacity:0;-webkit-transform:translateY(6rem) translateZ(0);transform:translateY(6rem) translateZ(0)}@media screen and (orientation:portrait){.panel_description,.panel_heading,.panel_misc,.panel_subheading{max-width:46rem}}.panel_description{width:95%}@media screen and (min-aspect-ratio:3/4) and (min-width:1180px){.panel_description{width:90%}}.panel_art{transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-timing-function:cubic-bezier(.22,.88,.01,.99);transition-duration:1.4s;transition-delay:0s;position:relative;width:100%;padding-top:60%;-webkit-transform:scale(.95) translateZ(0);transform:scale(.95) translateZ(0);opacity:0}.panel_art.in{opacity:1;-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0)}@media screen and (min-aspect-ratio:3/4) and (min-width:540px){.panel_art{position:absolute;padding-top:0;height:100%}}.panel_art{background-repeat:no-repeat;background-size:101%;background-position:center center}@media screen and (min-aspect-ratio:3/4) and (min-width:540px){.panel_art{position:absolute;top:0;left:0;width:100%}}.panel_spinner{position:absolute;left:50%;top:20%}.panel_spinner.remove{display:none}@media screen and (min-aspect-ratio:3/4) and (min-width:540px){.panel_spinner{left:66%;top:50%}}#stickyText-DELETEME{position:fixed;pointer-events:none;background:0 0;margin-left:-1px}#stickyText-DELETEME .button-default{pointer-events:all}#stickyText-DELETEME.out{display:none}#navPanel{transition-property:-webkit-transform,top;transition-property:transform,top;transition-duration:.1s,.3s;transition-timing-function:cubic-bezier(.22,.88,.01,.99),cubic-bezier(.22,.88,.01,.99);transition-delay:0;-webkit-transform-origin:top right;transform-origin:top right;position:absolute;top:0;right:0;z-index:4000;width:3rem;height:3rem;opacity:.9;-webkit-transform:translateX(-1.5rem) translateY(1.5rem) translateZ(0);transform:translateX(-1.5rem) translateY(1.5rem) translateZ(0)}#navPanel::before{transition-property:-webkit-transform,opacity,background-color;transition-property:transform,opacity,background-color;transition-duration:.1s;transition-timing-function:cubic-bezier(.22,.88,.01,.99);transition-delay:0;content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#3c3c3c}#navPanel.open::before{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}#navPanel.hide::before{transition-duration:0;opacity:0}@media screen and (min-aspect-ratio:3/4) and (-webkit-min-device-pixel-ratio:1),(min--moz-min-device-pixel-ratio:1),(-o-min-device-pixel-ratio:1),(min-device-pixel-ratio:1),(min-resolution:1dppx){#navPanel{-webkit-transform:translateX(-1.5rem) translateY(1.5rem) translateZ(0);transform:translateX(-1.5rem) translateY(1.5rem) translateZ(0)}}@media screen and (min-aspect-ratio:3/4) and (min-width:800px){#navPanel{-webkit-transform:translateX(-3rem) translateY(3rem) translateZ(0);transform:translateX(-3rem) translateY(3rem) translateZ(0)}}#navToggle{transition:-webkit-transform .3s cubic-bezier(.22,.88,.01,.99);transition:transform .3s cubic-bezier(.22,.88,.01,.99);position:absolute;top:.5rem;right:.5rem;cursor:pointer;z-index:4000;width:5rem;height:5rem}@media screen and (min-aspect-ratio:3/4) and (-webkit-min-device-pixel-ratio:1),(min--moz-min-device-pixel-ratio:1),(-o-min-device-pixel-ratio:1),(min-device-pixel-ratio:1),(min-resolution:1dppx){#navToggle{top:.5rem;right:.5rem}}@media screen and (min-aspect-ratio:3/4) and (min-width:800px){#navToggle{top:2rem;right:2rem}}#navIcon,#navIcon #navIcon_bottomBar,#navIcon #navIcon_topBar{transition-property:-webkit-transform,opacity,width;transition-property:transform,opacity,width;transition-duration:.1s;transition-timing-function:cubic-bezier(.22,.88,.01,.99);transition-delay:0;height:.2rem}#navIcon{display:block;position:absolute;top:2.4rem;right:1.75rem;z-index:4000;width:1.5rem;background-color:#fff;opacity:1;-webkit-transform:rotate(0) translateY(0) translateX(0) translateZ(0);transform:rotate(0) translateY(0) translateX(0) translateZ(0)}#navIcon #navIcon_bottomBar,#navIcon #navIcon_topBar{content:"";position:absolute;left:0;right:0;display:block;background-color:#fff}#navIcon #navIcon_topBar{-webkit-transform:rotate(0) translateY(-.5rem) translateX(0) translateZ(0);transform:rotate(0) translateY(-.5rem) translateX(0) translateZ(0)}#navIcon #navIcon_bottomBar{-webkit-transform:rotate(0) translateY(.5rem) translateX(0) translateZ(0);transform:rotate(0) translateY(.5rem) translateX(0) translateZ(0)}#navIcon.plus #navIcon_topBar{-webkit-transform:rotate(-90deg) translateY(0) translateX(0) translateZ(0);transform:rotate(-90deg) translateY(0) translateX(0) translateZ(0)}#navIcon.plus #navIcon_bottomBar{-webkit-transform:rotate(0) translateY(0) translateX(0) translateZ(0);transform:rotate(0) translateY(0) translateX(0) translateZ(0)}#navIcon.close{background-color:transparent}#navIcon.close #navIcon_topBar{-webkit-transform:rotate(-135deg) translateY(0) translateZ(0);transform:rotate(-135deg) translateY(0) translateZ(0)}#navIcon.close #navIcon_bottomBar{-webkit-transform:rotate(-45deg) translateY(0) translateZ(0);transform:rotate(-45deg) translateY(0) translateZ(0)}#navIcon.hide{transition-duration:.1s,.5s,0,.3s;transition-delay:50ms,.1s,.8s,0;width:0;background-color:#3c3c3c;opacity:0}#navIcon.hide #navIcon_bottomBar,#navIcon.hide #navIcon_topBar{background-color:#3c3c3c}#navIcon.hide #navIcon_topBar{-webkit-transform:rotate(-90deg) translateY(0) translateZ(0);transform:rotate(-90deg) translateY(0) translateZ(0)}#navIcon.hide #navIcon_bottomBar{-webkit-transform:rotate(0) translateY(0) translateZ(0);transform:rotate(0) translateY(0) translateZ(0)}#navIcon.show{opacity:1}#navContent{transition-property:opacity,top;transition-timing-function:cubic-bezier(.22,.88,.01,.99),cubic-bezier(.22,.88,.01,.99);transition-duration:0,.3s;transition-delay:0;visibility:hidden;position:absolute;top:0;right:0;z-index:4000;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;height:100%;padding:6rem 3rem 0 3rem;opacity:0;-webkit-transform:translateX(0) translateY(0) translateZ(0) scale(1);transform:translateX(0) translateY(0) translateZ(0) scale(1)}#navContent h1:first-of-type{margin-top:0}#navContent #gLogo-nav{height:2rem;margin-bottom:3rem}#navContent #gLogo-nav .gLogo_g{width:2rem;height:2rem}#navContent #gLogo-nav .gLogo_skinnerWrap{left:-2.1rem;height:2rem}#navContent #gLogo-nav .gLogo_skinner{width:7.2rem;height:2rem}#navContent.remove{-webkit-transform:translateX(0) translateY(0) translateZ(0) scale(0);transform:translateX(0) translateY(0) translateZ(0) scale(0);z-index:-1}#navContent.open{visibility:visible;opacity:1}@media screen and (min-width:540px){#navContent{width:30rem;height:auto;padding:3rem;max-height:calc(100% - 1.5rem * 2);-webkit-transform:translateX(-1.5rem) translateY(1.5rem) translateZ(0) scale(1);transform:translateX(-1.5rem) translateY(1.5rem) translateZ(0) scale(1)}#navContent.remove{-webkit-transform:translateX(-1.5rem) translateY(1.5rem) translateZ(0) scale(0);transform:translateX(-1.5rem) translateY(1.5rem) translateZ(0) scale(0)}}@media screen and (min-aspect-ratio:3/4) and (min-width:800px){#navContent{-webkit-transform:translateX(-3rem) translateY(3rem) translateZ(0) scale(1);transform:translateX(-3rem) translateY(3rem) translateZ(0) scale(1)}#navContent.remove{-webkit-transform:translateX(-3rem) translateY(3rem) translateZ(0) scale(0);transform:translateX(-3rem) translateY(3rem) translateZ(0) scale(0)}}#navContent ::last-child{padding:1.5rem}.navChild{transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-timing-function:linear,cubic-bezier(.22,.88,.01,.99);transition-duration:.1s;width:auto;opacity:0}.open .navChild{opacity:1}#gLogo-nav .gLogo_g,#gLogo-nav .gLogo_skinner{fill:#fff}#gLogo-nav::before{display:none}#gLogo-nav:hover::before{border-color:#fff}.navHeading{transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.22,.88,.01,.99);width:100%;margin-top:4rem;color:#a3a3a3}.navHeading_link{display:block;float:right;text-decoration:none;color:#fff}.navDivider{border-bottom:.5px #a3a3a3 solid}.navLink{transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.22,.88,.01,.99);display:block;position:relative;color:#fff}.navLink:hover .navLink_flourish{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.navLink.selected{opacity:.33;cursor:default}.navLink.selected .navLink_flourish{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.navLink.phone{font-size:1.7rem}.navLink_flourish{transition-property:-webkit-transform;transition-property:transform;transition-timing-function:cubic-bezier(.22,.88,.01,.99);transition-duration:.3s;-webkit-transform-origin:0 0;transform-origin:0 0;display:inline-block;width:3rem;height:.2rem;margin-left:.5rem;background-color:#fff;-webkit-transform:scaleX(0) translateZ(0);transform:scaleX(0) translateZ(0)}body.bodyScroll{overflow-y:scroll}body.bodyScroll #gLogo-header{position:fixed}body.bodyScroll #navContent,body.bodyScroll #navPanel,body.bodyScroll #navToggle{position:fixed}body.bodyScroll #transitionPanel{position:fixed;top:0}body.innerScroll{overflow:hidden}body.innerScroll #currentPage{width:100%;height:100%}#currentPage{position:relative}#transitionPanel{transition-property:-webkit-transform,background-color;transition-property:transform,background-color;transition-duration:.7s;transition-timing-function:cubic-bezier(.22,.88,.01,.99),ease-out;transition-delay:0s;position:absolute;z-index:3000;width:100%;height:100%;background-color:#3c3c3c;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0) translateY(0) scaleX(0) scaleY(0) translateZ(0);transform:translateX(0) translateY(0) scaleX(0) scaleY(0) translateZ(0)}#transitionPanel.ready{transition-duration:0s;transition-delay:0s;-webkit-transform:translateX(0) translateY(0) scaleX(0) scaleY(0) translateZ(0);transform:translateX(0) translateY(0) scaleX(0) scaleY(0) translateZ(0)}</style><meta name="fragment" content="!"><meta name="description" content="We collaborate with smart, motivated clients to conceptualize, design, and build world-class interactive experiences."><meta name="keywords" content="gskinner,createjs"><meta name="viewport" content="initial-scale=1,target-densitydpi=device-dpi,user-scalable=no,width=device-width,minimal-ui"><link rel="apple-touch-icon" sizes="114x114" href="/site4/assets/images/favicons/apple-touch-icon-114x114.png"><link rel="apple-touch-icon" sizes="57x57" href="/site4/assets/images/favicons/apple-touch-icon-57x57.png"><link rel="apple-touch-icon" sizes="72x72" href="/site4/assets/images/favicons/apple-touch-icon-72x72.png"><link rel="apple-touch-icon" sizes="144x144" href="/site4/assets/images/favicons/apple-touch-icon-144x144.png"><link rel="apple-touch-icon" sizes="60x60" href="/site4/assets/images/favicons/apple-touch-icon-60x60.png"><link rel="apple-touch-icon" sizes="120x120" href="/site4/assets/images/favicons/apple-touch-icon-120x120.png"><link rel="apple-touch-icon" sizes="76x76" href="/site4/assets/images/favicons/apple-touch-icon-76x76.png"><link rel="apple-touch-icon" sizes="152x152" href="/site4/assets/images/favicons/apple-touch-icon-152x152.png"><meta name="apple-mobile-web-app-title" content="gskinner"><link rel="icon" type="image/png" href="/site4/assets/images/favicons/favicon-196x196.png" sizes="196x196"><link rel="icon" type="image/png" href="/site4/assets/images/favicons/favicon-160x160.png" sizes="160x160"><link rel="icon" type="image/png" href="/site4/assets/images/favicons/favicon-96x96.png" sizes="96x96"><link rel="icon" type="image/png" href="/site4/assets/images/favicons/favicon-16x16.png" sizes="16x16"><link rel="icon" type="image/png" href="/site4/assets/images/favicons/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/x-icon" href="/site4/assets/images/favicons/favicon.ico"><meta name="application-name" content="gskinner"><link rel="shortcut icon" href="/site4/assets/images/favicons/favicon.ico" type="image/x-icon"><link rel="icon" href="/site4/assets/images/favicons/favicon.ico" type="image/x-icon"><link rel="stylesheet" href="/site4/styles/css/project.css?_v=4cbc5489"><script src="/site4/gFramework/scripts/thirdparty/BrowserDetect.js"></script><script>// Check for incompatible browsers and show the upgrade page:
if (BrowserDetect.isLessThanIEVersion(10) || BrowserDetect.isLessThanIOSVersion(7)) {
window.location.href = "upgrade";
} else {
// Set application scope
window.gsite = {
strings: null,
appData: null,
};
}</script><script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script><script src="/site4/scripts/preloadjs-NEXT.min.js"></script><script src="https://code.createjs.com/tweenjs-0.6.1.min.js"></script><script src="https://code.createjs.com/easeljs-0.8.1.min.js"></script><script src="/site4/scripts/thirdparty.min.js"></script><script src="/site4/scripts/bootstrap.min.js"></script><script src="/site4/scripts/application.min.js?v=4cbc5489"></script><script>var strings = {"APP_TITLE":"gskinner","APP_DESCRIPTION":"We collaborate with smart, motivated clients to conceptualize, design, and build world-class interactive experiences.","APP_KEYWORDS":"gskinner,createjs","APP_ROOT":"/","404_TITLE":"page not found","404_DESCRIPTION":"Sorry, we couldn't find the page you were looking for.","404_KEYWORDS":"404,error","404_HEADING":"Page Not Found","404_CAPTION":"We are very sorry. The page you are looking for cannot be found. Please check the url for typos or click the button below.","404_VISIT_HOME_BTN_LABEL":"Visit our home page","404_BTN_LINK":"/","404_01_LOGO_COLOR":"#010101","UPGRADE_TITLE":"unsupported browser","UPGRADE_DESCRIPTION":"Sorry, we don't support your browser version.","UPGRADE_CAPTION":"We are sorry, most of our work can only be viewed in modern browsers. Please update your browser to view our work.","NAV_SHOWCASES":"Showcase","NAV_BROWSE":"Browse","NAV_ABOUT":"About","NAV_WORK":"Work with Us","VERTICALS_TITLE":"Areas of Expertise","LAB_NAV_TITLE":"Lab","BLOG_NAV_TITLE":"Blog","PRIVATE_MESSAGE_SHOWCASE":"This project is privately listed. To share it with a colleague, use the original link provided by gskinner.","PRIVATE_MESSAGE_SHOWCASES":"Some of these projects are privately listed. To share it with a colleague, use the original link provided by gskinner.","HOME_TITLE":"gskinner","HOME_DESCRIPTION":"We collaborate with smart, motivated clients to conceptualize, design, and build world-class applications, digital experiences, virtual reality, and web based-solutions","HOME_KEYWORDS":"gskinner, digital experiences, native apps, virtual reality, web solutions, web apps","HOME_00_HEADING":"Smart Solutions for Smart Companies","HOME_00_DESC":"We collaborate with smart, motivated clients to conceptualize, design, and build world-class interactive experiences.<br /><br /><em>To view the full site, please enable JavaScript in your browser.</em>","HOME_00_BUTTON_TEXT":"Contact Us","HOME_00_BUTTON_LINK":"mailto:hello@gskinner.com","HOME_INTRO_PANEL_ID":"home_intro","HOME_INTRO_HEADING":"Digital Innovators","HOME_INTRO_SUBHEADING":"","HOME_INTRO_DESC":"When it comes to delivering bleeding edge digital solutions, top brands in technology, sports, and entertainment trust our team of designers, developers, and strategic thinkers to get the job done.","HOME_INTRO_MISC":"","HOME_INTRO_BUTTON_ID":"","HOME_INTRO_BUTTON_TEXT":"project showcase","HOME_INTRO_BUTTON_LINK":"showcase","HOME_INTRO_LOGO_COLOR":"#fff","HOME_SERVICES_PANEL_ID":"home_SERVICES","HOME_SERVICES_HEADING":"Dependably Creative","HOME_SERVICES_SUBHEADING":"","HOME_SERVICES_DESC":"Our clients choose us for our innovation, and stay for our ability to successfully deliver on time and budget. In 20 years and hundreds of challenging projects, we haven’t had one major hiccup.","HOME_SERVICES_MISC":"","HOME_SERVICES_BUTTON_ID":"ourCompany","HOME_SERVICES_BUTTON_TEXT":"More about us","HOME_SERVICES_BUTTON_LINK":"ourcompany","HOME_02LUNARLANDER_PANEL_ID":"home_02LUNARLANDER","HOME_02LUNARLANDER_HEADING":"Connected Experiences","HOME_02LUNARLANDER_SUBHEADING":"","HOME_02LUNARLANDER_DESC":"These experiences leverage connected devices to provide a unique and memorable way to engage your audience online, at special events, or in-store.","HOME_02LUNARLANDER_MISC":"","HOME_02LUNARLANDER_BUTTON_ID":"LunarLander","HOME_02LUNARLANDER_BUTTON_TEXT":"Lunar Lander","HOME_02LUNARLANDER_BUTTON_LINK":"lunarlander","HOME_02LUNARLANDER_PANEL_LABEL":"Connected Experiences","HOME_02LUNARLANDER_LOGO_COLOR":"#3bfcfc","HOME_VR_PANEL_ID":"home_VR","HOME_VR_HEADING":"Virtual Reality","HOME_VR_SUBHEADING":"","HOME_VR_DESC":"We have the skills to deliver a wide range of innovative VR experiences to your customers—from stories to games, tools and more. Now’s the time to showcase your brand in a whole new way.","HOME_VR_MISC":"","HOME_VR_BUTTON_ID":"holoball","HOME_VR_BUTTON_TEXT":"HoloBall","HOME_VR_BUTTON_LINK":"holoball","HOME_VR_PANEL_LABEL":"Virtual Reality","HOME_VR_LOGO_COLOR":"#15ebed","HOME_WEB_PANEL_ID":"home_WEB","HOME_WEB_HEADING":"Web Solutions","HOME_WEB_SUBHEADING":"","HOME_WEB_DESC":"The online world lets you reach an endless audience, making it the perfect medium for us to create killer apps, exciting games and engaging experiences on any screen, at any time—anywhere.","HOME_WEB_MISC":"","HOME_WEB_BUTTON_ID":"golife","HOME_WEB_BUTTON_TEXT":"CAMP Festival","HOME_WEB_BUTTON_LINK":"camp","HOME_WEB_PANEL_LABEL":"Web Solutions","HOME_WEB_LOGO_COLOR":"#161718","HOME_TOOLS_PANEL_ID":"home_TOOLS","HOME_TOOLS_HEADING":"Customized Tools","HOME_TOOLS_SUBHEADING":"","HOME_TOOLS_DESC":"Make the implausible possible with tools designed to take on your unique challenges. We’ll work with you to assess your specific needs, then create custom tools to deliver results.","HOME_TOOLS_MISC":"","HOME_TOOLS_BUTTON_ID":"iss","HOME_TOOLS_BUTTON_TEXT":"Dragon Age ISS","HOME_TOOLS_BUTTON_LINK":"iss","HOME_TOOLS_PANEL_LABEL":"Custom Workflows","HOME_TOOLS_LOGO_COLOR":"#ddd","HOME_DIGITAL_PANEL_ID":"home_DIGITAL","HOME_DIGITAL_HEADING":"Digital Experiences","HOME_DIGITAL_SUBHEADING":"","HOME_DIGITAL_DESC":"You want your customers to have a connection to your brand that is unlike any other. We can create that with unique experiences that generate interest and leave a lasting impression.","HOME_DIGITAL_MISC":"","HOME_DIGITAL_BUTTON_ID":"technitone","HOME_DIGITAL_BUTTON_TEXT":"Technitone","HOME_DIGITAL_BUTTON_LINK":"technitone","HOME_DIGITAL_PANEL_LABEL":"Digital Experiences","HOME_DIGITAL_LOGO_COLOR":"#2eb4c3","HOME_CODELIBRARIESFLUTTER_PANEL_ID":"home_CODELIBRARIESFLUTTER","HOME_CODELIBRARIESFLUTTER_HEADING":"Libraries & Frameworks","HOME_CODELIBRARIESFLUTTER_SUBHEADING":"","HOME_CODELIBRARIESFLUTTER_DESC":"To solve difficult challenges we create approachable, modular, and extensible tools to keep the industry—and our clients—moving forward.","HOME_CODELIBRARIESFLUTTER_MISC":"","HOME_CODELIBRARIESFLUTTER_BUTTON_ID":"flutter","HOME_CODELIBRARIESFLUTTER_BUTTON_TEXT":"The Flutter Vignettes","HOME_CODELIBRARIESFLUTTER_BUTTON_LINK":"flutter","HOME_CODELIBRARIESFLUTTER_PANEL_LABEL":"Code Libraries","HOME_CODELIBRARIESFLUTTER_LOGO_COLOR":"white","HOME_NATIVEAPP_PANEL_ID":"home_NATIVEAPP","HOME_NATIVEAPP_HEADING":"Native Apps","HOME_NATIVEAPP_SUBHEADING":"","HOME_NATIVEAPP_DESC":"We design and develop world-class native applications that deliver exceptional performance and bring brands to every platform, including mobile, tablet, console, and desktop.","HOME_NATIVEAPP_MISC":"","HOME_NATIVEAPP_BUTTON_ID":"nascar","HOME_NATIVEAPP_BUTTON_TEXT":"NASCAR","HOME_NATIVEAPP_BUTTON_LINK":"nascar","HOME_NATIVEAPP_PANEL_LABEL":"Native Apps","HOME_NATIVEAPP_LOGO_COLOR":"#97d700","HOME_03_PANEL_ID":"home_03","HOME_03_HEADING":"Let’s Chat","HOME_03_SUBHEADING":"","HOME_03_DESC":"We love what we do—a lot. This passion has enabled us to work with some of the world’s top agencies and clients. Talk to us today to find out how we can apply our passion to your next project.","HOME_03_MISC":"","HOME_03_BUTTON_ID":"ourcompany_btn","HOME_03_BUTTON_TEXT":"Say Hello","HOME_03_BUTTON_LINK":"mailto:hello@gskinner.com?subject=Hello gskinner.","HOME_LAB_PANEL_ID":"home_LAB","HOME_LAB_HEADING":"Practicing Our Craft","HOME_LAB_SUBHEADING":"","HOME_LAB_DESC":"We’ve always been huge believers in exploring and experimenting with new technologies, ideas and trends. This helps us continually develop our skills and push the limits for our clients.","HOME_LAB_MISC":"","HOME_LAB_BUTTON_ID":"","HOME_LAB_BUTTON_TEXT":"","HOME_LAB_BUTTON_LINK":"","HOME_LAB_LOGO_COLOR":"#fff","HOME_06_PANEL_ID":"home_06","HOME_06_HEADING":"Join the Team","HOME_06_SUBHEADING":"","HOME_06_DESC":"If you like creating awesome, innovative solutions for smart companies and collaborating with a fun and super talented team, we’d love to hear from you.","HOME_06_MISC":"","HOME_06_BUTTON_ID":"careers","HOME_06_BUTTON_TEXT":"Careers at gskinner","HOME_06_BUTTON_LINK":"careers","ABOUT_TITLE":"Our Company","ABOUT_DESCRIPTION":"We create value for customers by pushing the boundaries of technology and design. We specialize in native applications, virtual reality, digital experiences and web apps.","ABOUT_KEYWORDS":"gskinner,design,creative,interactive,experience,team","ABOUT_01_PANEL_ID":"about_01","ABOUT_01_HEADING":"We're In It Together","ABOUT_01_SUBHEADING":"","ABOUT_01_DESC":"At gskinner, collaboration amongst our team and with our clients is key. Partnering with major brands, including recognized Fortune 500s, reinforces the value of working together to develop great ideas, refine strategies and choose technologies that deliver successful results across an ever-changing digital landscape.","ABOUT_01_MISC":"","ABOUT_01_BUTTON_ID":"","ABOUT_01_BUTTON_TEXT":"","ABOUT_01_BUTTON_LINK":"","ABOUT_01_LOGO_COLOR":"#3c3c3c","ABOUT_SUCCESS_PANEL_ID":"about_SUCCESS","ABOUT_SUCCESS_HEADING":"A Rich History of Success","ABOUT_SUCCESS_SUBHEADING":"","ABOUT_SUCCESS_DESC":"Our proven track record of seamlessly delivering hundreds of projects provides our clients with the experience and reassurance they need, and the desired outcome they want.","ABOUT_SUCCESS_MISC":"","ABOUT_SUCCESS_BUTTON_ID":"showcase_btn","ABOUT_SUCCESS_BUTTON_TEXT":"Project Showcase","ABOUT_SUCCESS_BUTTON_LINK":"showcase","ABOUT_SUCCESS_LOGO_COLOR":"#fff","ABOUT_03_PANEL_ID":"about_03","ABOUT_03_HEADING":"Passionate People","ABOUT_03_SUBHEADING":"","ABOUT_03_DESC":"We're made up of talented, smart, and creative individuals who love to learn. We invest time into ongoing training and mentorship in order to grow individually and as a team.","ABOUT_03_MISC":"","ABOUT_03_BUTTON_ID":"careers","ABOUT_03_BUTTON_TEXT":"Careers at gskinner","ABOUT_03_BUTTON_LINK":"careers","ABOUT_03_LOGO_COLOR":"#ffffff","ABOUT_AWARDS_PANEL_ID":"about_AWARDS","ABOUT_AWARDS_HEADING":"Industry Recognition","ABOUT_AWARDS_SUBHEADING":"","ABOUT_AWARDS_DESC":"Our team has always been able to deliver the highest calibre of work to our clients, earning us some of the most prestigious awards in our industry. This recognition acts as a testament to the standard we set for ourselves and the work we produce.","ABOUT_AWARDS_MISC":"","ABOUT_AWARDS_BUTTON_ID":"","ABOUT_AWARDS_BUTTON_TEXT":"","ABOUT_AWARDS_BUTTON_LINK":"","ABOUT_AWARDS_LOGO_COLOR":"","ABOUT_INDUSTRY_PANEL_ID":"about_INDUSTRY","ABOUT_INDUSTRY_HEADING":"Industry Leadership","ABOUT_INDUSTRY_SUBHEADING":"","ABOUT_INDUSTRY_DESC":"Through published articles, speaking engagements, our blog, and social media, we’re a source of inspiration and information around industry trends, technology, and creative culture.","ABOUT_INDUSTRY_MISC":"","ABOUT_INDUSTRY_BUTTON_ID":"","ABOUT_INDUSTRY_BUTTON_TEXT":"Looking for a Speaker?","ABOUT_INDUSTRY_BUTTON_LINK":"mailto:hello@gskinner.com?subject=I'm looking for a speaker for...","ABOUT_TEST":"Test 2","CAREERS_TITLE":"Careers","CAREERS_DESCRIPTION":"","CAREERS_KEYWORDS":"TODO","CAREERS_01_PANEL_ID":"careers_01","CAREERS_01_HEADING":"Amazing People","CAREERS_01_SUBHEADING":"","CAREERS_01_DESC":"Create amazing work in our dynamic office, take ownership, collaborate as a team, and keep it fun. These values foster an environment where everyone feels comfortable pushing boundaries and expressing strange ideas.","CAREERS_01_MISC":"","CAREERS_01_BUTTON_ID":"","CAREERS_01_BUTTON_TEXT":"","CAREERS_01_BUTTON_LINK":"","CAREERS_01_LOGO_COLOR":"#fff","CAREERS_02_PANEL_ID":"careers_02","CAREERS_02_HEADING":"The Basics","CAREERS_02_SUBHEADING":"","CAREERS_02_DESC":"Awesome clients. An inclusive, creative culture. Great co-workers to hang with. Fun internal projects. Benefits, semi-annual profit sharing, and Friday team hangouts with beer and snacks.","CAREERS_02_MISC":"","CAREERS_02_BUTTON_ID":"","CAREERS_02_BUTTON_TEXT":"Read More","CAREERS_02_BUTTON_LINK":"https://blog.gskinner.com/archives/2019/04/reasons-to-work-at-gskinner.html","CAREERS_03_PANEL_ID":"careers_03","CAREERS_03_HEADING":"How To Apply","CAREERS_03_SUBHEADING":"","CAREERS_03_DESC":"We hire people, not positions - and that means we are always hiring. Check out some of the roles that we offer below. Download the PDF, see if you have the qualities we are looking for, and apply!","CAREERS_03_MISC":"","CAREERS_03_BUTTON_ID":"","CAREERS_03_BUTTON_TEXT":"","CAREERS_03_BUTTON_LINK":"","CAREERS_03_LOGO_COLOR":"#fff","CAREERS_03B_PANEL_ID":"careers_03","CAREERS_03B_HEADING":"How To Apply","CAREERS_03B_SUBHEADING":"","CAREERS_03B_DESC":"We hire people, not positions - and that means we are always hiring. If we don't have any open postings right now, and you think you would be a good fit for our team, send us an email to let us know why!","CAREERS_03B_MISC":"","CAREERS_03B_BUTTON_ID":"careers","CAREERS_03B_BUTTON_TEXT":"careers@","CAREERS_03B_BUTTON_LINK":"mailto:careers@gskinner.com","CAREERS_03B_LOGO_COLOR":"#fff","CAREERS_04_PANEL_ID":"careers_04","CAREERS_04_HEADING":"Senior React Native Developer","CAREERS_04_SUBHEADING":"","CAREERS_04_DESC":"You love to collaborate with talented designers, skilled developers, and dedicated project managers to build innovative apps and experiences for top-tier clients in the entertainment, technology, and sports sectors.","CAREERS_04_MISC":"","CAREERS_04_BUTTON_ID":"","CAREERS_04_BUTTON_TEXT":"Download PDF","CAREERS_04_BUTTON_LINK":"/career-positions/gskinner-SeniorReactNativeDeveloper.pdf","CAREERS_04_LOGO_COLOR":"#000","CAREERS_05_PANEL_ID":"careers_05","CAREERS_05_HEADING":"Front-end Developer (Intermediate)","CAREERS_05_SUBHEADING":"","CAREERS_05_DESC":"You enjoy solving problems in a collaborative environment and client-side languages like JavaScript and C# are your best friends. From architecture and tooling to programmatic motion and experimentation, you are always seeking the next challenge.","CAREERS_05_MISC":"","CAREERS_05_BUTTON_ID":"","CAREERS_05_BUTTON_TEXT":"Download PDF","CAREERS_05_BUTTON_LINK":"/career-positions/FrontEndDeveloper.pdf","CAREERS_05_LOGO_COLOR":"#fff","CAREERS_06_PANEL_ID":"careers_06","CAREERS_06_HEADING":"Digital Project Manager","CAREERS_06_SUBHEADING":"","CAREERS_06_DESC":"You combine a passion for producing innovative and diverse work with reliable processes and attention to detail to ensure a high level of quality and adherence to budgets and timelines.","CAREERS_06_MISC":"","CAREERS_06_BUTTON_ID":"","CAREERS_06_BUTTON_TEXT":"Download PDF","CAREERS_06_BUTTON_LINK":"/career-positions/ProjectManager.pdf","CAREERS_06_LOGO_COLOR":"#fff","CAREERS_07_PANEL_ID":"careers_04","CAREERS_07_HEADING":"Senior Product Designer","CAREERS_07_SUBHEADING":"","CAREERS_07_DESC":"Design and creativity isn’t just a job for you, it’s a passion. You’re a thoughtful design leader with a hunger to explore new processes, tools, and emerging trends on your path of personal and professional growth.","CAREERS_07_MISC":"","CAREERS_07_BUTTON_ID":"","CAREERS_07_BUTTON_TEXT":"Download PDF","CAREERS_07_BUTTON_LINK":"/career-positions/gskinner-SeniorProductDesigner.pdf","CAREERS_08_PANEL_ID":"careers_08","CAREERS_08_HEADING":"Quality Assurance Specialist","CAREERS_08_SUBHEADING":"","CAREERS_08_DESC":"You'd love to work closely with talented designers, developers, and project managers to ensure that innovative software projects for some of the biggest names in sports, technology, and entertainment are as bug-free, performant, and usable as possible.","CAREERS_08_MISC":"","CAREERS_08_BUTTON_ID":"","CAREERS_08_BUTTON_TEXT":"Download PDF","CAREERS_08_BUTTON_LINK":"/career-positions/gskinner-quality-assurance-specialist.pdf","CAREERS_09_PANEL_ID":"careers_09","CAREERS_09_HEADING":"Senior Flutter Developer","CAREERS_09_SUBHEADING":"","CAREERS_09_DESC":"You're an experienced Flutter developer who loves to collaborate with talented designers, skilled developers, and dedicated project managers to build innovative apps and experiences for top-tier clients in the entertainment, technology, and sports sectors.","CAREERS_09_MISC":"","CAREERS_09_BUTTON_ID":"","CAREERS_09_BUTTON_TEXT":"Download PDF","CAREERS_09_BUTTON_LINK":"/career-positions/gskinner-senior-flutter-developer.pdf","CAREERS_10_PANEL_ID":"careers_10","CAREERS_10_HEADING":"Questions?","CAREERS_10_SUBHEADING":"","CAREERS_10_DESC":"If you have questions about what we do, or want to learn more about a position at gskinner, let us know with an email. We would love to hear from you.","CAREERS_10_MISC":"","CAREERS_10_BUTTON_ID":"","CAREERS_10_BUTTON_TEXT":"Send an email","CAREERS_10_BUTTON_LINK":"mailto:careers@gskinner.com?subject=I have a question about...","CAREERS_10_LOGO_COLOR":"#fff","SHOWCASES_TITLE":"Project Showcase","SHOWCASES_DESCRIPTION":"A collection of gskinner works. All trademarks, imagery, and logos are properties of their respective owners.","SHOWCASES_CTA":"Interested in another project?","SHOWCASE_BTN":"View Project","SHOWCASE_01_LOGO_COLOR":"#fff","FLUTTER_TITLE!":"Flutter Vignette Showcase","WONDEROUS_TITLE":"Wonderous","WONDEROUS_DESCRIPTION":"Navigate the intersection of history, art, and culture.","MULTIPLATFORM_FLUTTER_TITLE":"Adaptive Multi-Platform Flutter","MULTIPLATFORM_FLUTTER_NAV_TITLE":"Multi-Platform Flutter","MULTIPLATFORM_FLUTTER_DESCRIPTION":"Working with Google, we built apps to showcase Flutter's support for adaptive applications that run on multiple platforms.","MULTIPLATFORM_FLUTTER_KEYWORDS":"flutter, google, dart, multiplatform, adaptive, applications, desktop, mobile, web","MULTIPLATFORM_FLUTTER_00_PANEL_ID":"MULTIPLATFORM_FLUTTER_00","MULTIPLATFORM_FLUTTER_00_HEADING":"Apps, Everywhere","MULTIPLATFORM_FLUTTER_00_SUBHEADING":"","MULTIPLATFORM_FLUTTER_00_DESC":"As Flutter's support for building adaptive applications that run on multiple platforms matured, Google wanted to demo the exciting potential to decision-makers, and promote best-practices for developers. They reached out to gskinner to build creative, smartly-conceived, and technically-sound showcase apps.","MULTIPLATFORM_FLUTTER_00_MISC":"","MULTIPLATFORM_FLUTTER_00_BUTTON_ID":"","MULTIPLATFORM_FLUTTER_00_BUTTON_TEXT":"","MULTIPLATFORM_FLUTTER_00_BUTTON_LINK":"","MULTIPLATFORM_FLUTTER_00_LOGO_COLOR":"#69d8c2","MULTIPLATFORM_FLUTTER_01_PANEL_ID":"MULTIPLATFORM_FLUTTER_01","MULTIPLATFORM_FLUTTER_01_HEADING":"Strategic Solutions","MULTIPLATFORM_FLUTTER_01_SUBHEADING":"","MULTIPLATFORM_FLUTTER_01_DESC":"We collaborated with stakeholders to conceptualize, plan, build, and promote apps that embraced two related themes: 1. An application that ran great on desktop (including in desktop web browsers), and 2. A truly multi-platform app that leveraged the strengths of mobile, web, and desktop and exemplified the idioms of each.","MULTIPLATFORM_FLUTTER_01_MISC":"","MULTIPLATFORM_FLUTTER_01_BUTTON_ID":"","MULTIPLATFORM_FLUTTER_01_BUTTON_TEXT":"","MULTIPLATFORM_FLUTTER_01_BUTTON_LINK":"","MULTIPLATFORM_FLUTTER_01_LOGO_COLOR":"#000000","MULTIPLATFORM_FLUTTER_02_PANEL_ID":"MULTIPLATFORM_FLUTTER_02","MULTIPLATFORM_FLUTTER_02_HEADING":"Flutter Folio","MULTIPLATFORM_FLUTTER_02_SUBHEADING":"","MULTIPLATFORM_FLUTTER_02_DESC":"A scrapbooking app, Flutter Folio built on the adaptive foundation established by Flokk, to create a rich application that was truly at home on multiple platforms, and leveraged their unique strengths: camera on mobile, editing on desktop, and sharing on the web. It supported 6 platforms from a single code base: Android, iOS, Windows, macOS, Linux, and the web.","MULTIPLATFORM_FLUTTER_02_MISC":"","MULTIPLATFORM_FLUTTER_02_BUTTON_ID":"","MULTIPLATFORM_FLUTTER_02_BUTTON_TEXT":"Trailer Video","MULTIPLATFORM_FLUTTER_02_BUTTON_LINK":"https://youtu.be/x4xZkdlADWo","MULTIPLATFORM_FLUTTER_02_LOGO_COLOR":"#69d8c2","MULTIPLATFORM_FLUTTER_03_PANEL_ID":"MULTIPLATFORM_FLUTTER_03","MULTIPLATFORM_FLUTTER_03_HEADING":"Flokk","MULTIPLATFORM_FLUTTER_03_SUBHEADING":"","MULTIPLATFORM_FLUTTER_03_DESC":"Targeting Linux, macOS, Windows and Web, Flokk offered a social twist on Google Contacts, keeping you up to date with your connection's posts and commits. It highlighted Flutter's capability to build usable, performant apps for all major desktop OSes.","MULTIPLATFORM_FLUTTER_03_MISC":"","MULTIPLATFORM_FLUTTER_03_BUTTON_ID":"","MULTIPLATFORM_FLUTTER_03_BUTTON_TEXT":"Trailer Video","MULTIPLATFORM_FLUTTER_03_BUTTON_LINK":"https://youtu.be/mjUnoNj54Zs","MULTIPLATFORM_FLUTTER_03_LOGO_COLOR":"#fff","MULTIPLATFORM_FLUTTER_04_PANEL_ID":"MULTIPLATFORM_FLUTTER_04","MULTIPLATFORM_FLUTTER_04_HEADING":"Blazing a Trail","MULTIPLATFORM_FLUTTER_04_SUBHEADING":"","MULTIPLATFORM_FLUTTER_04_DESC":"From platform-adaptive menus and panels, to desktop-specific widgets and responsive app scaffolds, these apps demonstrate the many ways we expanded upon Flutter technology.","MULTIPLATFORM_FLUTTER_04_MISC":"","MULTIPLATFORM_FLUTTER_04_BUTTON_ID":"","MULTIPLATFORM_FLUTTER_04_BUTTON_TEXT":"Walkthrough Video","MULTIPLATFORM_FLUTTER_04_BUTTON_LINK":"https://www.youtube.com/watch?v=yytBENOnF0w","MULTIPLATFORM_FLUTTER_04_LOGO_COLOR":"#69d8c2","MULTIPLATFORM_FLUTTER_05_PANEL_ID":"MULTIPLATFORM_FLUTTER_05","MULTIPLATFORM_FLUTTER_05_HEADING":"Idioms & Norms","MULTIPLATFORM_FLUTTER_05_SUBHEADING":"","MULTIPLATFORM_FLUTTER_05_DESC":"In designing these apps, we paid careful attention to the nuances, norms, and idioms that make an app feel native on each platform. Some adjustments were small: reversing the order of buttons in a dialog for Windows, or making buttons a bit bigger for touch devices. Others were more in depth, like presenting options in a pane on mobile vs a sidebar on desktop or handling multi-select in a list appropriately for each.","MULTIPLATFORM_FLUTTER_05_MISC":"","MULTIPLATFORM_FLUTTER_05_BUTTON_ID":"","MULTIPLATFORM_FLUTTER_05_BUTTON_TEXT":"","MULTIPLATFORM_FLUTTER_05_BUTTON_LINK":"","MULTIPLATFORM_FLUTTER_05_LOGO_COLOR":"#000000","MULTIPLATFORM_FLUTTER_06_PANEL_ID":"MULTIPLATFORM_FLUTTER_06","MULTIPLATFORM_FLUTTER_06_HEADING":"Staying Unique","MULTIPLATFORM_FLUTTER_06_SUBHEADING":"","MULTIPLATFORM_FLUTTER_06_DESC":"Following best practices and expectations on each platform doesn’t mean you have to forgo a designed experience. We created a visual language that allowed for delightful customizations while maintaining the familiarity of each platform.","MULTIPLATFORM_FLUTTER_06_MISC":"","MULTIPLATFORM_FLUTTER_06_BUTTON_ID":"","MULTIPLATFORM_FLUTTER_06_BUTTON_TEXT":"","MULTIPLATFORM_FLUTTER_06_BUTTON_LINK":"","MULTIPLATFORM_FLUTTER_06_LOGO_COLOR":"#69d8c2","MULTIPLATFORM_FLUTTER_07_PANEL_ID":"MULTIPLATFORM_FLUTTER_07","MULTIPLATFORM_FLUTTER_07_HEADING":"Celebrating & Sharing Knowledge","MULTIPLATFORM_FLUTTER_07_SUBHEADING":"","MULTIPLATFORM_FLUTTER_07_DESC":"<a href=\"https://github.com/gskinnerTeam/flokk\" target=\"_blank\" rel=\"noreferrer\" aria-label=\"Open Flokk repository, in a new tab\">Flokk</a> and <a href=\"https://github.com/gskinnerTeam/flutter-folio\" target=\"_blank\" rel=\"noreferrer\" aria-label=\"Open Flutter Folio repository, in a new tab\">Flutter Folio</a> are open-source with an MIT license so that other creators can be inspired to bring their ideas to life while keeping up to date with the latest codebase. The launches of Flokk and Flutter Folio were very positively received by the community, and both apps have been used by Google as best-of-breed examples in a variety of articles, keynotes, and videos.","MULTIPLATFORM_FLUTTER_07_MISC":"","MULTIPLATFORM_FLUTTER_07_BUTTON_ID":"","MULTIPLATFORM_FLUTTER_07_BUTTON_TEXT":"Our Flutter Showcase","MULTIPLATFORM_FLUTTER_07_BUTTON_LINK":"https://flutter.gskinner.com/","MULTIPLATFORM_FLUTTER_07_LOGO_COLOR":"#000000","HATCHA_GENUI_FLUTTER_TITLE":"Hatcha GenUI Flutter","HATCHA_GENUI_FLUTTER_NAV_TITLE":"Hatcha GenUI Flutter","HATCHA_GENUI_FLUTTER_DESCRIPTION":"We collaborated with Google and the Flutter team to build Hatcha, a cross-platform GenUI vignette for planning parties with AI-powered agents.","HATCHA_GENUI_FLUTTER_KEYWORDS":"flutter, google, genui, ai, open source, party planning, agents","HATCHA_GENUI_FLUTTER_00_PANEL_ID":"HATCHA_GENUI_FLUTTER_00","HATCHA_GENUI_FLUTTER_00_HEADING":"Introducing Hatcha","HATCHA_GENUI_FLUTTER_00_SUBHEADING":"","HATCHA_GENUI_FLUTTER_00_DESC":"After a handful of months of hard work, we're excited to announce our latest collaboration with Google and the Flutter team: it's a cross-platform GenUI demo called Hatcha!","HATCHA_GENUI_FLUTTER_00_MISC":"","HATCHA_GENUI_FLUTTER_00_BUTTON_ID":"","HATCHA_GENUI_FLUTTER_00_BUTTON_TEXT":"","HATCHA_GENUI_FLUTTER_00_BUTTON_LINK":"","HATCHA_GENUI_FLUTTER_00_LOGO_COLOR":"#69d8c2","HATCHA_GENUI_FLUTTER_01_PANEL_ID":"HATCHA_GENUI_FLUTTER_01","HATCHA_GENUI_FLUTTER_01_HEADING":"What is it?","HATCHA_GENUI_FLUTTER_01_SUBHEADING":"","HATCHA_GENUI_FLUTTER_01_DESC":"GenUI is an experimental SDK from Google that gives AI control to compose UIs at runtime based on context. Hatcha is a Flutter-based GenUI vignette focused on the theme of planning parties. You can pretend to be a host or a guest, and agents do the rest. On the backend, a custom Python agent server built on Google's ADK and the A2UI protocol streams rich UI that GenUI renders as native Flutter widgets. The logo is a nod to the ubiquitous AI sparkle, hidden within a butterfly motif.","HATCHA_GENUI_FLUTTER_01_MISC":"","HATCHA_GENUI_FLUTTER_01_BUTTON_ID":"","HATCHA_GENUI_FLUTTER_01_BUTTON_TEXT":"","HATCHA_GENUI_FLUTTER_01_BUTTON_LINK":"","HATCHA_GENUI_FLUTTER_01_LOGO_COLOR":"#000000","HATCHA_GENUI_FLUTTER_02_PANEL_ID":"HATCHA_GENUI_FLUTTER_02","HATCHA_GENUI_FLUTTER_02_HEADING":"Building Hatcha","HATCHA_GENUI_FLUTTER_02_SUBHEADING":"","HATCHA_GENUI_FLUTTER_02_DESC":"Hatcha was built using the latest master branch of Flutter and GenUI, and targets iOS, Android, and the web. We learned a lot about designing & building agentic, non-deterministic experiences, and are planning some blog content to share our findings. The entire project is open-sourced on GitHub—we're excited to see what the community does with this project, and encourage you to clone or fork the repository and jump into the code.","HATCHA_GENUI_FLUTTER_02_MISC":"","HATCHA_GENUI_FLUTTER_02_BUTTON_ID":"","HATCHA_GENUI_FLUTTER_02_BUTTON_TEXT":"View on GitHub","HATCHA_GENUI_FLUTTER_02_BUTTON_LINK":"https://github.com/gskinnerTeam/flutter-hatcha-app","HATCHA_GENUI_FLUTTER_02_LOGO_COLOR":"#69d8c2","GOLIFE_TITLE":"GoLife","GOLIFE_NAV_TITLE":"GoLife","GOLIFE_DESCRIPTION":"Setting the new standard to secure the financial future of Canadians, GoLife.ca combines the assurance of an advisor-led process with the convenience of an online application.","GOLIFE_KEYWORDS":"","GOLIFE_00_PANEL_ID":"GOLIFE_00","GOLIFE_00_HEADING":"Convenient Assurance","GOLIFE_00_SUBHEADING":"","GOLIFE_00_DESC":"Securing life insurance can be confusing, inconvenient, and time consuming. Online tools provide few options. GoLife combines an advisor-led process with the convenience of a modern application.","GOLIFE_00_MISC":"","GOLIFE_00_BUTTON_ID":"golife-link","GOLIFE_00_BUTTON_TEXT":"GoLife.ca","GOLIFE_00_BUTTON_LINK":"https://golife.ca/","GOLIFE_00_LOGO_COLOR":"#414C58","GOLIFE_01_PANEL_ID":"GOLIFE_01","GOLIFE_01_HEADING":"Access What’s Important","GOLIFE_01_SUBHEADING":"","GOLIFE_01_DESC":"We distilled a daunting task into a 15 minute needs analysis and application, accessible on any device. Assess your needs on a phone, start the application from a laptop, and finish it on your tablet.","GOLIFE_01_MISC":"","GOLIFE_01_BUTTON_ID":"golife-link-2","GOLIFE_01_BUTTON_TEXT":"Check it Out","GOLIFE_01_BUTTON_LINK":"https://golife.ca/needs-analysis/","GOLIFE_01_LOGO_COLOR":"#414C58","GOLIFE_02_PANEL_ID":"GOLIFE_02","GOLIFE_02_HEADING":"Integrated Assistance","GOLIFE_02_SUBHEADING":"","GOLIFE_02_DESC":"We surface multi-layered contextual help, answering questions before they’re asked. More importantly, a licensed insurance advisor is always just a click away, available to foster confidence with experienced advice and review. Correspondence is captured in the message center and distributed via email notifications.","GOLIFE_02_MISC":"","GOLIFE_02_BUTTON_ID":"","GOLIFE_02_BUTTON_TEXT":"","GOLIFE_02_BUTTON_LINK":"","GOLIFE_02_LOGO_COLOR":"#ffffff","GOLIFE_03_PANEL_ID":"GOLIFE_03","GOLIFE_03_HEADING":"Distilling Solutions","GOLIFE_03_SUBHEADING":"","GOLIFE_03_DESC":"The low barrier to entry, broad reach, and simple, approachable experience was designed to set a new standard. By researching and understanding a nuanced, complicated process, fraught with legal and compliance requirements, we designed a powerful solution to easily improve the financial security of Canadians.","GOLIFE_03_MISC":"","GOLIFE_03_BUTTON_ID":"","GOLIFE_03_BUTTON_TEXT":"","GOLIFE_03_BUTTON_LINK":"","GOLIFE_03_LOGO_COLOR":"#ffffff","GOLIFE_04_PANEL_ID":"GOLIFE_04","GOLIFE_04_HEADING":"Our Honed Focus","GOLIFE_04_SUBHEADING":"","GOLIFE_04_DESC":"At every step — identity design, art direction, UX, and production — our processes reinforced what’s most important: simplifying the security of your financial future through technology and design.","GOLIFE_04_MISC":"","GOLIFE_04_BUTTON_ID":"golife-link-3","GOLIFE_04_BUTTON_TEXT":"GoLife.ca","GOLIFE_04_BUTTON_LINK":"https://golife.ca/","GOLIFE_04_LOGO_COLOR":"#0DB9EA","GOLIFE_05_PANEL_ID":"GOLIFE_05","GOLIFE_05_HEADING":"","GOLIFE_05_SUBHEADING":"","GOLIFE_05_DESC":"","GOLIFE_05_MISC":"","GOLIFE_05_BUTTON_ID":"","GOLIFE_05_BUTTON_TEXT":"","GOLIFE_05_BUTTON_LINK":"","GOLIFE_05_LOGO_COLOR":"#414C58","GOLIFE_06_PANEL_ID":"GOLIFE_06","GOLIFE_06_HEADING":"","GOLIFE_06_SUBHEADING":"","GOLIFE_06_DESC":"","GOLIFE_06_MISC":"","GOLIFE_06_BUTTON_ID":"","GOLIFE_06_BUTTON_TEXT":"","GOLIFE_06_BUTTON_LINK":"","GOLIFE_06_LOGO_COLOR":"#414C58","NFLCOMBINE_TITLE":"NFL Combine Dashboard","NFLCOMBINE_NAV_TITLE":"NFL Combine","NFLCOMBINE_DESCRIPTION":"Working with the NFL and Explore Consulting to provide real-time insights, we created an application that helps attendees keep pace with live events at the NFL Scouting Combine.","NFLCOMBINE_KEYWORDS":"NFL, the NFL shield design, and other NFL-related marks are trademarks of the National Football League.","NFLCOMBINE_INTRO_PANEL_ID":"NFLCOMBINE_INTRO","NFLCOMBINE_INTRO_HEADING":"Advantage of Foresight","NFLCOMBINE_INTRO_SUBHEADING":"","NFLCOMBINE_INTRO_DESC":"For general managers, scouts, agents, athletes, and media, the NFL Combine Dashboard allows analysis and interaction with prospective draft picks and their performances at the event.","NFLCOMBINE_INTRO_MISC":"NFL and the NFL shield design are registered trademarks of the National Football League. All other NFL-related trademarks are trademarks of the National Football League.","NFLCOMBINE_INTRO_BUTTON_ID":"","NFLCOMBINE_INTRO_BUTTON_TEXT":"","NFLCOMBINE_INTRO_BUTTON_LINK":"","NFLCOMBINE_INTRO_LOGO_COLOR":"#f7e5ff","NFLCOMBINE_01_PANEL_ID":"NFLCOMBINE_01","NFLCOMBINE_01_HEADING":"Deeper Understanding","NFLCOMBINE_01_SUBHEADING":"","NFLCOMBINE_01_DESC":"With real-time updates, notifications, and watched players, attendees gain immediate insight into potential investments for NFL franchises.","NFLCOMBINE_01_MISC":"","NFLCOMBINE_01_BUTTON_ID":"","NFLCOMBINE_01_BUTTON_TEXT":"","NFLCOMBINE_01_BUTTON_LINK":"","NFLCOMBINE_01_LOGO_COLOR":"#e5eeff","NFLCOMBINE_02_PANEL_ID":"NFLCOMBINE_02","NFLCOMBINE_02_HEADING":"Blitz of Activity","NFLCOMBINE_02_SUBHEADING":"","NFLCOMBINE_02_DESC":"The NFL Scouting Combine is a week of scheduled chaos. A dynamic schedule and interactive map enables attendees to plan, explore, and react to player locations and their availability for on-site interviews.","NFLCOMBINE_02_MISC":"","NFLCOMBINE_02_BUTTON_ID":"","NFLCOMBINE_02_BUTTON_TEXT":"","NFLCOMBINE_02_BUTTON_LINK":"","NFLCOMBINE_02_LOGO_COLOR":"#f7e5ff","NFLCOMBINE_03_PANEL_ID":"NFLCOMBINE_03","NFLCOMBINE_03_HEADING":"Immediate, Informed Decisions","NFLCOMBINE_03_SUBHEADING":"","NFLCOMBINE_03_DESC":"Attendees browse data faster with interactive visualizations, sorting, filtering, and in-depth player overviews.","NFLCOMBINE_03_MISC":"","NFLCOMBINE_03_BUTTON_ID":"","NFLCOMBINE_03_BUTTON_TEXT":"","NFLCOMBINE_03_BUTTON_LINK":"","NFLCOMBINE_03_LOGO_COLOR":"#e5eeff","NFLCOMBINE_04_PANEL_ID":"NFLCOMBINE_04","NFLCOMBINE_04_HEADING":"Future Investments","NFLCOMBINE_04_SUBHEADING":"","NFLCOMBINE_04_DESC":"To improve confidence in selecting players for the NFL, we elegantly solved the challenges inherent with simultaneously evaluating hundreds of athletes in real-time.","NFLCOMBINE_04_MISC":"","NFLCOMBINE_04_BUTTON_ID":"","NFLCOMBINE_04_BUTTON_TEXT":"","NFLCOMBINE_04_BUTTON_LINK":"","NFLCOMBINE_04_LOGO_COLOR":"#f7e5ff","NASCAR_TITLE":"NASCAR for Windows","NASCAR_NAV_TITLE":"NASCAR","NASCAR_DESCRIPTION":"NASCAR for Windows 10 improves the race week experience for race fans, and was an early entry\ron the Windows Universal Platform.","NASCAR_KEYWORDS":"","NASCAR_01_PANEL_ID":"NASCAR_01","NASCAR_01_HEADING":"Drive Fan Engagement","NASCAR_01_SUBHEADING":"","NASCAR_01_DESC":"Our goal for NASCAR on Windows 10 was to improve fan engagement. We designed an application that surfaces timely and meaningful information about the sport and their favorite drivers throughout race week.","NASCAR_01_MISC":"NASCAR® and its marks are trademarks of the National Association for Stock Car Auto Racing, Inc.","NASCAR_01_BUTTON_ID":"","NASCAR_01_BUTTON_TEXT":"","NASCAR_01_LOGO_COLOR":"#97d700","NASCAR_02_PANEL_ID":"NASCAR_02","NASCAR_02_HEADING":"Pre, Live, Post","NASCAR_02_SUBHEADING":"","NASCAR_02_DESC":"By tailoring the interface to surface relevant content before, during, and after a race, we provide fans exactly what they want, right when it’s needed.","NASCAR_02_MISC":"","NASCAR_02_BUTTON_ID":"","NASCAR_02_BUTTON_TEXT":"","NASCAR_02_BUTTON_LINK":"","NASCAR_02_LOGO_COLOR":"#97d700","NASCAR_03_PANEL_ID":"NASCAR_03","NASCAR_03_HEADING":"Fan Activation","NASCAR_03_SUBHEADING":"","NASCAR_03_DESC":"In the world of stock car auto racing, fans are created by drivers. Bringing drivers to the forefront and allowing users to favorite and follow them helps convert casual users into active and engaged fans.","NASCAR_03_MISC":"","NASCAR_03_BUTTON_ID":"","NASCAR_03_BUTTON_TEXT":"","NASCAR_03_BUTTON_LINK":"","NASCAR_03_LOGO_COLOR":"#97d700","NASCAR_04_PANEL_ID":"NASCAR_04","NASCAR_04_HEADING":"A Race Day Companion","NASCAR_04_SUBHEADING":"","NASCAR_04_DESC":"NASCAR fans watch live races on a televised broadcast, so we designed a phenomenal companion to enhance that experience. Users can watch in-car cameras, monitor driver audio feeds, review race highlights, and compare driver statistics to complement their live race viewing.","NASCAR_04_MISC":"","NASCAR_04_BUTTON_ID":"","NASCAR_04_BUTTON_TEXT":"","NASCAR_04_BUTTON_LINK":"","NASCAR_04_LOGO_COLOR":"#97d700","NASCAR_05_PANEL_ID":"NASCAR_05","NASCAR_05_HEADING":"The Finish Line","NASCAR_05_SUBHEADING":"","NASCAR_05_DESC":"The result is an experience that exceeds fans expectations while showcasing the capabilities of the Windows 10 Universal Platform.","NASCAR_05_MISC":"","NASCAR_05_BUTTON_ID":"download-NASCAR","NASCAR_05_BUTTON_TEXT":"NASCAR for Windows 10 & Xbox One","NASCAR_05_BUTTON_LINK":"https://www.microsoft.com/en-us/store/apps/nascar/9wzdncrfj49w","NASCAR_05_LOGO_COLOR":"#97d700","NASCAR_XBOX_PANEL_ID":"NASCAR_XBOX","NASCAR_XBOX_HEADING":"Reaching a New Audience","NASCAR_XBOX_SUBHEADING":"","NASCAR_XBOX_DESC":"We fused the visual language of NASCAR and Xbox One to create an experience tailored for console. Now from the comfort of their living room, a new generation of NASCAR fans can keep up with the action on Xbox One. ","NASCAR_XBOX_MISC":"","NASCAR_XBOX_BUTTON_ID":"","NASCAR_XBOX_BUTTON_TEXT":"","NASCAR_XBOX_BUTTON_LINK":"","NASCAR_XBOX_LOGO_COLOR":"#97d700","MADEFIRE_TITLE":"Madefire Motion Books","MADEFIRE_DESCRIPTION":"Madefire tasked gskinner to build a CreateJS-powered web renderer for their Motion Book format.","MADEFIRE_KEYWORDS":"application","MADEFIRE_INTRO_PANEL_ID":"MADEFIRE_INTRO","MADEFIRE_INTRO_HEADING":"Broadening Reach","MADEFIRE_INTRO_SUBHEADING":"","MADEFIRE_INTRO_DESC":"The iconic franchises of Superman, Transformers, Overwatch (and many more) are offered on iOS, Apple TV, and Android devices as interactive Motion Books. Using the same data and assets, we helped build a web renderer which delivers content to a new audience.","MADEFIRE_INTRO_MISC":"All trademarks, imagery, and logos are properties of their respective owners.","MADEFIRE_INTRO_BUTTON_ID":"","MADEFIRE_INTRO_BUTTON_TEXT":"","MADEFIRE_INTRO_BUTTON_LINK":"","MADEFIRE_INTRO_LOGO_COLOR":"#c42b30","MADEFIRE_01_PANEL_ID":"MADEFIRE_01","MADEFIRE_01_HEADING":"A Consistent Experience","MADEFIRE_01_SUBHEADING":"","MADEFIRE_01_DESC":"Motion Books support a pre-defined list of transitions, effects, and interactions on all platforms. By harnessing the capabilities of the modern web, we replicated a consistent experience for customers visiting from a browser.","MADEFIRE_01_MISC":"","MADEFIRE_01_BUTTON_ID":"","MADEFIRE_01_BUTTON_TEXT":"","MADEFIRE_01_BUTTON_LINK":"","MADEFIRE_01_LOGO_COLOR":"#c42b30","MADEFIRE_02_PANEL_ID":"MADEFIRE_02","MADEFIRE_02_HEADING":"Integrated Workflow","MADEFIRE_02_SUBHEADING":"","MADEFIRE_02_DESC":"Motion Books are authored in Madefire’s custom application, which enables creatives to sequence animation, transitions, effects, sounds, and interactions. Our new web renderer seamlessly consumes and renders the same output — adding a new platform for their catalogue without introducing additional processes.","MADEFIRE_02_MISC":"","MADEFIRE_02_BUTTON_ID":"","MADEFIRE_02_BUTTON_TEXT":"","MADEFIRE_02_BUTTON_LINK":"","MADEFIRE_02_LOGO_COLOR":"#c42b30","MADEFIRE_03_PANEL_ID":"MADEFIRE_03","MADEFIRE_03_HEADING":"Jumpstarting Deliverables","MADEFIRE_03_SUBHEADING":"","MADEFIRE_03_DESC":"With CreateJS selected as their HTML5 library of choice, Madefire selected gskinner (as the creators of CreateJS) to rapidly prototype their first HTML5 Motion Books, adhering to strict product and quality requirements.","MADEFIRE_03_MISC":"","MADEFIRE_03_BUTTON_ID":"","MADEFIRE_03_BUTTON_TEXT":"","MADEFIRE_03_BUTTON_LINK":"","MADEFIRE_03_LOGO_COLOR":"#c42b30","MADEFIRE_04_PANEL_ID":"MADEFIRE_04","MADEFIRE_04_HEADING":"Success Through Precision","MADEFIRE_04_SUBHEADING":"","MADEFIRE_04_DESC":"Madefire’s new Motion Book renderer for the web is a testament to our ability to bring stable, performant, high quality interactive experiences to new platforms — adhering to over-arching goals, rigid requirements, and time constraints.","MADEFIRE_04_MISC":"","MADEFIRE_04_BUTTON_ID":"","MADEFIRE_04_BUTTON_TEXT":"","MADEFIRE_04_BUTTON_LINK":"","MADEFIRE_04_LOGO_COLOR":"#c42b30","PGA_TITLE":"PGA TOUR for Windows","PGA_NAV_TITLE":"PGA TOUR","PGA_DESCRIPTION":"Through stunning visualizations, PGA TOUR for Windows 10 enhances the connection between fans and live events.","PGA_KEYWORDS":"application, PGA, sports, golf","PGA_01_INTRO_PANEL_ID":"PGA_01_INTRO","PGA_01_INTRO_HEADING":"Enriching Live Events","PGA_01_INTRO_SUBHEADING":"","PGA_01_INTRO_DESC":"We set out to connect fans with valuable information from live PGA TOUR events. Through a beautiful, intuitive, and useful experience, we deliver insights into player performance throughout a tournament.","PGA_01_INTRO_MISC":"PGA TOUR® and its marks are registered trademarks of PGA TOUR, Inc.","PGA_01_INTRO_BUTTON_ID":"","PGA_01_INTRO_BUTTON_TEXT":"","PGA_01_INTRO_BUTTON_LINK":"","PGA_01_INTRO_LOGO_COLOR":"#ffffff","PGA_02_MAKEITREAL_PANEL_ID":"PGA_02_MAKEITREAL","PGA_02_MAKEITREAL_HEADING":"Engaging Visuals","PGA_02_MAKEITREAL_SUBHEADING":"","PGA_02_MAKEITREAL_DESC":"To help fans visualize player strokes, we map live 2D shot coordinates to a hole visualization—animated in an interactive 3D space. We delight stats fans with simple animation and well-designed data representations throughout the experience.","PGA_02_MAKEITREAL_MISC":"","PGA_02_MAKEITREAL_BUTTON_ID":"","PGA_02_MAKEITREAL_BUTTON_TEXT":"","PGA_02_MAKEITREAL_BUTTON_LINK":"","PGA_02_MAKEITREAL_LOGO_COLOR":"#fff","PGA_03_STROKESGAINED_PANEL_ID":"PGA_03_STROKESGAINED","PGA_03_STROKESGAINED_HEADING":"Performance Insights","PGA_03_STROKESGAINED_SUBHEADING":"","PGA_03_STROKESGAINED_DESC":"Working with PGA TOUR to unveil new categories of strokes gained statistics, we designed a treatment that offers clear insight into a player’s performance both at an event and over the season.","PGA_03_STROKESGAINED_MISC":"","PGA_03_STROKESGAINED_BUTTON_ID":"","PGA_03_STROKESGAINED_BUTTON_TEXT":"","PGA_03_STROKESGAINED_BUTTON_LINK":"","PGA_03_STROKESGAINED_LOGO_COLOR":"#fff","PGA_04_SCORECARD_PANEL_ID":"PGA_04_SCORECARD","PGA_04_SCORECARD_HEADING":"A Player's Story","PGA_04_SCORECARD_SUBHEADING":"","PGA_04_SCORECARD_DESC":"To best represent a player’s journey through a round of golf, we re-imagined the traditional scorecard. The new design succinctly tells the story of a player’s ups & downs from hole to hole, relative to par.","PGA_04_SCORECARD_MISC":"","PGA_04_SCORECARD_BUTTON_ID":"","PGA_04_SCORECARD_BUTTON_TEXT":"","PGA_04_SCORECARD_BUTTON_LINK":"","PGA_04_SCORECARD_LOGO_COLOR":"#fff","PGA_05_BETTERTOOL_PANEL_ID":"PGA_05_BETTERTOOL","PGA_05_BETTERTOOL_HEADING":"Meaningful Data","PGA_05_BETTERTOOL_SUBHEADING":"","PGA_05_BETTERTOOL_DESC":"Live PGA TOUR data is deep, rich, and complex. Surfacing relevant data when it’s needed allows fans, players, course staff, and officials to find player locations, performance metrics, tee times, and rankings during a tournament.","PGA_05_BETTERTOOL_MISC":"","PGA_05_BETTERTOOL_BUTTON_ID":"","PGA_05_BETTERTOOL_BUTTON_TEXT":"","PGA_05_BETTERTOOL_BUTTON_LINK":"","PGA_05_BETTERTOOL_LOGO_COLOR":"#fff","PGA_06_QUOTES_PANEL_ID":"PGA_06_QUOTES","PGA_06_QUOTES_HEADING":"","PGA_06_QUOTES_SUBHEADING":"","PGA_06_QUOTES_DESC":"","PGA_06_QUOTES_MISC":"","PGA_06_QUOTES_BUTTON_ID":"","PGA_06_QUOTES_BUTTON_TEXT":"","PGA_06_QUOTES_BUTTON_LINK":"","PGA_06_QUOTES_LOGO_COLOR":"#fff","PGA_07_HOLEINONE_PANEL_ID":"PGA_07_HOLEINONE","PGA_07_HOLEINONE_HEADING":"The Follow Through","PGA_07_HOLEINONE_SUBHEADING":"","PGA_07_HOLEINONE_DESC":"We created a visually innovative approach that showcases live PGA TOUR data while enriching the experience for fans—resulting in a premier application for the Windows 10 Platform.","PGA_07_HOLEINONE_MISC":"","PGA_07_HOLEINONE_BUTTON_ID":"","PGA_07_HOLEINONE_BUTTON_TEXT":"PGA TOUR on Windows 10","PGA_07_HOLEINONE_BUTTON_LINK":"https://www.microsoft.com/en-us/store/p/pga-tour/9wzdncrfhz2c","PGA_07_HOLEINONE_LOGO_COLOR":"#fff","PGA_08_PREDICTIONS_PANEL_ID":"PGA_08_PREDICTIONS","PGA_08_PREDICTIONS_HEADING":"Player Predictions","PGA_08_PREDICTIONS_SUBHEADING":"","PGA_08_PREDICTIONS_DESC":"To give fans foresight into a player's performance, we partnered with Microsoft to use Machine Learning to help create a deeper level of fan awareness and engagement with live data.","PGA_08_PREDICTIONS_MISC":"","PGA_08_PREDICTIONS_BUTTON_ID":"","PGA_08_PREDICTIONS_BUTTON_TEXT":"","PGA_08_PREDICTIONS_BUTTON_LINK":"","PGA_08_PREDICTIONS_LOGO_COLOR":"#fff","HOLOBALL_TITLE":"HoloBall VR","HOLOBALL_DESCRIPTION":"Our first game on the emerging VR medium became one of the top-selling titles at launch.","HOLOBALL_KEYWORDS":"","HOLOBALL_01_PANEL_ID":"HB_01","HOLOBALL_01_HEADING":"A Perfect Match for VR","HOLOBALL_01_SUBHEADING":"","HOLOBALL_01_DESC":"HoloBall is an exciting & critically acclaimed multi-platform VR game built by TreeFortress, our in-house sister company. It helped grow and refine our VR competencies, allowing us to deliver a range of engaging new experiences with this emerging medium.","HOLOBALL_01_MISC":"","HOLOBALL_01_BUTTON_ID":"","HOLOBALL_01_BUTTON_TEXT":"","HOLOBALL_01_BUTTON_LINK":"","HOLOBALL_01_LOGO_COLOR":"#ff00ff","HOLOBALL_02_PANEL_ID":"HB_02","HOLOBALL_02_HEADING":"Step into the Arena","HOLOBALL_02_SUBHEADING":"","HOLOBALL_02_DESC":"Our room scale VR design turns your living room into a massive virtual arena. Immersive, high-speed gameplay takes users far beyond the constraints of their physical environment to offer one of the best VR workouts on the market.","HOLOBALL_02_MISC":"","HOLOBALL_02_BUTTON_ID":"","HOLOBALL_02_BUTTON_TEXT":"","HOLOBALL_02_BUTTON_LINK":"","HOLOBALL_02_LOGO_COLOR":"#ff00ff","HOLOBALL_03_PANEL_ID":"HB_03","HOLOBALL_03_HEADING":"Smash Success","HOLOBALL_03_SUBHEADING":"","HOLOBALL_03_DESC":"It quickly became one of the top selling HTC Vive titles at launch, selling nearly 1000 units in the first two hours. HoloBall is currently installed in over 20% of HTC Vive consoles, and is in the top 20 paid VR titles on Steam.","HOLOBALL_03_MISC":"","HOLOBALL_03_BUTTON_ID":"","HOLOBALL_03_BUTTON_TEXT":"","HOLOBALL_03_BUTTON_LINK":"","HOLOBALL_03_LOGO_COLOR":"#15ebed","HOLOBALL_04_PANEL_ID":"HB_04","HOLOBALL_04_HEADING":"Get Lost in Gameplay","HOLOBALL_04_SUBHEADING":"","HOLOBALL_04_DESC":"No words can describe the feeling of nailing a fast-paced serve or return. Our obsession with great user experience delivers finely-tuned gameplay to a world you won’t want to leave.","HOLOBALL_04_MISC":"","HOLOBALL_04_BUTTON_ID":"","HOLOBALL_04_BUTTON_TEXT":"","HOLOBALL_04_BUTTON_LINK":"","HOLOBALL_04_LOGO_COLOR":"#ff00ff","HOLOBALL_05_PANEL_ID":"HB_05","HOLOBALL_05_HEADING":"","HOLOBALL_05_SUBHEADING":"","HOLOBALL_05_DESC":"","HOLOBALL_05_MISC":"","HOLOBALL_05_BUTTON_ID":"","HOLOBALL_05_BUTTON_TEXT":"","HOLOBALL_05_BUTTON_LINK":"","HOLOBALL_05_LOGO_COLOR":"#ff00ff","HOLOBALL_06_PANEL_ID":"HB_06","HOLOBALL_06_HEADING":"Take the Challenge","HOLOBALL_06_SUBHEADING":"","HOLOBALL_06_DESC":"HoloBall is the perfect blend of gaming, visual styling, and virtual experience that shows how much fun room scale VR can be.","HOLOBALL_06_MISC":"Available on HTC VIVE, PSVR, and Oculus Touch","HOLOBALL_06_BUTTON_ID":"holoball-link","HOLOBALL_06_BUTTON_TEXT":"Play HoloBall","HOLOBALL_06_BUTTON_LINK":"http://holoball.net/","HOLOBALL_06_LOGO_COLOR":"#15ebed","ISS_TITLE":"Dragon Age ISS","ISS_DESCRIPTION":"To create low bandwidth, accessible, and responsive animations across multiple devices, custom workflows and tooling were required for this interactive and cinematic experience.","ISS_KEYWORDS":"dragonage,createjs,iss,interactive story summary","ISS_01_PANEL_ID":"iss_01","ISS_01_HEADING":"On the Shoulders of Dragons","ISS_01_SUBHEADING":"The Interactive Story Summary","ISS_01_DESC":"To introduce the third title in BioWare’s iconic Dragon Age series, gskinner created an interactive cinematic that presents a player’s unique plot line. By analyzing existing game data, players can view and change past choices in real-time on any modern device.","ISS_01_MISC":"Dragon Age® marks & art ©2015 BioWare.","ISS_01_BUTTON_ID":"","ISS_01_BUTTON_TEXT":"","ISS_01_LOGO_COLOR":"#d9eb44","ISS_02_PANEL_ID":"iss_02","ISS_02_HEADING":"Tiny, Scaleable, Performant","ISS_02_SUBHEADING":"","ISS_02_DESC":"This entire 25s animation is only 40kb, can be resized almost infinitely, and plays well on desktop, mobile and console browsers. This amazing result is made possible by our open-source CreateJS libraries.","ISS_02_MISC":"","ISS_02_BUTTON_ID":"checkout-createjs","ISS_02_BUTTON_TEXT":"Visit CreateJS.com","ISS_02_BUTTON_LINK":"http://createjs.com","ISS_02_LOGO_COLOR":"white","ISS_03_PANEL_ID":"iss_03","ISS_03_HEADING":"Creative Empowerment","ISS_03_SUBHEADING":"","ISS_03_DESC":"To capture the essence of cinematic action, we extended our creative team’s toolset by developing a virtual camera for them to use. It can be animated independently from the rest of the action and provides a flexible viewport with safe zones to accommodate any sized screen.","ISS_03_MISC":"","ISS_03_BUTTON_ID":"","ISS_03_BUTTON_TEXT":"","ISS_03_LOGO_COLOR":"#24c3e5","ISS_04_PANEL_ID":"iss_04","ISS_04_HEADING":"Audio Without Borders","ISS_04_SUBHEADING":"","ISS_04_DESC":"The ISS can be presented in many languages, so any sentence in the voice-over can vary in length. To sync animated content with narration in different languages, we use time-scaling to ensure every segment of animated content is flexible enough to speed up or slow down within an acceptable range.","ISS_04_MISC":"","ISS_04_BUTTON_ID":"","ISS_04_BUTTON_TEXT":"","ISS_04_LOGO_COLOR":"#b15869","ISS_05_PANEL_ID":"iss_05","ISS_05_HEADING":"Non-Linear Cinematic","ISS_05_SUBHEADING":"","ISS_05_DESC":"Users can edit their game decisions during playback to explore other plot lines and outcomes, affecting what content needs to be downloaded. With our insanely compact animation format, a one minute-long, full-screen animation is reduced to a few hundred kilobytes, making it a possibility for them to change their fate on the fly.","ISS_05_MISC":"","ISS_05_BUTTON_ID":"","ISS_05_BUTTON_TEXT":"","ISS_05_LOGO_COLOR":"#c5dd34","ISS_06_PANEL_ID":"iss_06","ISS_06_HEADING":"An HTML5 Landmark","ISS_06_SUBHEADING":"","ISS_06_DESC":"The Dragon Age ISS puts years of gskinner digital innovation to the test: high fidelity creative combined with technical wizardry to deliver a tailored experience to any sized screen.","ISS_06_MISC":"","ISS_06_BUTTON_ID":"visit-keep","ISS_06_BUTTON_TEXT":"Visit the Dragon Age Keep","ISS_06_BUTTON_LINK":"http://dragonagekeep.com","ISS_06_LOGO_COLOR":"white","CREATEJS_TITLE":"CreateJS","CREATEJS_DESCRIPTION":"This popular visualization and animation framework is used by thousands, and supported by some \rof the biggest names in Tech.","CREATEJS_KEYWORDS":"html5,canvas,easeljs,createjs,open source","CREATEJS_01_PANEL_ID":"createjs_01","CREATEJS_01_HEADING":"Moving the Web Forward","CREATEJS_01_SUBHEADING":"","CREATEJS_01_DESC":"Beginning as a custom in-house graphics framework, CreateJS has exploded into an industry-leading, open-source suite of libraries used by thousands of web developers worldwide to add sound, motion, asset loading, and 2D graphics to their creations.","CREATEJS_01_MISC":"","CREATEJS_01_BUTTON_ID":"createjs-link","CREATEJS_01_BUTTON_TEXT":"Visit CreateJS.com","CREATEJS_01_BUTTON_LINK":"http://createjs.com","CREATEJS_01_LOGO_COLOR":"rgba( 76, 101, 117, 1 )","CREATEJS_02_PANEL_ID":"createjs_02","CREATEJS_02_HEADING":"A Simple Philosophy","CREATEJS_02_SUBHEADING":"","CREATEJS_02_DESC":"CreateJS is open, approachable, modular, and extensible. The libraries are developed in the open, well documented, include extensive examples, and can be used individually or as a suite.","CREATEJS_02_MISC":"","CREATEJS_02_BUTTON_ID":"","CREATEJS_02_BUTTON_TEXT":"","CREATEJS_02_LOGO_COLOR":"white","CREATEJS_03_PANEL_ID":"createjs_03","CREATEJS_03_HEADING":"A Web Renaissance","CREATEJS_03_SUBHEADING":"","CREATEJS_03_DESC":"In 2010, the IE team challenged us to build a full-featured game on the nascent HTML5 platform. While building Pirates Love Daisies, we saw a need for libraries to empower others to create rich experiences on modern web standards. CreateJS was born.","CREATEJS_03_MISC":"","CREATEJS_03_BUTTON_ID":"play-pld","CREATEJS_03_BUTTON_TEXT":"Play Pirates Love Daisies","CREATEJS_03_BUTTON_LINK":"http://pirateslovedaisies.com","CREATEJS_03_LOGO_COLOR":"white","CREATEJS_04_PANEL_ID":"createjs_04","CREATEJS_04_HEADING":"A Team Player","CREATEJS_04_SUBHEADING":"","CREATEJS_04_DESC":"Working with Adobe, we created tooling for their industry-leading content creation platform. Content creators can now use the industry’s best software in conjunction with CreateJS to streamline their production pipeline.","CREATEJS_04_MISC":"","CREATEJS_04_BUTTON_ID":"","CREATEJS_04_BUTTON_TEXT":"","CREATEJS_04_LOGO_COLOR":"rgba( 76, 101, 117, 1 )","CREATEJS_05_PANEL_ID":"createjs_05","CREATEJS_05_HEADING":"Industry Approved","CREATEJS_05_SUBHEADING":"","CREATEJS_05_DESC":"CreateJS has received support and contributions from a huge community of developers and some of the biggest tech companies on the internet, including official sponsorships from Adobe, Microsoft, AOL, and Mozilla.","CREATEJS_05_MISC":"","CREATEJS_05_BUTTON_ID":"","CREATEJS_05_BUTTON_TEXT":"","CREATEJS_05_LOGO_COLOR":"white","CREATEJS_06_PANEL_ID":"createjs_06","CREATEJS_06_HEADING":"CreateJS is Everywhere","CREATEJS_06_SUBHEADING":"","CREATEJS_06_DESC":"With over 7.8 billion hits/month to the libraries on the official CDN, and half of all FWA site-of-the-day winners using CreateJS in 2015, developers around the world are building amazing content in ways we never imagined.","CREATEJS_06_MISC":"","CREATEJS_06_BUTTON_ID":"","CREATEJS_06_BUTTON_TEXT":"","CREATEJS_06_LOGO_COLOR":"#75fcc6","ATARI_TITLE":"Atari Arcade","ATARI_DESCRIPTION":"Built with the latest web technologies, Atari Arcade was one of the first digital gaming experiences to work across a broad spectrum of devices.","ATARI_KEYWORDS":"atari,arcade,createjs,games","ATARI_01_PANEL_ID":"atari_01","ATARI_01_HEADING":"A Tribute to a Gaming Legend","ATARI_01_SUBHEADING":"Celebrating 40 Years of Atari","ATARI_01_DESC":"Atari and Microsoft teamed up with gskinner to pay tribute to a gaming legend by re-imagining some of Atari’s greatest hits using the latest the modern web has to offer in an award-winning package.","ATARI_01_MISC":"Atari marks & game art ©2015 Atari.","ATARI_01_BUTTON_ID":"","ATARI_01_BUTTON_TEXT":"","ATARI_01_LOGO_COLOR":"#e21a23","ATARI_02_PANEL_ID":"atari_02","ATARI_02_HEADING":"A New Look","ATARI_02_SUBHEADING":"Classic games get a makeover","ATARI_02_DESC":"Unique concept art was created to give eight of our favorite Atari classics a modern look. Our exploration was fueled by the original games and supporting media: game boxes, arcade cabinets, ads, posters, and even comic books. The result is a completely new look that captures the heart and soul of the originals.","ATARI_02_MISC":"","ATARI_02_BUTTON_ID":"","ATARI_02_BUTTON_TEXT":"","ATARI_02_LOGO_COLOR":"#5d5d5d","ATARI_03_PANEL_ID":"atari_03","ATARI_03_HEADING":"Built for the Modern Web","ATARI_03_SUBHEADING":"An arcade for your browser","ATARI_03_DESC":"Built with the HTML/CSS/JS technology stack, the Atari Arcade houses a collection of eight re-imagined Atari classics that leverage the latest web technologies. From multiplayer games to touch-enabled controls – Atari Arcade delivers the best of the modern web.","ATARI_03_MISC":"","ATARI_03_BUTTON_ID":"","ATARI_03_BUTTON_TEXT":"","ATARI_03_LOGO_COLOR":"#e21a23","ATARI_04_PANEL_ID":"atari_04","ATARI_04_HEADING":"The Game Stack","ATARI_04_SUBHEADING":"A unique way to navigate","ATARI_04_DESC":"The navigation system pays homage to the design of classic Atari game cartridges. Driven by a custom built elastic physics engine that made CSS3D work consistently on all browsers – players select games, view high scores and see total games played by grabbing and twisting the game stack.","ATARI_04_MISC":"","ATARI_04_BUTTON_ID":"","ATARI_04_BUTTON_TEXT":"","ATARI_04_LOGO_COLOR":"#5d5d5d","ATARI_05_PANEL_ID":"atari_05","ATARI_05_HEADING":"Multiplayer","ATARI_05_SUBHEADING":"Fun with your friends","ATARI_05_DESC":"Go head-to-head against your friends, share a private game room, or compete against anyone in the world. Original multiplayer mechanics and gameplay were specifically developed for titles like Lunar Lander® and Missile Command® that were traditionally single player experiences.","ATARI_05_MISC":"","ATARI_05_BUTTON_ID":"","ATARI_05_BUTTON_TEXT":"","ATARI_05_LOGO_COLOR":"#e21a23","ATARI_06_PANEL_ID":"atari_06","ATARI_06_HEADING":"Mobile Gaming","ATARI_06_SUBHEADING":"A touch experience that feels native","ATARI_06_DESC":"The modern web wouldn’t be complete without including portable devices. Our goal was to build custom touch controls that felt smooth, enhanced the game experience, and felt comparable to a native gaming experience for each of our games.","ATARI_06_MISC":"","ATARI_06_BUTTON_ID":"","ATARI_06_BUTTON_TEXT":"","ATARI_06_LOGO_COLOR":"#e21a23","ATARI_07_PANEL_ID":"atari_07","ATARI_07_HEADING":"Happy 40th","ATARI_07_SUBHEADING":"Let the celebration begin","ATARI_07_DESC":"Launched on Atari’s official 40th anniversary, the Atari Arcade has been credited with several awards and honors for its design and innovation. Among these are a People’s Choice Webby, an FWA site of the day, and recognition as one of the top 50 websites of the year by Time.","ATARI_07_MISC":"","ATARI_07_BUTTON_ID":"","ATARI_07_BUTTON_TEXT":"","ATARI_07_LOGO_COLOR":"#ffffff","TECHNITONE_TITLE":"Technitone","TECHNITONE_DESCRIPTION":"To showcase the newly released Web Audio API, Google teamed up with the gskinner crew to create a unique digital experience.","TECHNITONE_KEYWORDS":"google,chrome,technitone,webaudio,sound,webgl,multiplayer","TECHNITONE_01_PANEL_ID":"technitone_01","TECHNITONE_01_HEADING":"Google Technitone","TECHNITONE_01_SUBHEADING":"","TECHNITONE_01_DESC":"This fusion of WebGL, Canvas, CSS3, and JavaScript showcased Google Chrome's newly introduced Web Audio API—the first browser to bring Web Audio to the internet.","TECHNITONE_01_MISC":"","TECHNITONE_01_BUTTON_ID":"visit-technitone","TECHNITONE_01_BUTTON_TEXT":"Visit Technitone","TECHNITONE_01_BUTTON_LINK":"http://technitone.gskinner.com","TECHNITONE_01_LOGO_COLOR":"#2eb4c3","TECHNITONE_02_PANEL_ID":"technitone_02","TECHNITONE_02_HEADING":"Choose Your Instrument","TECHNITONE_02_SUBHEADING":"","TECHNITONE_02_DESC":"Web Audio enables players to use over 15 different instruments and personalize their sound using audio filters and effects. and can create new instruments with their computers' microphone.","TECHNITONE_02_MISC":"","TECHNITONE_02_BUTTON_ID":"html5rocks-technitone","TECHNITONE_02_BUTTON_TEXT":"Read About It","TECHNITONE_02_BUTTON_LINK":"http://www.html5rocks.com/en/tutorials/casestudies/technitone/","TECHNITONE_02_LOGO_COLOR":"white","TECHNITONE_03_PANEL_ID":"technitone_03","TECHNITONE_03_HEADING":"Join the Experience","TECHNITONE_03_SUBHEADING":"","TECHNITONE_03_DESC":"Technitone offers a quick way to save, share, and edit over 50,000 compositions. Players can view saved tracks and use them as a starting point to create new compositions. The initial Technitone.com also allowed up to 5 players to collaborate in a real-time multi-user session.","TECHNITONE_03_MISC":"","TECHNITONE_03_BUTTON_ID":"","TECHNITONE_03_BUTTON_TEXT":"","TECHNITONE_03_LOGO_COLOR":"white","TECHNITONE_04A_PANEL_ID":"technitone_04a","TECHNITONE_04A_HEADING":"Fan Favorites","TECHNITONE_04A_SUBHEADING":"","TECHNITONE_04A_DESC":"<a href=\"https://technitone.gskinner.com/t1b3anz7ybd\" class=\"technitrack\" data-id=\"t1b3anz7ybd\" target=\"_blank\" aria-label=\"visit technitone.gskinner.com in a new tab\"></a><a href=\"https://technitone.gskinner.com/q1dd9h8zjk4\" class=\"technitrack\" data-id=\"q1dd9h8zjk4\" target=\"_blank\" aria-label=\"visit technitone.gskinner.com in a new tab\"></a><a href=\"https://technitone.gskinner.com/od9r71u4xsp\" class=\"technitrack\" data-id=\"od9r71u4xsp\" target=\"_blank\" aria-label=\"visit technitone.gskinner.com in a new tab\"></a><a href=\"https://technitone.gskinner.com/57d9eae0gna\" class=\"technitrack\" data-id=\"57d9eae0gna\" target=\"_blank\" aria-label=\"visit technitone.gskinner.com in a new tab\"></a>","TECHNITONE_04A_MISC":"","TECHNITONE_04A_BUTTON_ID":"","TECHNITONE_04A_BUTTON_TEXT":"","TECHNITONE_04A_BUTTON_LINK":"","TECHNITONE_04A_PANEL_LABEL":"Fan Favorites","TECHNITONE_04A_LOGO_COLOR":"#2eb4c3","TECHNITONE_04B_PANEL_ID":"technitone_04b","TECHNITONE_04B_HEADING":"Works of Art","TECHNITONE_04B_SUBHEADING":"","TECHNITONE_04B_DESC":"<a href=\"https://technitone.gskinner.com/5o04dc1arrd\" class=\"technitrack\" data-id=\"5o04dc1arrd\" target=\"_blank\" aria-label=\"visit technitone.gskinner.com in a new tab\"></a><a href=\"https://technitone.gskinner.com/bcbc4d9u89c\" class=\"technitrack\" data-id=\"bcbc4d9u89c\" target=\"_blank\" aria-label=\"visit technitone.gskinner.com in a new tab\"></a><a href=\"https://technitone.gskinner.com/e7q1xg5wedg\" class=\"technitrack\" data-id=\"e7q1xg5wedg\" target=\"_blank\" aria-label=\"visit technitone.gskinner.com in a new tab\"></a><a href=\"https://technitone.gskinner.com/nbdd5f7yfmt\" class=\"technitrack\" data-id=\"nbdd5f7yfmt\" target=\"_blank\" aria-label=\"visit technitone.gskinner.com in a new tab\"></a>","TECHNITONE_04B_MISC":"","TECHNITONE_04B_BUTTON_ID":"","TECHNITONE_04B_BUTTON_TEXT":"","TECHNITONE_04B_BUTTON_LINK":"","TECHNITONE_04B_PANEL_LABEL":"Works of Art","TECHNITONE_04B_LOGO_COLOR":"#2eb4c3","TECHNITONE_04C_PANEL_ID":"technitone_04c","TECHNITONE_04C_HEADING":"Red","TECHNITONE_04C_SUBHEADING":"","TECHNITONE_04C_DESC":"<a href=\"https://technitone.gskinner.com/7xdxhbabdt4\" class=\"technitrack\" data-id=\"7xdxhbabdt4\" target=\"_blank\" aria-label=\"visit technitone.gskinner.com in a new tab\"></a><a href=\"https://technitone.gskinner.com/cm4zdrbq222\" class=\"technitrack\" data-id=\"cm4zdrbq222\" target=\"_blank\" aria-label=\"visit technitone.gskinner.com in a new tab\"></a><a href=\"https://technitone.gskinner.com/d01lnbadr5a\" class=\"technitrack\" data-id=\"d01lnbadr5a\" target=\"_blank\" aria-label=\"visit technitone.gskinner.com in a new tab\"></a><a href=\"https://technitone.gskinner.com/pkb8c854hdg\" class=\"technitrack\" data-id=\"pkb8c854hdg\" target=\"_blank\" aria-label=\"visit technitone.gskinner.com in a new tab\"></a>","TECHNITONE_04C_MISC":"","TECHNITONE_04C_BUTTON_ID":"","TECHNITONE_04C_BUTTON_TEXT":"","TECHNITONE_04C_BUTTON_LINK":"","TECHNITONE_04C_PANEL_LABEL":"Red","TECHNITONE_04C_LOGO_COLOR":"#2eb4c3","TECHNITONE_04D_PANEL_ID":"technitone_04d","TECHNITONE_04D_HEADING":"Cover Tracks","TECHNITONE_04D_SUBHEADING":"","TECHNITONE_04D_DESC":"<a href=\"https://technitone.gskinner.com/4jpd5rv7pjd\" class=\"technitrack\" data-id=\"4jpd5rv7pjd\" target=\"_blank\" aria-label=\"visit technitone.gskinner.com in a new tab\"></a><a href=\"https://technitone.gskinner.com/5uc965hdgow\" class=\"technitrack\" data-id=\"5uc965hdgow\" target=\"_blank\" aria-label=\"visit technitone.gskinner.com in a new tab\"></a><a href=\"https://technitone.gskinner.com/7l2odkb5x6t\" class=\"technitrack\" data-id=\"7l2odkb5x6t\" target=\"_blank\" aria-label=\"visit technitone.gskinner.com in a new tab\"></a><a href=\"https://technitone.gskinner.com/d4xm1t9338f\" class=\"technitrack\" data-id=\"d4xm1t9338f\" target=\"_blank\" aria-label=\"visit technitone.gskinner.com in a new tab\"></a>","TECHNITONE_04D_MISC":"","TECHNITONE_04D_BUTTON_ID":"","TECHNITONE_04D_BUTTON_TEXT":"","TECHNITONE_04D_BUTTON_LINK":"","TECHNITONE_04D_PANEL_LABEL":"Cover Tracks","TECHNITONE_04D_LOGO_COLOR":"#2eb4c3","TECHNITONE_05_PANEL_ID":"technitone_05","TECHNITONE_05_HEADING":"Technitone Legacy","TECHNITONE_05_SUBHEADING":"","TECHNITONE_05_DESC":"When we brought back Technitone, we did it in style. Relaunched with a completely new WebGL matrix visualization, Technitone now offers a whole new visual experience. We hope you enjoy the update!","TECHNITONE_05_MISC":"","TECHNITONE_05_BUTTON_ID":"visit-technitone-legacy","TECHNITONE_05_BUTTON_TEXT":"Visit Technitone","TECHNITONE_05_BUTTON_LINK":"https://technitone.gskinner.com","TECHNITONE_05_LOGO_COLOR":"#2eb4c3","LUNARLANDER_TITLE":"Lunar Lander","LUNARLANDER_DESCRIPTION":"Showcasing the networking capabilities of smart TVs, Lunar Lander is a multiplayer game that uses your phone as the controller.","LUNARLANDER_KEYWORDS":"Second Screen, game, TV","LUNARLANDER_01_PANEL_ID":"LUNARLANDER_01","LUNARLANDER_01_HEADING":"Landing on a New Platform","LUNARLANDER_01_SUBHEADING":"","LUNARLANDER_01_DESC":"To demonstrate advanced features on FxOS TV, we transformed Panasonic's smart TV into a multiplayer living room experience using connected devices.","LUNARLANDER_01_MISC":"Atari marks & game art ©2016 Atari.","LUNARLANDER_01_BUTTON_ID":"","LUNARLANDER_01_BUTTON_TEXT":"","LUNARLANDER_01_LOGO_COLOR":"#3bfcfc","LUNARLANDER_02_PANEL_ID":"LUNARLANDER_02","LUNARLANDER_02_HEADING":"Smart Technologies","LUNARLANDER_02_SUBHEADING":"","LUNARLANDER_02_DESC":"Your TV hosts a multiplayer experience enabling your friends and family to connect using their smartphones and tablets. Once connected, each device becomes an extension of the game, turning into a controller and personal landing assistant.","LUNARLANDER_02_MISC":"","LUNARLANDER_02_BUTTON_ID":"","LUNARLANDER_02_BUTTON_TEXT":"","LUNARLANDER_02_LOGO_COLOR":"rgba(185, 216, 219, .5)","LUNARLANDER_03_PANEL_ID":"LUNARLANDER_03","LUNARLANDER_03_HEADING":"","LUNARLANDER_03_SUBHEADING":"","LUNARLANDER_03_DESC":"","LUNARLANDER_03_MISC":"","LUNARLANDER_03_BUTTON_ID":"","LUNARLANDER_03_BUTTON_TEXT":"","LUNARLANDER_03_BUTTON_LINK":"","LUNARLANDER_03_LOGO_COLOR":"rgba(185, 216, 219, .5)","LUNARLANDER_04_PANEL_ID":"LUNARLANDER_04","LUNARLANDER_04_HEADING":"A Second Screen Experience","LUNARLANDER_04_SUBHEADING":"","LUNARLANDER_04_DESC":"Providing you with navigation controls, close-up visuals, trajectory data, and audio feedback, your device becomes a critical tool needed to land your craft successfully. Each device also functions as a personalized speaker—further enhancing the experience.","LUNARLANDER_04_MISC":"","LUNARLANDER_04_BUTTON_ID":"","LUNARLANDER_04_BUTTON_TEXT":"","LUNARLANDER_04_BUTTON_LINK":"","LUNARLANDER_04_LOGO_COLOR":"#3bfcfc","LUNARLANDER_05_PANEL_ID":"LUNARLANDER_05","LUNARLANDER_05_HEADING":"Demonstrating Possibilities","LUNARLANDER_05_SUBHEADING":"","LUNARLANDER_05_DESC":"Lunar Lander leverages emerging Smart TV technology with a thoughtfully designed experience that explores the boundaries of new technology, digital innovation, and interface design.","LUNARLANDER_05_MISC":"","LUNARLANDER_05_BUTTON_ID":"","LUNARLANDER_05_BUTTON_TEXT":"","LUNARLANDER_05_BUTTON_LINK":"","LUNARLANDER_05_LOGO_COLOR":"#3bfcfc","RDIOFXOS_TITLE":"Rdio for FxOS","RDIOFXOS_DESCRIPTION":"With emerging markets in mind, we built a web app designed and optimized for ultra-low cost smartphones, that didn't compromise on performance.","RDIOFXOS_KEYWORDS":"rdio,firefox,fxOS,html5,mobile","RDIOFXOS_01_PANEL_ID":"rdiofxos_01","RDIOFXOS_01_HEADING":"A New World of Music on the Go","RDIOFXOS_01_SUBHEADING":"","RDIOFXOS_01_DESC":"With the unprecedented adoption of ultra low-cost smartphones in emerging markets, Mozilla teamed up with Rdio and gskinner to create a first tier experience that shows just what Firefox OS is all about.","RDIOFXOS_01_MISC":"Rdio marks & application art ©2015 Rdio, used with permission.","RDIOFXOS_01_BUTTON_ID":"","RDIOFXOS_01_BUTTON_TEXT":"","RDIOFXOS_01_LOGO_COLOR":"white","RDIOFXOS_02_PANEL_ID":"rdiofxos_02","RDIOFXOS_02_HEADING":"Preparing for the demands of emerging markets","RDIOFXOS_02_SUBHEADING":"","RDIOFXOS_02_DESC":"Entry into the emerging markets of the world is a focus for both Mozilla and Rdio, and an explosion of affordable Firefox OS handsets provides access to a whole new group of customers eager for access to streaming music.","RDIOFXOS_02_MISC":"","RDIOFXOS_02_BUTTON_ID":"","RDIOFXOS_02_BUTTON_TEXT":"","RDIOFXOS_02_LOGO_COLOR":"white","RDIOFXOS_03_PANEL_ID":"rdiofxos_03","RDIOFXOS_03_HEADING":"Powered by accessible, open source technologies","RDIOFXOS_03_SUBHEADING":"","RDIOFXOS_03_DESC":"Firefox OS is open source, and driven by web technologies. Our expertise in this area allowed us to capture a familiar experience in a whole new medium, while working closely with Rdio to utilize and push their new JavaScript API. Leveraging our proven CreateJS toolset allowed for efficient handling of data preloading, animation and advanced dynamic graphics.","RDIOFXOS_03_MISC":"","RDIOFXOS_03_BUTTON_ID":"","RDIOFXOS_03_BUTTON_TEXT":"","RDIOFXOS_03_LOGO_COLOR":"white","RDIOFXOS_04_PANEL_ID":"rdiofxos_04","RDIOFXOS_04_HEADING":"Navigating uncharted terrain, with help from some friends","RDIOFXOS_04_SUBHEADING":"","RDIOFXOS_04_DESC":"Working with a new class of low-powered, low-cost devices, optimization and extensive device testing helped ensure performance and usability. Strong collaboration with Mozilla and Rdio ensured we understood key objectives and how to work with each of their emerging technologies. This resulted in an authentic Rdio experience capable of standing alongside strong offerings on Android and iOS.","RDIOFXOS_04_MISC":"","RDIOFXOS_04_BUTTON_ID":"","RDIOFXOS_04_BUTTON_TEXT":"","RDIOFXOS_04_LOGO_COLOR":"white","FLUTTER_TITLE":"The Flutter Vignettes","FLUTTER_DESCRIPTION":"Working with Google, we conceptualized and built 17 vignettes to showcase the performance, power, and flexibility of the Flutter application platform.","FLUTTER_KEYWORDS":"flutter,google,dart,animation,mobile","FLUTTER_01_PANEL_ID":"FLUTTER_01","FLUTTER_01_HEADING":"Showcasing the Capabilities & Potential of Flutter","FLUTTER_01_SUBHEADING":"","FLUTTER_01_DESC":"For Flutter Interact, Google challenged us to demonstrate the Flutter framework's capabilities to build beautiful apps.","FLUTTER_01_MISC":"","FLUTTER_01_BUTTON_ID":"","FLUTTER_01_BUTTON_TEXT":"Watch Video","FLUTTER_01_BUTTON_LINK":"https://youtu.be/MI7Rl2umeeU","FLUTTER_01_LOGO_COLOR":"#13B9FD","FLUTTER_02_PANEL_ID":"FLUTTER_02","FLUTTER_02_HEADING":"Creating a Rich & Varied Collection","FLUTTER_02_SUBHEADING":"","FLUTTER_02_DESC":"We created a variety of vignettes that reflected experiences you might find in truly beautiful, modern apps.","FLUTTER_02_MISC":"","FLUTTER_02_BUTTON_ID":"","FLUTTER_02_BUTTON_TEXT":"","FLUTTER_02_BUTTON_LINK":"","FLUTTER_02_LOGO_COLOR":"#05121F","FLUTTER_03_PANEL_ID":"FLUTTER_03","FLUTTER_03_HEADING":"Quality Over Quantity","FLUTTER_03_SUBHEADING":"","FLUTTER_03_DESC":"With a short timeline of 3 months, we worked towards creating 17 high-quality vignettes that could inspire designers and developers to explore the capabilities of Flutter.","FLUTTER_03_MISC":"","FLUTTER_03_BUTTON_ID":"","FLUTTER_03_BUTTON_TEXT":"","FLUTTER_03_BUTTON_LINK":"","FLUTTER_03_LOGO_COLOR":"#05121F","FLUTTER_04_PANEL_ID":"FLUTTER_04","FLUTTER_04_HEADING":"Building for Others","FLUTTER_04_SUBHEADING":"","FLUTTER_04_DESC":"Our goal was to create vignettes that were easy to understand and tightly focused on one or two core concepts. We favored writing readable code over superfluous optimization – lowering the barrier to entry for creators approaching Flutter for the first time.","FLUTTER_04_MISC":"","FLUTTER_04_BUTTON_ID":"","FLUTTER_04_BUTTON_TEXT":"","FLUTTER_04_BUTTON_LINK":"","FLUTTER_04_LOGO_COLOR":"#13B9FD","FLUTTER_05_PANEL_ID":"FLUTTER_05","FLUTTER_05_HEADING":"Handoff & Collaboration","FLUTTER_05_SUBHEADING":"","FLUTTER_05_DESC":"For the project to have beautiful visual results, we needed our execution to be beautiful. Flutter's hot reload let our designers and developers iterate in real-time without lengthy build processes, design cycles, or feedback loops.","FLUTTER_05_MISC":"","FLUTTER_05_BUTTON_ID":"","FLUTTER_05_BUTTON_TEXT":"","FLUTTER_05_BUTTON_LINK":"","FLUTTER_05_LOGO_COLOR":"#13B9FD","FLUTTER_06_PANEL_ID":"FLUTTER_06","FLUTTER_06_HEADING":"Showcasing the Vignettes","FLUTTER_06_SUBHEADING":"","FLUTTER_06_DESC":"We revealed the 17 vignettes at Flutter Interact where we presented a portion of the keynote session and had a session dedicated to our creative process for building them.","FLUTTER_06_MISC":"","FLUTTER_06_BUTTON_ID":"","FLUTTER_06_BUTTON_TEXT":"Watch Vignette Session","FLUTTER_06_BUTTON_LINK":"https://youtu.be/1AxXF038-lY","FLUTTER_06_LOGO_COLOR":"#13B9FD","FLUTTER_07_PANEL_ID":"FLUTTER_07","FLUTTER_07_HEADING":"Open-Sourced to Teach","FLUTTER_07_SUBHEADING":"","FLUTTER_07_DESC":"The vignettes’ code was meticulously reviewed to be clean and readable with best practices in mind so anyone could learn, spike, and see what Flutter was capable of. We released them on GitHub with the permissive MIT License.","FLUTTER_07_MISC":"","FLUTTER_07_BUTTON_ID":"","FLUTTER_07_BUTTON_TEXT":"Vignettes on Github","FLUTTER_07_BUTTON_LINK":"https://github.com/gskinnerTeam/flutter_vignettes","FLUTTER_07_LOGO_COLOR":"#05121F","FLUTTER_08_PANEL_ID":"FLUTTER_08","FLUTTER_08_HEADING":"An Inspiration to the Community","FLUTTER_08_SUBHEADING":"","FLUTTER_08_DESC":"The Flutter community had an ecstatic response to the vignettes. Thousands of developers have pulled, branched, and experimented with them since launch. You can learn more about the vignettes at <a href=\"https://flutter.gskinner.com\" target=\"_blank\" aria-label=\"visit flutter.gskinner.com in a new tab\">flutter.gskinner.com</a> or download the Flutter Vignette Showcase app for Android.","FLUTTER_08_MISC":"","FLUTTER_08_BUTTON_ID":"","FLUTTER_08_BUTTON_TEXT":"Showcase App","FLUTTER_08_BUTTON_LINK":"https://play.google.com/store/apps/details?id=com.gskinner.flutter_vignettes","FLUTTER_08_LOGO_COLOR":"#13B9FD","CAMP_TITLE":"CAMP Festival","CAMP_DESCRIPTION":"An award-winning website for an inspiring art and technology festival. We worked with CAMP to engage attendees by weaving a subtle narrative with creative 3D and scrolling interactions for an award-winning experience.","CAMP_KEYWORDS":"Second Screen, game, TV","CAMP_01_PANEL_ID":"CAMP_01","CAMP_01_HEADING":"Journey Through Art, Technology & Mental Health","CAMP_01_SUBHEADING":"","CAMP_01_DESC":"To help promote the CAMP Festival for 2019, we created an award-winning single-page website that took campers on a fantastical boat journey – building excitement for the conference’s theme of creativity and mental health.","CAMP_01_MISC":"","CAMP_01_BUTTON_ID":"","CAMP_01_BUTTON_TEXT":"","CAMP_01_LOGO_COLOR":"#AA182C","CAMP_02_PANEL_ID":"CAMP_02","CAMP_02_HEADING":"Deep Exploration","CAMP_02_SUBHEADING":"","CAMP_02_DESC":"The CAMP Festival has a strong connection to nature and the Alberta wilderness. A deep exploration of styles/directions reflecting their focus on mental health produced a concept incorporating themes of journey and fluidity.","CAMP_02_MISC":"","CAMP_02_BUTTON_ID":"","CAMP_02_BUTTON_TEXT":"","CAMP_02_BUTTON_LINK":"","CAMP_02_LOGO_COLOR":"#AA182C","CAMP_03_PANEL_ID":"CAMP_03","CAMP_03_HEADING":"Testing the Water","CAMP_03_SUBHEADING":"","CAMP_03_DESC":"With the direction chosen, we started rapidly prototyping in Three.js to see how far browsers could be pushed to bring our concept to life.","CAMP_03_MISC":"","CAMP_03_BUTTON_ID":"","CAMP_03_BUTTON_TEXT":"","CAMP_03_BUTTON_LINK":"","CAMP_03_LOGO_COLOR":"#161718","CAMP_04_PANEL_ID":"CAMP_04","CAMP_04_HEADING":"Navigating Our Style","CAMP_04_SUBHEADING":"","CAMP_04_DESC":"In parallel, we set to work building out scenes, designing wireframes and comps for the site, and establishing a unified style.","CAMP_04_MISC":"","CAMP_04_BUTTON_ID":"","CAMP_04_BUTTON_TEXT":"","CAMP_04_BUTTON_LINK":"","CAMP_04_LOGO_COLOR":"#AA182C","CAMP_05_PANEL_ID":"CAMP_05","CAMP_05_HEADING":"Shipshape Iteration","CAMP_05_SUBHEADING":"","CAMP_05_DESC":"3D on the web has limitations. Our designers and developers worked together in real-time to tweak assets and make changes to optimize the end result for every device.","CAMP_05_MISC":"","CAMP_05_BUTTON_ID":"","CAMP_05_BUTTON_TEXT":"","CAMP_05_BUTTON_LINK":"","CAMP_05_LOGO_COLOR":"#AA182C","CAMP_06_PANEL_ID":"CAMP_06","CAMP_06_HEADING":"A Delightful Launch","CAMP_06_SUBHEADING":"","CAMP_06_DESC":"For CAMP Festival’s early bird tickets, we delighted new and returning campers with a website that suited CAMP’s new theme and direction.","CAMP_06_MISC":"","CAMP_06_BUTTON_ID":"","CAMP_06_BUTTON_TEXT":"","CAMP_06_BUTTON_LINK":"","CAMP_06_LOGO_COLOR":"#AA182C","CAMP_07_PANEL_ID":"CAMP_07","CAMP_07_HEADING":"Virtual Exploration","CAMP_07_SUBHEADING":"","CAMP_07_DESC":"To help inspire and excite attendees and ourselves, we kept exploring Three.js and A-Frame in our practice time. A small browser-based VR experience helped extend the CAMP Festival experience.","CAMP_07_MISC":"","CAMP_07_BUTTON_ID":"","CAMP_07_BUTTON_TEXT":"","CAMP_07_BUTTON_LINK":"","CAMP_07_LOGO_COLOR":"#FFFFFF","CAMP_08_PANEL_ID":"CAMP_08","CAMP_08_HEADING":"CAMPing","CAMP_08_SUBHEADING":"","CAMP_08_DESC":"Leading up to and during the conference, our work inspired new and returning attendees. We designed signage, conference passes, and Campers interacted with our work throughout the venue. We helped CAMP celebrate Art, Technology & Mental Health with their audience. ","CAMP_08_MISC":"","CAMP_08_BUTTON_ID":"","CAMP_08_BUTTON_TEXT":"","CAMP_08_BUTTON_LINK":"","CAMP_08_LOGO_COLOR":"#AA182C"},
stringsLocale = "en_US";
function init () {
var scope = window.gsite;
// Store a reference to the currentPage div on our namespace to reduce DOM lookups:
scope.currentPageEl = document.getElementById("currentPage");
// touch detection
if (('ontouchstart' in window) || (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0)) {
scope.touchEnabled = true;
document.body.classList.add("touch");
window.addEventListener("mousemove", function(){
window.removeEventListener("mousemove", arguments.callee);
document.body.classList.add("mouseUI");
});
} else {
scope.touchEnabled = false;
}
// The panel used in most navigation transitions:
scope.TransitionPanel.setup(document.getElementById("transitionPanel"));
// Initialize our main application file:
var app = new scope.Application();
// Global breakpoint event dispatcher:
scope.BreakPointUtil.setup();
// Set copyright date to current year:
document.getElementById("footer_copyright_text").innerHTML = "<span class='footer_copyright_symbol'>©</span>" + new Date().getFullYear() + " gskinner";
// Buttons:
new scope.NavigationButton({el: document.getElementById("gLogo-footer")});
scope.HeaderLogo.setup(document.getElementById("gLogo-header"));
}
$(init);</script></head><body class="bodyScroll"><svg xmlns="http://www.w3.org/2000/svg" style="display:none;"><symbol id="gLogo_g" viewBox="0 0 30 30"><title>gskinner</title><desc>Navigate to the gskinner home page</desc><path d="M0 0v30h12c-.3-.3-.6-.6-.8-.9-.6-.9-1-2-1.2-3.1h6.5c.3.7.8 1.3 1.4 1.6.6.3 1.2.4 1.9.4 1.6 0 2.7-.5 3.5-1.4.7-1 1.1-2.2 1.1-3.7v-.6h-.1c-.5.9-1.2 1.6-2.2 2-1 .5-3.1.7-4.1.7-1.4 0-1.5-.3-2.7-.8-1.2-.5-2.2-1.2-3-2.1-.8-.9-1.5-1.9-1.9-3.1-.5-1.2-.7-2.5-.7-3.9s.2-2.7.7-3.9c.5-1.2 1.1-2.3 1.9-3.2.8-.9 1.8-1.6 3-2.2 1.1-.5 2.4-.8 3.8-.8 1 0 1.9.2 2.9.5 1 .4 1.7 1 2.3 1.8h.1v-1.3h5.6v-6h-30zM23.2 11.7c-.4-.4-.9-.8-1.4-1-.6-.2-1.2-.4-1.9-.4s-1.3.1-1.8.4c-.6.2-1 .6-1.4 1-.4.4-.7.9-.9 1.5-.2.6-.3 1.2-.3 1.8 0 .7.1 1.3.3 1.9.2.6.5 1.1.9 1.5.4.4.9.8 1.4 1 .6.3 1.2.4 1.8.4.7 0 1.3-.1 1.9-.4.6-.2 1-.6 1.5-1 .4-.4.7-.9.9-1.5.2-.6.3-1.2.3-1.9s-.1-1.3-.3-1.9c-.4-.5-.7-1-1-1.4z"/></symbol><symbol id="gLogo_skinner" viewBox="0 0 112 30"><path d="M42 5h6v2.6c.6-.9 1.8-2.6 5.1-2.6 6.3 0 6.9 4.5 6.9 7v13h-5.5v-10.9c0-2.1-.4-3.9-2.9-3.9-2.8 0-3.5 2-3.5 3.9v10.9h-6v-20zM62 5h5.2v2.6c.6-.9 2.4-2.6 5.8-2.6 6.3 0 7 5.1 7 7.6v12.4h-5.6v-10.9c0-2.1-.4-3.9-2.9-3.9-2.8 0-3.9 2-3.9 3.9v10.9h-5.6v-20zM101.2 5h5.3v2.7c.5-1 2.2-2.7 5.5-2.7v5.6h-.2c-2.9 0-4.9 1-4.9 3.7v10.7h-5.6v-20zM40 5h-13l-5 6v-11h-5.8v25h5.8v-7l5 7h13v-20zm-6 20l-8.9-10 8.9-10v20zM93.5 18.8c-.7.8-1.6 1.4-3.2 1.4-2.2 0-4.1-1.3-4.3-3.3h14c.4-3.5-.3-6.5-2.6-9-1.8-1.8-4.3-2.9-7.2-2.9-5.7 0-9.8 4.8-9.8 10 0 5.6 4.6 9.9 9.9 9.9 1.9 0 3.8-.6 5.3-1.7 1.5-1 2.8-2.5 3.7-4.5h-5.8zm-3.2-9.1c2.9 0 4.1 2.1 4.2 3h-8.4c.1-.9 1.2-3 4.2-3zM8.7 12.6c-1.5-.4-2.9-1-2.9-1.9 0-.5.4-1.3 1.6-1.3 1.7 0 1.7 1 1.8 1.4h5.5c-.5-4.9-4.7-5.8-7.2-5.8-3.9 0-7.3 2.4-7.3 6.3 0 2.5 2 4.1 4.5 4.9 3.6 1.4 5 1.6 5 2.8 0 .9-1 1.5-2 1.5-.2 0-1.9.2-2.1-1.5h-5.6c.5 4.9 4.8 6 7.6 6 4.2 0 7.6-2.4 7.6-6.5.1-4.1-3.3-5-6.5-5.9zM34 0h6v2.9h-6z"/></symbol><symbol id="icon-email" viewBox="0 0 30 20"><path d="M2 1.3v17.3h26v-17.3h-26zm24.3 1.8v1.1l-11.3 6.7-11.3-6.7v-1.1h22.6zm-22.6 13.8v-10.7l11.3 6.8 11.3-6.8v10.7h-22.6z"/></symbol><symbol id="icon-twitter" viewBox="0 0 30 20"><path d="M20.6,1.8c1.2,0,2.3,0.5,3.1,1.3c1-0.2,1.9-0.5,2.7-1c-0.3,1-1,1.8-1.8,2.3c0.9-0.1,1.7-0.3,2.4-0.7
c-0.6,0.8-1.3,1.6-2.1,2.2c0,0.2,0,0.4,0,0.5c0,5.6-4.2,12-12,12c-2.4,0-4.6-0.7-6.4-1.9c0.3,0,0.7,0.1,1,0.1c2,0,3.8-0.7,5.2-1.8
c-1.8,0-3.4-1.2-3.9-2.9C9,12,9.2,12,9.5,12c0.4,0,0.8-0.1,1.1-0.1c-1.9-0.4-3.4-2.1-3.4-4.1c0,0,0,0,0-0.1C7.8,8,8.5,8.2,9.1,8.2
C8,7.4,7.3,6.4,7.3,4.9c0-0.8,0.2-1.7,0.5-2.3C9.9,5.1,13,6.8,16.5,7c-0.1-0.3-0.1-0.6-0.1-1C16.4,3.7,18.3,1.8,20.6,1.8
M26.9,3.8L26.9,3.8 M27.8,0l-2.2,0.9c-0.5,0.3-1,0.5-1.6,0.7c-1-0.8-2.2-1.2-3.5-1.2c-2.9,0-5.2,2.2-5.6,5
c-2.4-0.5-4.6-1.8-6.1-3.7L7.7,0.2l-1,1.7C6.1,2.7,5.9,3.7,5.9,4.7c0,0.2,0,0.4,0,0.6l-0.1,0v2.4v0.1c0,1.3,0.4,2.4,1.1,3.4
l0.4,1.2c0.3,1.1,1,2,1.8,2.7c-0.6,0.2-1.2,0.2-1.8,0.2c-0.3,0-0.6,0-0.8,0l-6-0.7l5.1,3.3c2.2,1.4,4.6,2.1,7.2,2.1
c3.9,0,7.4-1.6,9.9-4.4c2.1-2.4,3.4-5.7,3.4-8.9c0.7-0.6,1.3-1.3,1.9-2.1l1.7-3.1l-2.4,0.6L27.8,0L27.8,0z"/></symbol><symbol id="icon-blog" viewBox="0 0 30 20"><path d="M28.3 6.6l-1.4 1.2c-2.1-2.7-6.4-5.9-11.9-5.9-5.4 0-9.8 3.2-11.9 5.7l-1.4-1.2c2.4-3 7.3-6.4 13.3-6.4 6.2.1 11 3.7 13.3 6.6zm-13.3-2c-4.5 0-8.1 2.6-9.9 4.8l1.4 1.2c1.5-1.9 4.6-4.2 8.5-4.2 3.9 0 7 2.4 8.5 4.2l1.4-1.2c-1.7-2.1-5.3-4.8-9.9-4.8zm0 4.5c-2.9 0-5.3 1.5-6.5 3l1.4 1.2c.9-1.1 2.8-2.3 5.1-2.3s4.2 1.3 5 2.4l1.4-1.2c-1.1-1.5-3.4-3.1-6.4-3.1zm3.2 7.7c0 1.7-1.4 3.2-3.2 3.2s-3.2-1.4-3.2-3.2 1.4-3.2 3.2-3.2 3.2 1.4 3.2 3.2zm-1.8 0c0-.7-.6-1.4-1.4-1.4-.7 0-1.4.6-1.4 1.4s.6 1.4 1.4 1.4c.7 0 1.4-.7 1.4-1.4z"/></symbol></svg><div id="transitionPanel" class="default"></div><div id="refMsg"><span></span></div><div id="currentPage"><noscript><style>#footer, .gLogo_skinnerWrap { opacity: 1 !important; transform: none !important; }
body { background-color: #101010; }
#navPanel, #navToggle, #navContent { display: none; !important; }</style><div id="home_00" class="panel in"><div class="panel_art noscript in"></div><div class="panel_copy in"><h1 class="panel_heading in">Smart Solutions for Smart Companies</h1><p class="panel_description in">We collaborate with smart, motivated clients to conceptualize, design, and build world-class interactive experiences.<br><br><em>To view the full site, please enable JavaScript in your browser.</em></p><a href="mailto:hello@gskinner.com" class="button-default default in">Contact Us<span class="button_icon-arrow"></span></a></div></div></noscript></div><div id="footer"><div id="footer_cta" class="footer_col"><a href="/" id="gLogo-footer"><svg class="gLogo_g"><use xlink:href="#gLogo_g"/></svg><div class="gLogo_skinnerWrap"><svg class="gLogo_skinner"><use xlink:href="#gLogo_skinner"/></svg></div></a></div><div id="footer_links" class="footer_col"><a href="mailto:hello@gskinner.com" class="footer_link"><svg class="footer_link_icon icon-email"><use xlink:href="#icon-email"/></svg>hello@gskinner.com</a> <a href="https://twitter.com/gskinner_team" class="footer_link"><svg class="footer_link_icon icon-twitter"><use xlink:href="#icon-twitter"/></svg>@gskinner_team</a> <a href="http://blog.gskinner.com" class="footer_link"><svg class="footer_link_icon icon-blog"><use xlink:href="#icon-blog"/></svg>gBlog</a></div><div id="footer_contactInfo" class="footer_col"><a href="tel:17806374720" class="footer-phone">+1 780 637 4720</a><br><p class="footer-worldwide">servicing clients worldwide</p><div class="footer-address"><p>10665 Jasper Avenue<br>Suite 1400<br>Edmonton, AB T5J 3S9<br>Canada</p></div></div><div id="footer_copyright" class=""><p id="footer_copyright_text"><span class="copyright">©</span>2021 gskinner</p></div></div><a href="/" id="gLogo-header" class="mini"><svg class="gLogo_g"><use xlink:href="#gLogo_g"/></svg><div class="gLogo_skinnerWrap out"><svg class="gLogo_skinner"><use xlink:href="#gLogo_skinner"/></svg></div></a><div id="navPanel" class="closed"></div><div id="navContent"></div><div id="navToggle"><div id="navIcon" class="show"><span id="navIcon_topBar"></span><span id="navIcon_bottomBar"></span></div></div></body></html>
Sitemap
Кол-во: 0
XML-карта сайта для поисковиков
?
Sitemap.xml помогает поисковику быстрее находить и индексировать страницы. Особенно важен для крупных сайтов и новых страниц, на которые ещё нет входящих ссылок.
Robots.txt не содержит ссылку на карту сайта. Рекомендуется добавить карту сайта и указать ссылку на нее в robots.txt.
Внутренние ссылки
Кол-во: 3
Ссылки на другие страницы своего сайта
?
Внутренние ссылки распределяют ссылочный вес между страницами и помогают поисковику обходить сайт. Пустые анкоры и ссылки на запрещённые robots.txt страницы — типичные ошибки.
Внутренних ссылок на странице 3 оптимально.
Внутренние ссылки не запрещены к индексации в robots.txt.
Показать внутренние ссылки
| Url | Анкор | Состояние | Анализировать |
|---|---|---|---|
| / |
<svg class="gLogo_g"><use xlink:href="#gLogo_g"></use></svg><div class="gLogo_skinnerWrap"><svg class="gLogo_skinner"><use xlink:href="#gLogo_skinner"></use></svg></div>
|
|
Анализировать url |
| /tel:17806374720 |
+1 780 637 4720
|
|
|
| / |
<svg class="gLogo_g"><use xlink:href="#gLogo_g"></use></svg><div class="gLogo_skinnerWrap out"><svg class="gLogo_skinner"><use xlink:href="#gLogo_skinner"></use></svg></div>
|
|
Анализировать url |
Внешние ссылки
Кол-во: 1
Ссылки на сторонние сайты
?
Исходящие внешние ссылки передают часть ссылочного веса на чужие сайты. Ссылки на авторитетные ресурсы безопасны; ссылки на мусорные сайты могут навредить репутации страницы.
Внешних ссылок на странице 1 оптимально.
На странице присутствуют ссылки на субдомены 1.
Показать внешние ссылки
| Url | Анкор | Анализировать |
|---|---|---|
| twitter.com |
<svg class="footer_link_icon icon-twitter"><use xlink:href="#icon-twitter"></use></svg>@gskinner_team
|
Конкуренты Готовность: 0%
Конкуренты в Яндексе
Кол-во: 0
Топ сайтов-конкурентов в Яндексе
?
Сайты, чаще всего появляющиеся в ТОПе Яндекса по запросам из семантического ядра этой страницы.
Мы не нашли у вас конкурентов в Яндексе. Сайт или очень молодой или плохо продвигается.
Конкурентов в ТОП-10 Яндекса не нашлось.
Конкуренты в Google
Кол-во: 0
Топ сайтов-конкурентов в Google
?
Сайты, чаще всего появляющиеся в ТОПе Google по запросам из семантического ядра этой страницы.
Конкуренты в Google тоже не найдены. Займитесь продвижением сайта!
Конкурентов в ТОП-10 Google не нашлось.
ЗоЗПП: права потребителей Готовность: 100%
Нарушения
Не выявлены
Признаков дистанционной продажи товаров (интернет-магазина) не обнаружено — требования ЗоЗПП о раскрытии информации продавца к сайту не применяются. Нарушений нет.
ФЗ-149: рекомендательные технологии Готовность: 100%
Нарушения
Не выявлены
Рекомендательные блоки («с этим покупают», «похожие товары» и т.п.) на сайте не обнаружены — требования ст. 10.7 ФЗ-149 к сайту не применяются. Нарушений нет.
ФЗ-38: реклама Готовность: 100%
Нарушения
Не выявлены
Рекламных тематик с обязательными оговорками (медицина, БАД, кредиты и займы, новостройки) на сайте не обнаружено. Нарушений нет.
ФЗ-436: защита детей Готовность: 100%
Нарушения
Не выявлены
Признаков информационной продукции (новости, видео, книги, игры, курсы) не обнаружено — обязательная возрастная маркировка по ФЗ-436 сайту не требуется. Нарушений нет.
Вердикт
Таким сайт gskinner.com видят поисковые системы. Процент оптимизации невысокий - 64%. Чтобы улучшить сайт и попасть в ТОП необходимо:
Исправьте ошибки в мета-тегах.
Исправьте ошибки оптимизации.
Поделитесь с друзьями: