This website is a relaunch of Schouvi’s stylist business website, “Schouvi Style”. This simple, one-page site utilizes a creative photo gallery theme that highlights her rich, vibrant photography. The project is done in Sinatra a small and flexible open source framework written in Ruby which enabled her site to make API calls to her business’s Instagram feed so that virtually all content is dynamically generated using Schouvi’s most current work.
- Completed on: September 24, 2018
- Technology: Sinatra
- Client: Schouvi Stylist
Project Discovery and Planning:
Schouvi had a strong Instagram presence but no website prior to this so we began by discussing the style and personality she wanted to convey to potential clients. We also did an informal discovery process to identify the type of content and general organization she wanted to present.
We explored a variety of website content types and layouts and quickly realized that because her services are so uniquely tailored to each client, it didn’t make sense to post services and pricing in a static format on her site. Instead, we decided to let her work speak for itself and direct clients to contact her for further information. Since she was already using Instagram heavily to share images of her work, it was an obvious choice to create an Instagram photo gallery.
Once we had identified the best strategy for presenting her content, I created a mock-up of the site design and a short video highlighting features and functionality.
Because, as a stylist, she spends a lot of time with clients, we decided early on that content updates for her site needed to be fast, easy, and mobile-capable. Since she was already using Instagram heavily to share images of her work, it was an obvious choice to create an Instagram photo gallery.
Dynamic Instagram Gallery
A key feature of this integration is the filters displayed to the left in desktop views and at the top right in mobile views. These filters can be clicked to display only images matching that filter criteria.
The filters themselves are dynamically generated using key hashtags from the images themselves such as “short cuts”, “color repair”, and “full color”. This ensures that the filters in use will always have at least one current photo to display.