Freelance web design, development & strategy from London (UK) and Lisbon (Portugal) by Dino Koutrouzas.
I work with brands, businesses and individuals to create websites that serve a real world function.
I want to hear from you.
To discuss ideas, projects and processes, please contact me using the form below or send me an email: firstname.lastname@example.org
The complete overhaul and re-redesign of the Wild Love Beamer website was approached with the goal of creating a more visual experience, bringing focus to new products and services, expanding the blog, and importantly ensuring responsiveness on mobile and tablet devices.
The main design theme was centred on lightness & clarity, using full screen images and text on all the main pages depicting the kind of niche activities and teaching the company has to offer.
Wild Love Beamer host and provide teachers for interactive yoga experiences worldwide, such as retreats, trainings and holidays as well as workshops, events, private yoga and therapies.
With a rich variety of different styles of yoga and therapy on offer, it was important to showcase the different practices in a way that was also clear and engaging. Toggles were used to open up detail about each practice when clicking on the plus sign. This enabled the organisation of all practices together on one page, giving the customer a wide overview on what's on offer, with images used to provide visual representation of each practice.
As a yoga agency, the booking proccess is major part the business, and the booking form plays an integral role in the website. Not only does the detail of the form inspire confidence in the customer, by enabling them to choose their own dates, duration and a personal mesage, it saves time on the agency side by collecting all the important information in advance.
Holidays are a new direction of the company so were given full and equal attention with their own dedicated section of the website, where the upcoming holiday schedule is listed.
Each holiday has it's own event page, with a holiday description, interactive Google Map and key details & venue information in the right hand sidebar.
Maintaining brand values while launching a unique yoga agency that could rival it's competitors in appeal and simplicity. We approached this challenge by giving each practice or therapy on offer it's own imagery and colourful descriptions, and making booking easy and straightforward by automating the process via the use of a detailed booking form, while applying the core values of connection, trust & playfulness throughout the entire site.
codemake.io is a membership site where entrepreneurs can meet web developers, built with Ruby on Rails and Material Design.
The Big Calm are a unique company offering alternative holistic holidays on the beautiful Greek island of Kefalonia. They needed a re-design of ther website to attract customers, along with instant payment solutions for their package holidays.
Esther Emanuel is an Emotional & Psychological Therapist and Workshop leader based in London. Esther required a new website with a modern look and feel that showcased her therapy services, events, and a home for her affirmations & meditations.
Copyright Rescue International were an international royalty collection agency that have since merged with one of their competitors, Performance Rights Limited. A sleek modern website and brand image with logo was created for CRI to present their service to clients in a clear and informative way, and encourage registrations from performers and artists.
Anita Klein Design is an established London Architectural, Interior & Garden Design-Build company, with a focus on custom designed spaces, bespoke products and finishes. A design centered business, we provided the latest technology and web user experience practices, while they took a leading role in the design of their website that reflected their unique brand.
Kierand Edmonds is a Professional Dancer, Acrobat and World Travelling Life Coach. With an array of testimonials and coaching experience already, Kieran wanted a simple, bright, clear and focused website to reach more potential clients.
Created to showcase the 2015 UpSideDown holiday in a clear, stylish and informative way, using elements such as landscape photographs, image galleries, maps and graphics. The main goal was to entice sign-ups with clear placement of payment buttons, while providing complete information about the contents of the holiday in a fun one-page style that reflects the approach of the yoga teachers.
The UpSideDown brand was just one year old at the time the website was launched, so pictures from the previous holiday were presented in a clickable gallery.
Being able to use actual pictures from a previous holiday, including some taken by attendees themselves, was a huge plus in being able to showcase what guests were likely to expect, and for capturing the overall feeling of the holiday as a whole.
Since the draw of the holiday wasn't only the activities, but the location as well, a section of the page was dedicated to both the local area, and the hosting retreat centre itself. An interactive Google map was used to give guests a sense of which part of the world they were in geographically, while a text description & gallery gave a visual and conceptual idea of the natural beauty they could look forward to during the trip.
The booking section of the website was designed to offer three different price tiers, rewarding those who booked early with the best deal possible. Bookings were directed through a connected Eventbrite event which enabled the organisers to receive a deposit as guests confirmed their place.
A contact form was also placed directly beneath the booking section allowing guests to enquire before deciding to join, creating an easy way to establish a connection between organiser & attendee.
Selling yoga. From a yoga perspective, marketing can often be seen as pushy and manipulative, which is perhaps the antithesis of the yoga practice. The key to avoiding overselling on the website was to use light, soft and playful language and being mindful of certain marketing techniques that are known to annoy. The nature of the website must always to be to promote something of value, using language that appeals to the reader's integirty. Booking links and buttons were also positioned clearly, but without intruding on or interuppting the customer's experience.
Founder of URUBU School of Transformational Arts, Seth Newman organises and facilitates a variety of unique dance, meditation & bodywork groups and events in and around London as well leading the UK's first Ecstatic Dance Band - The URUBU Collective. With the goal to further expand the company to introduce international teacher trainings and retreats for his practice systems, we focused on bringing everything together and creating organised centralized hub of events, media and written material to inform and inspire.
Danni Nicholls is a talented singer-songwriter whose official website demanded quality to match that of her music. The tumblr based site acts as an attractive central hub for all recent news, upcoming live events while showcasing her musical work.
The main visual anchor of the website is the header banner (graphics by Katie Hobson) and used to bring focus to Danni's latest album, single or live show. The bottom right of the banner is also home to clickable social media icons which link through to each respective page or profile.
The front page of the website features a news section that utilizes the tumblr blogging platform, enabling different types of post, such as image, video, link & quotes that Danni can easily update herself. Having the news section on the first page of the website means attention can be drawn to the latest and most relevant information.
Visuals are an important part of the modern web experience. Galleries of images are displayed on the photos page as a collage and contained within special post types, with the pictures chosen & updated by Danni herself.
The left hand side bar featured on every page, is an intrinsic part of the structure and layout of the website, and is home to an array of useful and engaging content, such as a short description, highlighting the latest product, twitter feed, facebook 'Like' button as well as a newsletter sign-up form.
The main challenge on this project was working within the Tumblr platform. This meant purchasing a premium theme as the foundation of the site, which was limited in it's scope and adaptability. The benefit of this was that the theme was so well designed, it was easily adapted to make a highly functional and attractive website, as long as it's limitations were accepted, and the content and graphics chosen were of the highest quality.
Notting Hill Music required a crisp, new mobile responsive website to display their latest news, as well as music and video content, that they could easily updste themselves from the office. A clean and minimal style was chosen to reflect the integrity of long-standing indepdent music publisher.
Each news post on the front page is clickable and has it's own shareable link. News posts are organised into categories which are then used to suggest related posts which share the same category. Social sharing, latest news and a search function area all enabled on each individual post page.
The about us section of the website was designed to be clean and informative, with key contact information in the sidebar, and staff profile beneath the short company description.
The press clippings section is home to all media activity about the company itself, and automatically takes select news items with the 'Press Clippings' tag, and displays them in reverse chronological order.
A widgetized media player was added to the sidebar of the licensing/sync page to showcase music available for licensing. The same media player widget is used on other pages of the website to display a 'Song of the Week'.
Having worked within the company itself for several years I understood what the demands were for the website and how they had not been met on a previous design by another company. The previous website did however introduce useful and dynamic new features, so the main challenge was maintaining and expanding on this much needed functionality, while elevating the design to a higher quality that the company deserved. A minimalistic and white theme was chosen to convey the sophistication and stature of the brand, while using various carefully chosen Wordpress tools to meet it's functional needs.
The 23rd Precinct Music Publishing website was made to give the company a platform to communicate online, outside of social media, in a bright and creative style that was extrapolated from their existing branding.
23rd had been operating without a website for quite some time, but in the changing scene of the music industry, with more customers, clients and competitors operating online, they decided it was time to create their own unique digital home.
The homepage was used to bring focus to the various offerings of the Glasgow based music publisher, with a three column grid, bright yellow buttons, and a call-to-action at the bottom of the page.
An image of the actual business office was used in the top banner to add personality to the site and convey a human touch.
Synchronisation & Licensing is an important part of a modern music publishing, so this page had to act as both an invitation to prospective licensees to get in touch.
The page uses famous brand logos to showcase the stature of licenses made in the past as an example to potential songwriters looking to sign, and a call-out at the bottom asks prospective licensees to contact the company about potential sync opportunities.
The writers page showcases the company's rich roster of songwriters and producers. Each writer has a fully customisable profile picture, listen link, and list of credits that can be updated from the office. Circluar image styles were chosen to unify each writer's profile picture.
The news page has dynamic excerpts from the latest news items, and can be updated from any computer or mobile device. Starting out with three news items, each have also have their own unique single news page, and the number of news stories on the news page can be expanded to include more when neccessary.
Beneath the news items are navigation options to other key areas of the site, so that anyone on the news page can be directed toward what the company has to offer.
The main challenge in launching this website was bringing focus to what were a number of different company goals. This was discussed in depth with the client and the layout was designed and adapted to reflect the services and information that were most relevant to 23rd's current goals, headings that stand out and text that is concise and informative.