Close

A Little Information About Me

Profile

Hello my name is Raymond Spidla. I am a web designer and developer, with 10+ years of experience, living in Calgary Canada. I have an ability to balance design with technology which conveys brands consistently, enhances user experience and achieves business goals.

Background

In the summer of 2000 I had the opportunity to complete a Multimedia Design and Communication Diploma - there starting my love of design and digital media. I worked for the next few years doing new media design and desktop publishing.

In 2004 I decided to take a break from media to pursue other endeavours. An opportunity presented itself in 2007 which gave me the chance to get back into the industry. I started with a focus on web design and development; centering on web standards, usability and cross browser compatibility.

Flash forward to 2020. In these last 12+ years I have worked with artists, entrepreneurs, businesses and non-profit organizations solving problems through the power of design. Although the web has been my focus I have also provided branding, print design and digital marketing.


Interested In How Can I Help You

Web Services

  • Web Design & Development
  • Mobile Web Design & Development
  • Website Management & Maintenance

Marketing Services

  • Email Design & Development
  • Digital Ad Design & Development
  • Landing Page Design & Development
  • Search Engine Optimization

Branding Services

  • Logo & Visual Identity Design
  • Branding Style Guides
  • Stationary Design
  • Social Media Branding

The Details

Project Pricing

Projects are charged on a per-project fee, which is based on the value and experience I contribute. My services are supported by a demonstrable ROI, better user experience and the development of your business. This also ensures that you are never uninformed about pricing or additional costs.

Project Timelines

The time lines noted in this document are approximates. Actual time lines will depend on final project details, requests, addons and client response times. Project start dates depend on my availability. Please keep in mind that I’m typically booked out 3 weeks to a month in advance.

Project Revisions

Each step in the design process includes 2 rounds of revisions. Any additional services and revisions not included in the quoted original package are billed separately at an hourly rate.

A revision is defined as a change or variation to an initially presented or in-progress design concept, and is defined as typically a change of less than 1/4 of the design.

Deposits & Fees

A non-refundable deposit will be required prior to project initiation. This deposit reserves your time in my production schedule. Fees do not include printing/hosting costs or any third party services.

If you have any questions, contact me and and I can provide further details.

Close

Astoria Custom Homes

Worked collaboratively with stakeholders to upgrade the organization’s business website. Stage one of the project included updating the website design to improve the user's web experience and search engine optimization. Stage two included the development of a new website section with product search and filter functionality.

Role: User Interface Design, Web Development & Search Engine Optimization

Timeline: Three months (2016)

Team: One designer/developer (me)

Tools: Adobe CC, HTML/CSS, Sass, JavaScript, PHP & WordPress CMS

Astoria Custom Homes, WordPress Website Redesign - Home Page, Mobile and Tablet Views

Business Website - Home Page, Mobile and Tablet Views

Astoria Custom Homes, WordPress Website Redesign - Gallery Page, Mobile and Tablet Views

Business Website - Gallery Page, Mobile and Tablet Views

Astoria Custom Homes, WordPress Website Redesign - Model Search Page, Mobile and Tablet Views

Business Website - Model Search Page, Mobile and Tablet Views

Astoria Custom Homes, WordPress Website Redesign - Model Details Page, Mobile and Tablet Views

Business Website - Model Details Page, Mobile and Tablet Views

Close

Boardwalk Rental Properties

Worked collaboratively with stakeholders, marketing and public web teams to redesign organization’s business website, “bwalk.com”, from a fixed width layout to a responsive layout. Deliverables included design of multi-lingual user interface, development of responsive page templates, onpage optimization and testing of browser compatibility.

Role: User Interface Design & Front-end Web Development

Timeline: One Year (2014)

Team: One back-end developer and one designer/front-end developer (me)

Tools: Adobe CC, HTML/CSS, LESS, JavaScript, jQuery & Foundation

Boardwalk Rental Properties, Responsive Website Design - Home Page, Mobile and Tablet Views

Business Website - Home Page, Mobile and Tablet Views

