Boulder Events CalendarPrototype

Here’s the working prototype, built on the direction from the mood board review. It runs on the BCAA calendar feed. The cards are all upcoming listings from the Boulder County area. Try it below or open it in its own window, and we’ll go through it together on the call.

Prototype v2

The page is a custom presentation of events from the BCAA calendar. The window below previews the mobile phone view. The link below opens the prototype in its own window, at desktop size. Light and dark follow your device settings.

bouldercalendar.studioparkside.co

Parked

Ideas from our conversations that sit outside the scope of this project. They’re listed here so we don’t lose them. Once the prototype settles, tell me which ones you want to build out and I’ll put a proposal together.

01
Device-specific layouts. The prototype is one responsive layout that adapts to the screen. Purpose-built tablet and desktop layouts are their own pass.
02
Save events and build an itinerary. Bookmarking, a saved list, exporting to a personal calendar.
03
Maps and directions. Handing off to Google Maps from a card. Depends on clean venue addresses in the feed.
04
Search, filter, and sort. Narrowing by category, town, date range, or price.
05
New information on the cards. Details that aren’t already coded into the BCAA submission form or the calendar API.
06
Event submission form. Submitting from this page instead of linking to BCAA.
07
Additional pages. Individual event pages and other supporting pages on the site, added after this project closes.

Project sequence

01
Kickoff
Scope confirmed, feed verified, schedule set.
COMPLETED
02
Mood board
Name, layout, visual style, color, typography, and card content.
COMPLETED
03
Prototype page
A working page running on the BCAA calendar feed. We go through it together. One round of edits to the mobile view is included in the project scope of work.
COMPLETED
04
Final assets
The finished page and its source code, handed off to you to deploy anywhere.
DOWNLOAD SOURCE CODE ↗