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

Digital Marketing Services

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

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 public 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

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

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

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

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

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

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

Astoria Custom Homes, 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 public 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 & device 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

Boardwalk, Public Website - Home Page, Mobile and Tablet Views

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

Boardwalk, Public Website - Contractor Opportunities Contact Page, Mobile and Tablet Views

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

Boardwalk, Public 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

Parity Pioneers - Logo Design Process

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

Parity Pioneers - Completed Logo Design

Parity Pioneers, Logo & Visual Identity Design - Business Cards

Parity Pioneers - Business Cards

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

Parity Pioneers - Letterhead and Business Cards

Close

Stampede Dreamhome

Worked collaboratively with the 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

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

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

Stampede Dreamhome, 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

Kindness Magazine, Newsletter - Front Cover

Kindness Magazine, Newsletter Redesign - Magazine Inner Spread

Kindness Magazine, Newsletter - Inner Spread

Kindness Magazine, Newsletter Redesign - Magazine Main Spread

Kindness Magazine, Newsletter - Main Spread

Kindness Magazine, Newsletter Redesign - Magazine Page Numbering

Kindness Magazine, Newsletter - Page Numbering

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

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

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

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

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

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

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

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

Close

Shelter From the Storm

Worked collaboratively with stakeholders 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

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

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

Shelter From the Storm, CD Packaging - Booklet Front Cover

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

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

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

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

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

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

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

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

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

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

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

Shelter From the Storm, 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

The Mindset Strategist - Logo Design Process

The Mindset Strategist, Logo Design - Completed Logo Design

The Mindset Strategist - Completed Logo Design

Close

Flytrap

Website design with a focus on branding & event booking. Deliverables included visual design, optimization of metadata, website content optimization and WooCommerce set-up.

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

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

Close

Homes by Avi

Worked collaboratively with marketing and IT teams to redesign organization’s public 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 - Website Home Page, Tablet View

Homes by Avi, Website - Home Page, Tablet View

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

Homes by Avi, Website - Model Search Page, Tablet View

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

Homes by Avi, 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)

Links: Github

Team: One developer (me)

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

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

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

Lighthouse Labs, TinyApp - 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)

Links: Github

Team: One developer (me)

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

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

Lighthouse Labs, Tweeter - Compose Tweet, Mobile and Tablet Views

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

Lighthouse Labs, Tweeter - View Tweets, Mobile and Tablet Views

Close

Lighthouse Labs, Chatty App

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, React, Babel & WebSockets

Lighthouse Labs, Chatty App - Realtime Chat Application - Splash Screen, Mobile and Tablet Views Lighthouse Labs, Chatty App - Splash Screen, Mobile and Tablet Views
Lighthouse Labs, Chatty App - Realtime Chat Application - Chat Thread Screen, Mobile and Tablet Views Lighthouse Labs, Chatty App - Chat Thread Screen, 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 8.5″ by 11″ 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

Calgary Drop-In & Rehab Centre, Meal Sponsorship Program - 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

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

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

Lighthouse Labs, Chatty App - 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

Lighthouse Labs, Github Avatar Downloader - Desktop and Tablet Views

Close

Tanys Jewellery

Website development with a focus on branding and search engine optimization. Deliverables included visual design, WordPress configuration, WordPress child theme, WooCommerce set-up, responsive page templates, optimization of metadata, implementation of web analytics and website content optimization.

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

Timeline: Eight 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

Tanys Jewellery - Website Home Page, Mobile and Tablet Views

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

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

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

Tanys Jewellery - 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.