Keyboard shortcuts

Miscellaneous

Show keyboard shortcuts Ctrl /
Focus navigation Alt N
Debug menu F3
Kikuri - The fun and casual card collecting Discord bot. banner

Kikuri - The fun and casual card collecting Discord bot.

Anime-themed card-collecting Discord bot where users collect cards to use them for combat against other users.

Overview

Kikuri is a Discord bot about an anime-themed card-collecting global economy where users collect, trade, and upgrade their cards, to fight against other users. Kikuri’s team approached me to redesign their website for mobile and desktop, to make it more content-rich and responsive while using the brand’s core identity.

Kikuri - The fun and casual card collecting Discord bot.

Branding

For the branding, I’m using the colors and fonts I was provided with: Red accents, a dark theme, and Rubik for the font.

Colors and fonts used

Responsive

Kikuri’s old website was not really optimized for mobile, which was something I ought to solve by revamping their navbar for more clarity, and big making buttons bigger.

Shot with multiple devices running the Kikuri website

Resourceful

I was tasked to add some sections about Kikuri, like stats about what servers it is part of, and some about its expansive collection of cards.

For the former, I chose a simple list of servers with their member counts, to highlight to bigger ones and give Kikuri more credibility.

For the cards section, I chose to make a background full of the card design I was provided, that in practice would infinitely scroll at random speeds to give the website more depth and parallax. Stats are overlaid on top of this, showing how much cards and collections there is.

A complete view of the website, desktop mode

Comments

2 comments

Comment formatting help

Syntax Preview
Mention a user @username
Clembs
Mention a project #projectShortName
Use emoji :emojiName: :happy:
    Guest
    #kikuri
    0
    undefined
    [::-1] last
    1
  • You've reached the end of the comments!