Сайт для Golden Suisse

Главное о кейсе

Несмотря на сложность в коммуникации, обусловленную языковым барьером, мы легко интегрировались в in-house команду заказчика и успешно выполняли задачи, находящиеся в нашей зоне ответственности.

Мобильные пользователи – ядро аудитории сайта, поэтому особое внимание уделялось не только удобству интерфейса мобильной версии сайта, но и скорости ее загрузки. Много часов мы потратили именно на оптимизацию работы скриптов, сжатие, кэширование. Благодаря этому добились быстрой работы сайта (70 баллов для мобильной версии и 90 баллов для десктоп-версии по данным PageSpeed Insights).

Проект был отмечен вниманием коллег и профессионального сообщества, получив ряд престижных наград: лучший пользовательский интерфейс Behance, включение в галерею лучших работ профессионального сообщества AIGA. Завоевали Honorable Mentoin от Awwwards: Site of the Day, Honorable Mention, Developer Site, Mobile Excellence.

*********************************

Despite the difficult communication due to language barrier, we easily integrated into the client’s in-house team and successfully completed in our responsibility tasks.

Mobile users are the core of the website`s audience, so special attention was not only on usability of the mobile version interface, but also on the its loading speed. We spent many hours on optimization scripts work, compressing and caching. Because of this, we achieved fast website operation (70 points for the mobile version and 90 points for the desktop-version, according by PageSpeed Insights)

The project was noted with the attention of colleagues and the professional community, having received a number of prestigious awards, such as: the best user interface Behance, inclusion in best works gallery of the professional community AIGA. Won 4 awards at once from Awwwards: Site of the Day, Honorable Mention, Developer Site, and Mobile Excellence.

Бизнес-задача и ее решение

Обновленный сайт должен:

- подчеркнуть премиальность продукта;
- предоставить исчерпывающую информацию о проекте;
- реализовать первичную поисковую оптимизацию сайта под Google;
- создать простую и понятную в использовании базу знаний о приложении;
- иметь гибкую систему администрирования контентом, пригодную для верстки не стандартных страниц без дополнительных знаний (конструктор страниц);
- иметь интеграцию с мобильным приложением и внутренними сервисами заказчика для размещения актуальной информации в режиме «одного окна»;
- кратно повысить показатели по скорости загрузки сайта в сравнении с предыдущей версией;

Вся структура сайта, формат представления информации и логика вложенности документов разрабатывалась нами с нуля. Заказчик не имел детального технического задания, а лишь общее представление о необходимом результате.

Отдельная сущность проекта – база знаний, к которой обращаются пользователи прямиком из мобильного приложения.

Главным требованием к ней являлась организация удобного поиска нужного материала и понятная структура страницы вне зависимости от содержащихся на ней элементов: просто текста, графики, пошаговой инструкции, видео или PDF-документов.

Мы организовали структуру посадочных страниц и административную часть сайта таким образом, чтобы загрузка контента происходила всегда с учетом выработанных правил по размерам блоков, их очередности и формату, но при этому сохраняла гибкость.

Frontend-разработка велась на базе фреймворка Vue js, который позволяет наиболее полно реализовать заложенные в проект анимации и плавные переходы между страницами. Также в рамках проекта мы использовали Nuxt js для оптимизации процесса разработки и упрощения внутренней архитектуры проекта.

Система управления сайтом разрабатывалась нами с нуля на PHP с использованием фреймворка Laravel. Это позволило нам уменьшить время разработки, применяя стандартные решения, и создать более гибкую систему взаимодействия между административной и клиентской частями сайта, заложив возможность дальнейшего масштабирования проекта.

Мы специально не использовали коробочную CMS, а самостоятельно комбинировали стек технологий и решений, необходимых для решения задач проекта. Такой подход позволяет избежать избыточности функционала, что часто является отличительной чертой коробочных решений, а также позволяет создавать индивидуальные решения, необходимые клиенту.

В рамках проекта мы реализовали интеграцию со сторонними и внутренними системами заказчика, работу которых обеспечивала другая команда: система личных кабинетов, e-mail рассылка, автоматическая актуализация прайс-листов.

*********************************

The updated site should:

- emphasize the premium quality of the product;
- provide comprehensive information about the project;
- implement the primary search engine optimization of the website for Google;
- create simple and easy-to-use knowledge base about the app;
- have flexible content management system, suitable for layout of non-standard pages without any extra knowledge ( the page constructor );
- have integration with the mobile app and internal customer services for posting actual information in the “one window” mode;
- to increase the speed rates of the website loading compared with the previous version;

The whole site structure, the format of information presentation and the logic of nesting documents was developed by us from scratch. The client didn`t have a detailed technical task, only a general idea about required result.

Another project essence is the - knowledge base, which users access directly from the mobile app.

The main requirement for it was the easy search organization for necessary material and a clear page structure regardless of the elements contained on it: text, graphics, step-by-step instructions, video or PDF-documents.

We organized the structure of the landing pages and the administrative part of the site in the way that the content loading is always happen with the developed rules for the blocks size, their order and format, but also remain flexibility.

Frontend-development was basing on Vue js framework, which provides an opportunity to full implementation of animations included in the project and smooth transitions between pages. We also used Nuxt js to optimize the development process and simplify the internal architecture of the project.

The control website system was developed by us from scratch in PHP using the Laravel framework. It allowed us to reduce the development time by applying standard solutions and create more flexible interaction system between the administrative and client website parts, included possibility of further project scaling.

We specifically didn’t use a boxed CMS, independently combining a stack of technologies and necessary solutions to solve the project’s tasks. This approach avoids the redundancy of functionality, which is usually a distinctive feature of boxed actions and also allows to create personal solutions, suitable for customer.

Within the project we implemented integration with third-party and internal client systems, which work was provided by another team: a personal account system, e-mail distribution, automatic price-lists updating.

Прочая информация о кейсе

Golden Suisse – многофункциональное мобильное приложение от одноименной швейцарской компании. Это единый центр, предоставляющий возможность безопасного приобретения, хранения или обмена золота и серебра. Всего в несколько кликов любой желающий может открыть банковский счет и начать осуществление операций.

Наша команда реализовала полную переупаковку проекта. Мы разработали новый логотип, фирменные элементы, гайдлайны, предложили новую версию сайта и обновили дизайн мобильного приложения.

*********************************

Golden Suisse – multidisciplinary mobile app by the same name Swiss company.
It is a single center that gives a safe opportunity to purchase, store or exchange gold and silver. In just few simple clicks, anyone can open a personal bank account and start transactions.

Our team implemented a full project repackaging. We developed a new logo, brand elements, guidelines. We offered a new version of the website and updated the design of the mobile application.

Скриншоты