Be-spoke.io

30 September ● 2 mins read ● 5 images


A new online presence for Tokyo-based startup Bespoke, maker of the Bebot chatbot technology currently helping tourists in Narita Airport, Tokyo Station and in cities, stations, airports, hotels and hostels all throughout Japan, as it strengthens its brand and continues to expand nationally and globally.

The site is of course designed mobile-first, boasting excellent mobile compatibility and thoroughly tested across a wide range of devices, since the diverse user base making use of a wide range of mostly mobile devices to consume the content. The site also features inline calls-to-action in embedded and pop-over demo request forms, as well as interactive elements such as swipe testimonial and article cards and toggle accordions and the like.



The project was a great fit for me as it required a lot of bespoke (excuse the pun) illustration, which is something I really enjoy doing, plus the fact that it’s built on my favourite platform of choice, Jekyll. What really proved challenging on this one though is the multilingual aspect. The site is available in six (count ‘em) languages, three of them using East Asian character sets, so to optimise the display of text and to maintain the integrity of the layout was a big task. Also, the myriad translation string files which were being iterated upon by staff had to be checked and cross-referenced against what was on the development server to make sure all was perfect before launch.



As mentioned above, the amount of custom artwork for this project was fairly sizable with header illustrations required for each page in the home, products and solutions sections, as well as other icons and graphical devices required in the bodies of the pages themselves. As a part of making the site look great on mobile, I actually built the graphical representations of chat snippets in HTML and CSS so I could better control their appearance on smaller screens.



So altogether a very positive experience on this one, with the wonderful staff at Bespoke playing a massive part in the smooth lifecycle and launch of the project, with great input from their marketing team in content forming and copywriting which were all second-to-none. Oh, and typeface is Circular Standard by Laurenz Brunner released through Lineto – you may recognise it from Spotify who also use it throughout their marketing and branding.



Need a beautiful, mobile-friendly, multilingual website for your own company or venture? Don’t hesitate to get in touch.

Really nice work, Stephen! I remember listening to the Dirsupting Japan podcast about this company a while ago (https://www.disruptingjapan.com/silicon-valley-has-chatbots-all-wrong-heres-how-they-really-make-money/) and thinking it's a very cool approach.

And thanks for making great use of the pro editor features!!! 😄👌

Stephen Smith - Web / Mobile Designer in Tokyo, Japan Stephen Smith Web / Mobile Designer 2 October 12:22

Thanks Mark! Yes, it seems they've moved on from then also, having entered US and now Europe with a first base in London. Seems their business model is evolving also as they are going to be pushing the customer insights aspect of the product more now. It could be quite big I think!

Nice work. Looks like it was a huge project!

You can log in to post a comment.

About Stephen

Stephen Smith

I'm a web / mobile designer in Tokyo, Japan

My name's Stephen Smith and I'm a Graphic, Web and Information Designer based in Tokyo. I specialise in web/app design, HTML, CSS & code

See full profile

Welcome to Canvas Tokyo

Canvas is an online network for Tokyo's creative community. It's a place for professional and amateur creatives to show their skills, make new connections and find work.

Sign up to Canvas