Tech Startup
Homepage illustration
Important note! The Doplex project is still in development stage. If you are given the access to this page, please only use it for your reference and do not share it with anyone.
The team of this Sydney tech startup named Doplex described their goal as “redefining Enterprise software”. My objective was to create visual design for their website homepage.
PROJECT GOALS AND OBJECTIVES
communicate the Doplex idea through the homepage design
make the style of the illustration attractive for potential clients: CEOs, CFOs, COOs of various companies (important notice, they might not be tech savvyy)
include all important elements of the software into the illustration.
My Role
UX researcher
UI deisgner
Tools
Adobe Illustrator
Adobe Photoshop
Pen & Paper
Deliverables
one full-screen visual design for the homescreen
color palette
fonts choice
vector files for further use
RESEARCH
goals setting
market research
sketching
brainstorming
style/color selection
final design
Why Isometric Illustration
this type of illustration is assosiated with tech industry
it is covenient to reflect project goals
isometric layout connects various elements, joining them into one system
Doplex brainstorm sketch
DOPLEX PERSONAS
The project’s symbolism
Central tower. With the Doplex logo floating on top of it, symbolizes the company as a whole. A solution to connect and organize all the softwear a client uses.
Servers. Surrounding the central tower, they all look different, which indicates various technologies companies use.
Four secondary towers. Every tower represents a certain department in a company.
Connection lines between towers, servers and databases.
Databases. Stylized elements of databases with various symbols on top of them.
Speed data transfer. Represented by small “comets”, traveling via connection lines.
Subtle gradient with halftransparent shapes symbolizes cloud
services.
The ray of light above the central tower with various elements floating inside is a representation of Doplex marketplace.
lessons learned
Real user feedback is essential, when creating Visual design to communicate the project/brand specific. Constant reminder to self that we design not for tech specialists only but for everyone.
Symbols’ hierarchy can be communicated through their position, color and opacity. It is a crucial part of design process, when a client has a list of every single communication point they want to highlight.
