Black Run UI Design for Running Website
As the UI Designer, I worked on the Black Run website, focused on creating a dynamic and user-friendly experience for running enthusiasts. I contributed to the sitemap, wireframes, style guide, and finalUI screens — all designed to ensure intuitive navigation, clear information hierarchy, and a bold, energetic visual identity.
Sitemap
I kicked things off by sketching out quick wireframes to organize ideas and set a clear visual direction.
Nothing too fancy, just enough to lay the foundation and keep the flow smooth.
Also gathered references from apps and sites that felt clean, fun, and easy to navigate. The goal was to create something that looked good but didn’t take itself too seriously.
Style guide
I created a style guide using the brand’s colors and complementary tones for balance and consistency. I chose Oswald as the main font because of its strong, condensed style that reflects speed and movement, fitting well with the running theme. I also designed two button variations — one for primary actions and another for secondary ones — to make interactions clearer and more intuitive.
Site
These are some of the most visually engaging parts of the website, where I combined typography, colors, and layout to create a dynamic and consistent experience. My focus was to keep the design both practical and visually appealing, always supporting the brand identity.