Boardwalk Rental Properties, Responsive Website Design - Contractor Opportunities Contact Page, Mobile and Tablet Views

Business Website - Contractor Opportunities Contact Page, Mobile and Tablet Views

Boardwalk Rental Properties, Responsive Website Design - Executive Team Contact Page, Mobile and Tablet Views

Business Website - Executive Team Contact Page, Mobile and Tablet Views

Close

Parity Pioneers

Worked independantly to design logo and visual identity. The logo visualizes balance and highlights the brand's core values of growth, reputation & wisdom. Deliverables included logo variations, brand guidelines, letterhead, business cards, email signatures and social media banners.

Role: Branding & Graphic Design

Timeline: Four weeks (2016)

Team: One designer (me)

Tools: Adobe CC & HTML/CSS

Parity Pioneers, Logo & Visual Identity Design - Logo Design Process

Visual Identity - Logo Design Process

Parity Pioneers, Logo & Visual Identity Design - Completed Logo Design

Visual Identity - Completed Logo Design

Parity Pioneers, Logo & Visual Identity Design - Business Cards

Visual Identity - Business Cards

Parity Pioneers, Logo & Visual Identity Design - Letterhead and Business Cards

Visual Identity - Letterhead and Business Cards

Close

Stampede Dreamhome

Worked collaboratively with the Homes by Avi marketing team to design the “Stampede Dreamhome” brochure website. Deliverables included design of user interface, development of responsive page templates and managed content updates.

Role: User Interface Design & Front-end Web Development

Timeline: Six weeks (2012)

Team: One designer & one front-end developer (me)

Tools: Adobe CC, HTML/CSS, JavaScript & jQuery

Stampede Dreamhome, Responsive Website Design - Home Page, Mobile and Tablet Views

Responsive Website - Home Page, Mobile and Tablet Views

Stampede Dreamhome, Responsive Website Design - Experience the Build Page, Mobile and Tablet Views

Responsive Website - Experience the Build Page, Mobile and Tablet Views

Close

Calgary Drop-In and Rehab Centre

Worked collaboratively with stakeholders and the marketing team to redesign the non-profit’s quarterly newsletter and raise awareness of new “Kindness” brand. Stage one of the project included the rebranding the document with a new visual design and production of a 20 page press-ready newsletter. Stage two included the research, design and development of a 40+ page magazine website.

Role: Art Direction, Graphic Design, User Interface Design & Web Development

Timeline: Six weeks (2015)

Team: One designer/developer (me)

Tools: Adobe CC, HTML/CSS, LESS, JavaScript & Bootstrap

Kindness Magazine, Newsletter Redesign - Magazine Cover

Magazine - Front Cover

Kindness Magazine, Newsletter Redesign - Magazine Inner Spread

Magazine - Inner Spread

Kindness Magazine, Newsletter Redesign - Magazine Main Spread

Magazine - Main Spread

Kindness Magazine, Newsletter Redesign - Magazine Page Numbering

Magazine - Page Numbering

Kindness Magazine, Magazine Website Design - Magazine with Home Page, Mobile and Tablet Views

Magazine & Magazine Website - Front Cover with Home Page, Mobile and Tablet Views

Kindness Magazine, Magazine Website Design - Table of Contents Page, Mobile and Tablet Views

Magazine Website - Table of Contents Page, Mobile and Tablet Views

Kindness Magazine, Magazine Website Design - Article Page, Mobile and Tablet Views

Magazine Website - Article Page, Mobile and Tablet Views

Kindness Magazine, Magazine Website Design - Article Page, Mobile and Tablet Views

Magazine Website - Article Page, Mobile and Tablet Views

Close

Shelter From the Storm

Worked collaboratively with stakeholders from the Calgary Drop-In and Rehab Centre to design website and CD packaging for a new music therapy program. Stage one of the project included the design and development of a 5 page brochure website. Stage two included the design of CD packaging for the inaugural performance.

Role: Art Direction, Graphic Design & Web Development

Timeline: Two weeks (2015)

