AnimeNews Concept Website

This website serves as a news aggregator site for topics relating to anime and culture. I also offers a blog, reaction videos, and episode reviews in podcast format.

Product

News Webiste and Blog

Tools and Skills

Balsamiq
Figma
HTML/CSS/Bootstrap
basic JavaScript

PROCESS
(LO FI WIREFRAMES)

First, after brainstorming which products this website would offer, I sketched out a simple interface to determine initial placement of assets.

2. After more brainstorming, I created more wireframes to develop the skeletal structure
for desktop/tablet screen.

3. More iterations

4. After the above desktop wireframe was settled on, the mobile screen was developed.

PROCESS
(HI -FI WIREFRAMES/MOCKUPS)

Subsequent to using Balsamiq to create lo-fi wireframes, I use Figma to graduate to
high fidelity mockups. Below is the a version depicting desktop screen. Hover cursor over laptop screen to scroll. Use pagination arrows to swipe through. Or Fullscreen to arrows to enlarge.

2. View mobile mockup