Graphic & Visual Designer
RIZKI SRI UTAMI / DESIGN PORTFOLIO
* A collection of my selected works
2022
Hello, I’m Rizki A graphic and visual designer with 3,5 years experience working within digital works and print products. Currently working with ticketing startup, BookMyShow Southeast Asia with previous experience in Interior and furniture business company. With projects ranging from digital (product and visual design) works and print products, I thrive and learn a lot about new design style using various tools and methods. * You can access linkedin.com/in/utamirizki/ to read more about my career track
m
My Works My working experiences in ticketing startup for Indonesia, Singapore and Malaysia market and Interior-Furniture business company have given me good exposure to wide variety works and projects: In ticketing startup, I’ve learned more about how to collaborate with other stakeholders in other countries especially the product team ( Singapore based) and create feature that a part of our product with new tools and methods. Covering the end-to-end design process. I’ve been dealing with various stakeholders from business development team to C-level executives and contributed from the research level to the execution phase In Interior-Furniture business company, I’ve explored more not only about design, but also about marketing and communication
Brief Case Study 1. Product and Visual Design
Singapore Grand Prix 2022
Role
Creating visual design of Marina Bay Street Circuit
Company
seat maps in SVG format as a part of event booking process experience for BookMyShow Southeast Asia
Graphic Designer BookMyShow Southeast Asia (Ticketing Startup) Collabolators
users (in BookMyShow portal) and client (in White
Product Team, Business Development Team, IT team
Label portal)
Period
.
June 2019 - Ongoing Tools
Adobe Illustrator, Adobe Photoshop, Figma, Atom/notepad ++
Design Process
Seat Maps Design (SVG Creation) Understanding brief Discuss with product team (product managers and designers) also business development team to gain more context and knowledge about Singapore Grand Prix 2022 and Marina Bay Street Image 1.1 Seat Layout illustration from F1destinations.com
Circuit. Learn how to create visual design of the venue (Marina Bay Street Circuit) seat maps for our system Co-creating idea with product designer Collaborate and communicate with product designers to produce good visual design of the venue in SVG format and perfectly fit in our system. Also discuss how to troubleshoot when there’s an issue
Image 1.2 Seat Layout illustration from PNGwing.com
Building screen mock up in SVG format Creating visual design of venue’s seat maps from scratch with adobe illustrator/figma Quality checking and Testing Check the venue’s seat maps (from design until codecss styling and html) using adobe illustrator/figma and
Gambar 1.3 Quality checking in chrome
atom/notepad++. If there’s an issue, we will troubleshoot together with product designers Delivering final visual design of venue’s seat maps After quality checking, deliver the venue’s seat maps to business development. If all are good, the visual design can use for both portal (BookMyShow/white label)
Gambar 1.4 Quality checking in Atom
Challenges How might we .. finish the seat maps creation in short time since we need to present this to our client
How might we .. create the visual design of venue’s seat maps based on their guidelines and requirements and fit in our system
The Brief How might we .. communicate well together since graphic designer and product design team using different tools to handle this project
We do some enhancements to fulfill our client needs in term of visual design of venue’s seat maps. Based on client requirements and guidelines, Here are some things we need to do;
Seat Maps Design Since the capacity of this venue is a lot (more than 20.000 seats), we need to divide the grandstand and create 1 inventory map also section maps for each grandstand. I use Adobe Illustrator for creating the seat maps design
Image 1.5 One of Grandstand Inventory Maps that designed by me
Image 1.6 Example of Section Maps that designed by me
One section need to cover 3 categories Current implementation on our system: 1 section -> 1 category F1 requirement: 1 section -> 3 categories (ie. daily, 3 day, combi) Impact on Seat Maps Design
3 overlapping area layers for each section
Image 1.7 Inventory details in our system
Image 1.8 Seat Maps Design (SVG creation) structure in adobe illustrator
3 overlapping area layers to link to same section map Image 1.9 Seat Maps Design (SVG creation) structure in atom
If the categories are unavailable, we need to hide the section, instead of disable the section Impact on Seat Maps Design Create each section as a background flair layer with fill: #DEE2E6
Image 1.10 Seat Maps Design (SVG creation) and structure in adobe illustrator
This is how the implementation on seat maps design look like when the categories are unavailable on the portal
Image 1.11 Seat Maps of MotoGP on our portal
Image 1.12 All seats assigned on our system
Impact
Personal Learning
As a part of ticket booking process,
The synergy between product designer and
With these new enhancements, we can
graphic designer to create this kind of visual
deliver and fulfill client needs and secure
design is crucial
the contract with our client for more seasons in the future
Brief Case Study 2. Visual Design
BigTix Website
Role
Designing a website for BigTix, a B2B2C platform
Company
which enables Attractions, Performance Venues, Clubs, City Tours and Promoters to Control their own ticketing
Graphic Designer BookMyShow Southeast Asia (Ticketing Startup) Collabolators
and Connect to BookMyShow’s network of Channel partners
CEO, Head of Content & Marketing, QA Manager, Business Development team
and Value-added Tools. A Cloud based software as a service
Period
platform - no more complex infrastructure investment and maintenance
March 2022 - Ongoing Tools
Adobe Illustrator, Adobe Photoshop, Figma
Design Process
Website Design 1
Research and
brainstorming
2
Understanding
stakeholders/clients
3
Building screen mock up
Insights BookMyShow SEA has launched new cloud based software as a service platform called BigTix. Since BigTix is a part of new BookMyShow SEA service, we have to introduce BigTix to our soon to be potential clients and users around the world.
Challenges How might we .. help our clients and users understand our service by providing all informations in one website
Image 2.2 BigTix website design in Figma
4
Stakeholders review
Image 2.2 High Fidelity
We put six contents in navigation to make it our users easier to know more about BigTix. We make it lesser than before (we put eight contents). It will give our users impression that our contents is richer. Also we use some illustrations to make the content more fun to read
Impact
Personal Learning
Eventhough this website has not yet
The information architecture is one of the
launched, based on stakeholders review,
key things in term of building a website especially
layout are quite good
potential users that will be working together with
after 2nd revision the content and design
this website will approach users and soon to be us and use our services
Other Works
3. Deck Presentation & Visual Design
MotoGP Mandalika 2022 Role
Graphic Designer Company
BookMyShow Southeast Asia (Ticketing Startup) Period
Collabolators
Product Team, Business Development Team, IT team Tools
Adobe Illustrator, Adobe Photoshop, Figma, Atom/notepad ++
November 2020 - March 2022
Overview Collaborating with Business Development, Product and IT team to create Deck presentation and Seat Maps design
Impact successfully signed a contract with MotoGP and ITDC team as White label ticketing partner also increased sales of the ticket in white label portal (Pertamina)
4. Deck Presentation & Website Design
Match Hospitality FIFA Role
Graphic Designer Company
BookMyShow Southeast Asia (Ticketing Startup)
Collabolators
Junior Graphic Designer, Head of Content, Business Development Team Tools
Adobe Illustrator, Adobe Photoshop
Period
June 2020 - Ongoing
Overview Collaborating with Junior Graphic Designer, Business Development team and Head of Content to create deck presentation and website design
Impact successfully signed a contract with FIFA as an official sales agent in Indonesia and India
Other Works
Other Works
5. Product Design
AR Ticket Event in Mobile App Role
Tools
Company
Project Type
Product Designer Personal
Figma and Sketch Design Exploration
Period
December 2020 (1 month)
Overview Creating design exploration in-app experience called AR Ticket Event feature. In this activity, I tried to improve user experience in receiving information about essentials things to check before the concert start
Personal Learning Building a good interface is not only about aesthetic but also about the detail of information that we want to deliver
Looking forward to collaborating and make impact together
For more details about my other works, visit behance.net/rizkisriu