top of page
SHRED THE SHEEP
UI DESIGN
Overview
Shred the Sheep is a 2D Roll-banner mobile game that I was working at the first company when I came to Vancouver. My position in this project is the UI designer and game concept artist. So this page presents the high-fidelity wireframe and mock-up images.
My Role
Concept Artist & UI Designer
Duration
2 weeks
Tools
Figma, Sketch, Photoshop, Illustrator
With a focus on UI for this project, the steps I covered in my design process included High-fidelity wireframing, Design System, and Concept art
Prototype
Use Sketch and Figma to create my high-fidelity wireframes and create an UI Mockup gallery.
High-Fidelity Wireframes
UI MOCKUP GALLERY
Browse the UI mockup gallery below by swipe right or left the phone screen. Feel free to explore the gallery.
Mockup
CONCEPT ART
IN-GAME
BACKGROUND
CHARACTERS
Design
Style system
Typography
Elmer P Font
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9
Category
Title
Title
Title
Title
Title
Size
32
20
14
8
6
Weight
Bold
Bold
Medium
Regular
Regular
Primary color
Primary Action, Primary button
Title, Body Copy, Text
Secondary color
Error, Button
Cancel Button
Navigation Icons
Feature Icons
GAME ICON
Want to work together?
If you like what you see and want to work together, get in touch!
bottom of page