Nicholas Westby: Polymath Programmer
  • About
  • Contact
Nicholas Westby: Polymath Programmer
  • About/
  • Contact/
celestron-home.png
Nicholas Westby: Polymath Programmer

If you can dream it, I can build it.

Celestron

Nicholas Westby: Polymath Programmer
  • About/
  • Contact/

I built Celestron.com entirely in ASP.NET MVC in the Umbraco CMS using C# razor syntax. To speed up load times, all pages use MVC donut caching. I opted to use donut caching rather than the built-in output caching, because some elements of the page are dynamic on a per-user basis (e.g., the shopping cart indicates the number of items in the cart). Chris Guadarrama came up with the awesome design for the 500 error page you see below. Some interesting aspects I built for site include:

  • Several hundred products are available for purchase. I built this e-commerce capability from scratch and integrated with the Shopatron API for the order fulfillment and payment processing.
  • The telescope finder uses a questionnaire to guide users to the right telescope for them.
  • The dealer locator makes use of a web service I built that returns dealers near a location.
  • Aside from responsive layouts, the site also has responsive behaviors. For example, clicking "Show More" on a mobile device will show a few more items, but the same button on a desktop will show all remaining items.
  • All menus are fully editable in the CMS. Even sub-items in the products menu that can link to the telescope finder, which is itself an editable item in the products menu.
  • Images are automatically resized on the server to reduce image size and to resize them appropriately for responsive views.
  • Built a product search into the backend so editors can jump effortlessly between products for a quick and seamless editing experience.
  • Setup a reverse proxy so legacy components (e.g., the knowledge base) can exist on another server, but be served as part of the main site.
Celestron 500 Error Page

Celestron 500 Error Page

This is the page that displays when there is a 500 error.

Celestron Category Page

Celestron Category Page

This category page splits telescopes into levels (beginner, intermediate, advanced). Each of the levels are editable in the CMS (e.g., in case the client would like to change "beginner" to "novice").

Celestron Main Navigation

Celestron Main Navigation

The main navigation is fully editable in the CMS and gives users access to all high-level pages in the site.

Celestron Homepage

Celestron Homepage

Every element on the homepage is editable in the CMS.

Celestron Overlay

Celestron Overlay

The overlays make use of AJAX forms to improve user interactions.

Celestron Product Page

Celestron Product Page

Every aspect of the product pages is editable in the CMS, and the page readjusts automatically to what content is available.

Celestron Shopping Cart

Celestron Shopping Cart

The shopping cart stores the user's selections until they are ready to checkout, at which point they finish the process using Shopatron.

Celestron Support Page

Celestron Support Page

This page makes use of a gallery of large icons to represent pages. Each icon can be selected in the CMS.

1 2 3 4 5 6 7 8
Previous Next
Celestron 500 Error Page
Celestron Category Page
Celestron Main Navigation
Celestron Homepage
Celestron Overlay
Celestron Product Page
Celestron Shopping Cart
Celestron Support Page

© 2018 Nicholas Westby