Canyon Site Relaunch

Brightness, progress and simplicity.

Canyon is a dynamic worldwide brand that offers a wide range of multimedia appliances, mobile accessories, and computer peripherals designed for youth.

After successful launch of Canyon Gaming site UI Arts was chosen for a full main site relaunch.

 

Canyon has lots and lots of content that needs to be at place – drivers, user guides, products, categories, static pages, news… And all of these in 8 languages!

That was a pretty tricky request, as some of the data was adjusted specifically for old design – inline HTML, CSS was used directly in data fields.

So we started to think it over. And the solution appeared pretty fast – make a modular template. I.e. we do out best to make free-of-content-relation templates.

Flexibility of blocks, no direct dependency on what is used in the data field were our mottos at the development stage.

As for design, UI Arts was asked to create something fresh, eye catching, full of colour, and still simple.

After some research we ended up on modified flat design pattern. You can see large typography on the title sections. Single tone colour fills for background are combined with detailed product photos.

Nothing is small or hidden. Everything is apparent and clear.

It was not an easy job to combine style suitable for both young geeks and gamers and not so progressive product distributors.

Also we increased Google Page Speed rank from 39 points for mobile and 43 for PC to 77 points for mobile and 88 points for PC. It was not even in our tasks but UI Arts always give its customers bigger and better than something standart.

We hope all customers will enjoy our elaborated interface and UX for PC or mobile devices. And Canyon will get even bigger loyalty and new brand fans.

Boffin


Boffin is a Ukrainian startup in oil market data analytics.

UI Arts provided full-cycle development services from its very beginning.


Every data analytics project requires well-thought backend architecture. And what a startup doesn’t have constant changes and updates?

Hence we passed the way from simple analytic processing functions for data to complex reindexing, data importing and rendering algorithms.


Our main backend challenges lie within data caching and processing.

Database has loads of source data and customers apply variety of content and date filters on it. As a result we applied advanced database and query caching technologies along with indexing tables for pre-cached results.

Also we gained extensive RESTful API experience. Since UI Arts is developing React Native iOS app and had to create secured data-endpoints.


Pactum


Pactum is brand new Ukrainian law firm.

Since it provides top-notch European quality services for their clients Pactum needed to reflect this in their site.


UI Arts presented a concept of modern site in a flat design style.

Large text, headings, simple colors and intensive imagery use distinguish Pactum from typical Law firms. In a dynamic modern world being too traditional means being out-of-date. Pactum keeps best client service practices as one of a few traditions.


OneDollarClub


OneDollarClub is an eCommerce site where everyone can get cheap, fun and (sometimes) useful Chinese products.

Inspired by some of the competitors, OneDollarClub founders decided to make modern and fast eCommerce site.

Why not to pack it with the best marketing tools and use latest technologies on board?


One of our colleagues (Igor Usoltsev) joined the startup team as Frontend Engineer. In addition to standard HTML, CSS and JS routines he researched heavily and developed frontend architecture with project’s perfectly talented CTO.

Igor started with a LESS Bootstrap 3-based out of the box framework. It was almost a year of tons of tweaks and things written from scratch.


The main challenge for rising eCommerce startup is to get a traffic boost convertible to sales. And one of the main points is a fast-rendered error-free frontend.

Hence Igor pursued for organic SEO increase and followed latest Page Speed optimization trends and site got 95-97 points from Google’s PageSpeed Insights.

Also he relied on History API heavily for site navigation and product variations browsing without page reloading. Critical CSS method was used for layouts page loading speed boost. Srcset and WebP saved traffic on mobile devices.

Schema.org Microdata integrated layouts makes site indexing by Google faster, and search results look much more relevant that closest competitors’ ones.

Furthemore OneDollarClub was one of the first Ukrainian eCommerce sites that provided real AMP support – codes were written by official guides from scratch using Google native AMP components, not just wrapping piles of old codes in a modern wrapper.

As a result now startup is nicely supported across the full range of responsive devices (the stress was made to look perfect on Google mobile search), looks trendy and fancy and is enormously fast.


Artfinbrok


Artfinbrok is an online financial guarantee service.

UI Arts brought business owners’ concept alive. From prototyping to launch and technical maintenance.


At the beginning Artfinbrok was planned to be a simple corporate site.

But with time past the idea got bigger and the concept became personal financial service.


Functionality features online quote calculation and form submit; personal account with tracked quote statuses, documents etc.; online payment and payment history; PDF forms printing for all steps.

Also we have encountered an interesting task – to create API integration with online trading platform. Users can participate in tenders providing guarantee from Artfinbrok. And both site should share some sensitive customer information.

We have created encrypted API for Merchants providing guarantee and personal data details exchange.


LPG Car – company animatic commerical

Animatics has become something vital for startups.

Since we have experience here (check out portfolio – https://vimeo.com/180220106) UI Arts was chosen for a new demo video production for Ukrainian startup “LPG Car”.

LPG Car provides rankings and price data for LPG gas stations in Ukraine.

Also they have nitty apps and money saving tips and analytics.

Our mission was catch the viewer attention and tell him or her that LPG Car solves their everyday’s problems easily.

As a result we made a brand message clear, focused on its main features and told the story in a simple way.

Client used this video was on a landing page and pitching presentations for partners and investors.

Timelapse and corporate promo

UI Arts recently had a chance to depict construction of a OLX office by Lemon Construction.

Extremely professional management of our client company helped a lot to make this video look like you can see it now. They were full of ideas and provided assistance an every step.

Initially, the plan was just to make a timelapse of construction process for OLX office opening. OLX is a big international IT company that hired Lemon Construction to relocate company into a brand new office.

But with a time past and the more material we get the more ideas were coming up with this video. And, finally, we decided to make it full promo of a company.

You could not only see enormous work done by Lemon Construction on this project, but what a beatiful location is the new office building on Kyiv hills.

MyFuel animated video

MyFuel is a Ukrainian startup in the oil industry.

About a year ago we prepared this short animated explainer video.

The essence of it is to connect people to get cheaper fuel via group purchases directly from big gas suppliers.

 

UI Arts was so inspired working on this project as we had a full creative freedom here.

The video was made for both MyFuel’s landing page and pitching presentations for partners and investors.

As a result we got pleased client and positive feedback from the target audience. All the stakeholders admired simplicity and said video shaw the core features of the startup better than 10-minutes speech.

Twinbody Social App

Twinbody is a social platform to target, track and share diet experience with similar people.

Our responsibility was to create its UI design and put it into frontend codes.

It is a startup so Client was concerned that agency delivers smooth and consistent product.

We developed a styleguide where designer grouped all typical UI elements and typography guidelines.

Any developer in future can be aware of how app should like.

Index page is always challenging for a startup – new users should be attracted to sign up and try new product.

Main objective was to attract people interested in sports and dieting not in agressive way (using fitness models, pro athletes etc.).

We picked warm and calm branded colours and pure white for main UI elements.

Some of best practices were used to create simple yet functional news feed.

It is one of the main pages where people will get to know each other and share their news, achievements etc.

We managed to make it smooth and dynamic however go away from messy grids.

In the end client was totally happy with light colour scheme and modern responsive layout that minified time required to start at multiple platforms.

Innoware corporate website


Innoware provides consultancy and software development services to businesses across Europe.

Our responsibility was to put designs into functioning codes.


We used WordPress as a CMS for content edit and managing news section.

WordPress is a pretty common solution for corporate websites to provide easy access to all pages content control.


Potential customer can visit site from his or her office, while travelling or waiting for meal during a lunch time.

That’s why we implemented responsive design to cover all range of devices – from large desktops to tablets and phones.