Ruehl Design

Story Corner

A Crossover of Two Creative Paths

What started as an exploration of the Bootstrap library demonstrating a user-friendly, visually consistent website effectively showcasing my ability to build a complete website using its components, utilities, and grid system in a seamless experience became Story Corner—a website to share my past and current library of written work (essays, short stories, WIPs, etc.) for people to explore and discover

Goals and Process

I created wireframes in Figma outlining the site’s core functions before turning them into high-fidelity mockups utilizing a desired color palette and typographical scheme. Its scheme would be based on books and scripts, which my written work could be identified as when provided in a physical form factor. The site also used a straightforward aesthetic to avoid overcomplicating its interface, later lightening some colors for better legibility.

StoryCorner_About-Wireframe
StoryCorner_Category-Wireframe
StoryCorner_About-Wireframe
StoryCorner_About-Prototype
StoryCorner_Detail-Prototype
StoryCorner_404-Prototype

The Results

In the end, the website became a companion piece to my design portfolio in illustrating my strengths as a creative. The site is concise and poignant, doing exactly what it needs to without making the user experience too extensive or difficult to read. Its black-and-white aesthetic allows for clear and concise contrast between elements, making hover effects on text boxes incredibly eye-catching.

My pre-existing limitations in experience and expertise in creating such an expansive and high-fidelity website forced me to problem-solve and create something that functions effectively, which is fundamental to the creative and design process and knowing where your areas of improvement lie before, during, and after it.