ARTicle Editorial Website

ARTicle is an editorial brand that curates content on art, creativity, artists, art careers, and more. It features both a desktop and mobile high-fidelity prototype publication websites, including a home, landing, article, and featured page.

Toolkit
Figma
Claude
InDesign
View Mobile Prototype
View Desktop Prototype

Research In art school, I noticed my peers consumed a lot of art online, but most of it came through social feeds built for scrolling, not reading, with little context about the artists or their process. What if a publication dedicated to global art let readers explore trends, processes, and artists worldwide in an editorial format?

I looked to two references. Imagine5, a publication about living in harmony with the Earth, for its immersive, image-led layouts and long-form pacing. The New York Times app, for its clear hierarchy, strong composition, and intuitive UI. ARTicle aimed to combine the two: Imagine5's editorial care with the NYT's interface quality.

Imagine5 Website Story

Imagine5 Website Banner

Mobile Research

Brand IdentityI started with a long list of possible names. Then, while reading online, I noticed that "article" contains the word "art," and the pun became the foundation of the brand.

Next, I thought about how images come in different dimensions, much like canvases. That idea made the rectangle the identity's main visual element. Images, sections, and cards all echo it, so the brand shows up throughout the site, not just in the logo. Cool, right?

From there, I built a system to guide the layout: a color palette that highlighted brand elements, and typographic hierarchy rules that distinguish headlines, pull quotes, and captions.

Type Exploration

Color Palette and Moodboard

Dark Mode Logo

Light Mode Logo

Loading Screen

Structure I mapped the platform's information architecture into a scalable, simple wiremap that could include sections and sub-sections.

To ground the structure, I gave Claude a list of the editorial platforms that inspired me and asked which features they shared. I used that overlap as a checklist, keeping what fit ARTicle's goals before designing any screens.

Wireframe

IterationI moved through low-, mid-, and high-fidelity prototypes in Figma, using auto-layout and components to keep the rectangle system consistent across screens. In early versions, the homepage showed too many articles at once and felt like a feed. Based on mentor feedback, I added clear category breaks, more gutter spacing, and carousels to reduce the clutter, which brought back the editorial pacing I was aiming for.

AccessibilityARTicle supports light and dark mode. I followed Material Design guidance for background and text colors using dark grays instead of pure blacks, and verified with the Able plugin that color contrast meets WCAG [AA] in both themes.

ReflectionThe biggest lesson ARTicle taught me was how much strong low-fidelity compositions carry into the final design, and how peer feedback changed a specific decision. Next, I'd test the prototype with art students to see whether the editorial format actually changes how they read about art. I'm grateful to the peers and mentors whose feedback shaped this project.