Team: One designer/developer (me)

Tools: Adobe CC, HTML/CSS, LESS, JavaScript, PHP & WordPress CMS

Shelter From the Storm, WordPress Website Design - Home Page, Mobile and Tablet Views

Brochure Website - Home Page, Mobile and Tablet Views

Shelter From the Storm, CD Packaging Design - CD Case, Booklet Front Cover and Tray Card

CD Packaging - Booklet Front Cover

Shelter From the Storm, CD Packaging Design - CD Case, Booklet Front Cover and Tray Card

CD Packaging - Booklet Front Cover and Tray Card

Shelter From the Storm, CD Packaging Design - CD Booklet, Inner Spread Pages 2/3

CD Packaging - Booklet Inner Spread Pages 2/3

Shelter From the Storm, CD Packaging Design - CD Booklet, Inner Spread Pages 6/7

CD Packaging - Booklet Inner Spread Pages 6/7

Shelter From the Storm, CD Packaging Design - CD Booklet, Inner Spread Pages 12/13

CD Packaging - Booklet Inner Spread Pages 12/13

Shelter From the Storm, CD Packaging Design - CD Booklet, Inner Spread Pages 14/15

CD Packaging - Booklet Inner Spread Pages 14/15

Shelter From the Storm, CD Packaging Design - CD Case, Booklet Back Cover

CD Packaging - Booklet Back Cover

Close

The Mindset Strategist

Worked independantly to design logo. The logo visualizes creativity and highlights the brand's core values of trust, compassion & reliability. Deliverables included logo variations and brand guidelines.

Role: Branding & Graphic Design

Timeline: Two weeks (2016)

Team: One designer (me)

Tools: Adobe CC (Illustrator & Photoshop)

The Mindset Strategist, Logo Design - Logo Design Process

Logo Design Process

The Mindset Strategist, Logo Design - Completed Logo Design

Completed Logo Design

Close

Flytrap

Worked collaboratively with artist to redesign personal website. Stage one of the project included updating the website design with a focus on branding and typography. Stage two included implementing an e-commerce solution and event booking functionality.

Role: User Interface Design & Front-end Web Development

Timeline: Four weeks (2014)

Team: One designer/developer (me)

Tools: Adobe CC, HTML/CSS, JavaScript, PHP & WordPress CMS

The Fly, WordPress Website Design - Home Page, Mobile and Tablet Views

Personal Website - Home Page, Mobile and Tablet Views

Close

Homes by Avi

Worked collaboratively with marketing and IT teams to assist organization’s business website, “homesbyavi.com”. Deliverables included production of user interface assets, development of page templates and client documentation.

Role: Front-end Web Development

Timeline: Six months (2013)

Team: One designer, one back-end developer & one front-end developer (me)

Tools: Adobe CC, HTML/CSS, JavaScript, jQuery & Sitefinity CMS

Homes by Avi, Front-End Web Development - Business Website Home Page, Tablet View

Business Website - Home Page, Tablet View

Homes by Avi, Front-End Web Development - Business Website Model Search Page, Tablet View

Business Website - Model Search Page, Tablet View

Homes by Avi, Front-End Web Development - Business Website Model Details Page, Tablet View

Business Website - Model Details Page, Tablet View

Close

Lighthouse Labs, TinyApp

Development of a full stack web app that lets users shorten URLs (à la bit.ly). Built with HTML, CSS, & JS on client-side and Node & Express on server-side.

Role: Student - Full-stack Development

Timeline: One week (2019)

Team: One developer (me)

Lighthouse Labs, TinyApp - Web App Register Page, Mobile and Tablet Views

Full-Stack Web Application - Register Page, Mobile and Tablet Views

Lighthouse Labs, TinyApp - Web App URLS Page, Mobile and Tablet Views

Full-Stack Web Application - Shortened URLs Page, Mobile and Tablet Views

Close

Hearth and Homes

Landing page design and development with a focus on promoting service packages. Deliverables included visual design, WooCommerce set-up and One Page Checkout integration.

Role: UI Design & Front-end Web Development

Timeline: One week (2016)

Team: One designer/developer (me)

HH Project Image 01 - Landing Page Design - Landing Page, Mobile and Tablet Views

Landing Page, Mobile and Tablet Views

HH Project Image 02 - Landing Page Design - Pricing Cards - Landing Page, Mobile and Tablet Views

Pricing Tables - Landing Page, Mobile and Tablet Views

Close

Lighthouse Labs, Tweeter

Development of a simplified single-page Twitter clone. Built with HTML, CSS, JS, jQuery & AJAX on client-side, and Node, Express & MongoDB on server-side.

Role: Full-stack Web Development

Timeline: One week (2019)

Team: One developer (me)

Tools: HTML/CSS, Sass, JavaScript, jQuery, Node, Express & MongoDB

Lighthouse Labs, Tweeter - Register Page, Mobile and Tablet Views

Single Page Application - Compose Tweet, Mobile and Tablet Views

Lighthouse Labs, Tweeter - URLS Page, Mobile and Tablet Views

Single Page Application - View Tweets, Mobile and Tablet Views

Close

Calgary Drop-In & Rehab Centre

Worked collaboratively with the marketing team to design advertisement for the non-profit organization’s meal sponsorship program. Deliverables included letter and tabloid size print-ready versions of the advertisement.

Role: Graphic Design

Timeline: One week (2015)

Team: One designer (me)

Tools: Adobe CC (InDesign & Photoshop)

Calgary Drop-In & Rehab Centre, Meal Sponsorship Program - Advertisment Design - Completed Advertisment Design

Completed Advertisment Design

Close

Lighthouse Labs, Chatty App

Development of a responsive realtime chat application. Built with HTML, CSS, JavaScript & React on client-side, and utilizing WebSockets on server-side.

Role: Full-stack Web Development

Timeline: One week (2019)

Team: One developer (me)

Tools: HTML/CSS, Sass, JavaScript, React, Babel & WebSockets

Lighthouse Labs, Chatty App - Realtime Cat Application - Splash Screen, Mobile and Tablet Views

Realtime Chat Application - Splash Screen, Mobile and Tablet Views

Lighthouse Labs, Chatty App - Realtime Cat Application - Chat Thread Screen, Mobile and Tablet Views

Realtime Chat Application - Chat Thread Screen, Mobile and Tablet Views

Close

Lighthouse Labs, Github Avatar Downloader

Development of a command line Node app that uses HTTP to retrieve content from GitHub using their API and writes content to disk. Built using JavaScript and Node on server-side.

Role: Full-stack Web Development

Timeline: One day (2019)

Team: One developer (me)

Tools: Github API, JavaScript & Node.js

Lighthouse Labs, Github Avatar Downloader - CLI Application - Desktop and Tablet Views

CLI Application - Desktop and Tablet Views

Close

Tanys Jewellery

Worked collaboratively with stakeholders to redesign organization’s business website. Stage one of the project included updating the website design to improve the user's web experience and search engine optimization. Stage two included implementing an e-commerce solution with a new product database.

Role: User Interface Design, Web Development & Search Engine Optimization

Timeline: Six weeks (2018)

Team: One designer/developer (me)

Tools: Adobe CC, HTML/CSS, Sass, JavaScript, PHP, WordPress CMS & WooCommerce

Tanys Jewellery, E-Commerce Website Design - Website Home Page, Mobile and Tablet Views

E-Commerce Website - Home Page, Mobile and Tablet Views

Tanys Jewellery, E-Commerce Website Design - Website Product Category Page, Mobile and Tablet Views

E-Commerce Website - Product Category Page, Mobile and Tablet Views

Tanys Jewellery, E-Commerce Website Design - Website Store Locations Page, Tablet and Laptop Views

E-Commerce Website - Store Locations Page, Tablet and Laptop Views

Close

Message Me and Let's Get Started

Please use the form below to contact me with requests. All inquiries will be returned within two business days. Requests can also be forwarded to info@raymondspidla.ca.