UI-UX Portfolio 2021 by Sekar Narindrasani

.user experience . . . a portfolio by sekar 2021

Curriculum Vitae 2021

Sekar Narindrasani

08812576730

Architect - Designer

Texas, USA - 11 February 1998 Indonesian

Skills

Adobe Creative Adobe Photohop Adobe XD Adobe Illustrator

BIM (Building Information Modelling)

Hello!

Autodesk Revit Autodesk AutoCad

As a Bachelor in Architecture, I have interest both in design and the human who experiences the space itself. Like how one person can enjoy the space, and the meaning behind it.

Languages

I'm also an individual that always open to new ideas, even random trivial things. Analyzing about how to improve something to be more interesting, livable, and eventually loved by the people. Being the hard worker I am, I always try to excel in what I'm doing through discussion with other people and self development. Also, as a person, I always try to be positive about things by maintaining a cheerful personality, which helps me reducing stress and gain more perseverance.

sekarnarindrasani@gmail.com

3D & Visualization Sketchup Lumion Vray Enscape

Other

Microsoft Ofﬁce Figma

English - TOEFL ITP Score 607 (2019)

Organizational Experiences 2018 Freshmen Cup

Staff of Comedic League

Ikatan Mahasiswa Arsitektur (IMA) Staff of Research & Development

2019 Ekskursi Arsitektur UI - Sabu Raijua Staff of Movie

PSB Genap Arsitektur Staff of Field Event

PSB Ganjil Arsitektur Treasurer

Education

Universitas Indonesia Bachelor of Architecture 2015 -2019 GPA; 3.61

Competition Entry 2019 Archevent UNS; Microhouse Architect (team of 3)

UIA Forum; Lausanne Booth Design Architect (team of 3)

Pasar Godean Revitalization Architect

Interest Travel Design UI/UX Research User Centered Design Urban Design Architecture Graphic Design

more in-depth

not just making an architecture open source that relies on visuals, because we have to be able to built it!

.the process deﬁne

emphatize - Deﬁning problem - Competitive Benchmark

prototype

- User Flows

- Prototype Design

.problem

#1 05

- User Persona - Empathy Mapping

ideate

it kinda hard to ﬁnd an information about design seen both from visual and technical aspects. It always ends with doing hours of research and website hopping

there’s just not enough information about what materials being used on a design we liked

very often, after hours of research, we still don’t ﬁnd what we need and ends up using the known techniques for design, which of course hinders development

.competitive benchmark

related keyword

the ﬁrst step of search process was based on your “keyword” then pinterest tried to ﬁnd other related keyword that might help you further

the downside of this is that, you have to ‘know’ what you are searching first in order to find them. Let’s say you want a design of a specific material you forget/ don’t know it’s name, it might comes as hard to find a design matched with what you need.

visual similarities after you’ve chosen your ﬁrst liked design, pinterest then proceed to give you other suggestion based on the similarities of the visual. For example from shape, colour, even the angle of how to photo was taken

each project also labeled with related products/ materials that are used, which of course helps with the more in depth information we need

archdaily archdaily are a renowed website for architects known for ﬁnding inspirations and projects designed by various architect around the world. From their homepage we can further search projects based on various categories, for example, manufactures and materials. but the downside of this is, we only know the overall information of what materials are being used, but not knowing in exactly which part those materials are used (for example, it says the design uses steel, but not elaborate further which part of the design is using steel, the facade, the floor?)

.user user persona

Motivations she likes to explore different design and follow the trends. She also loves to visit beautiful cafes and would love to design one.

Luna Ingram lives in London, England Junior Architect

Frustations when stumbled upon good design, she sometimes has a hardtime ﬁndings information about how to built those. Asking those who are superiors to her is out of question because sometimes they also don’t know and don’t have the time to actually teach her.

Needs - information about technical aspects of the design she liked - do not need to change between website to ﬁnd an information of buildings - know speciﬁcally about which materials are used on what elements

empathy mapping

Says - loves interesting and new design - like to follow the design trend

Thinks - hope to get information about how to built liked design instead to just enjoying it’s visual - hope to be able to make real of design she liked

Does - spent hour researching about a design to be able to built them - try to understand and guess technical things because there’s just not enough information for someone with junior level knowledge

Feels - Frustated (when wasting hours of research and hopping between website but still didn’t found needed information) - Sad (when have to resorted to basic design because don’t know the technical aspects of making other design)

.user flows email

password

name email password conﬁrm password

homepage

account liked gallery

search history

material detail

material brief

materials saved

project brief

save gallery

construction

gallery

.prototype

splash screen

homepage the usual homepage where you can ﬁnd design inspirations from the get-go results shows based on your previous searches

can change between menus by swiping left/right

proﬁle

you also can see your liked design, saved materials, and also your search history! because we often forgets to bookmark what we like

loved gallery page where your loved design are showcased the loved design screen are based on the project you’ve loved so that it won’t show picture of the same project more than once

you can like the design for future preferences

the project

once you clicked on a picture, it will proceed to show you a brief of the project like it’s name, architect, and the project’s location, as well as the history (if any)

project gallery after you scrolled downward, the page will show you various picture of the design

you can bookmark the materials for future references

material detail

by clicking one of the photos from the related projects, we can further check what materials are being used and where it is used, so that we can picture how a material will look like once it was used as part of a building

other design based on materials

by clicking the material, you will further shown a variety of other projects that are using the same material this will further enhance your knowledge on material treatments on a design

scroll to further check materials used seen from different perspective

.design system

Header

Sub header Caption

Mermaid Bold Roboto Thin Roboto Thin Italic

.further improvement my research and design have tried to satisfy the 3 problems listed before hand except the techincal parts. As of now, this product just cover the uppermost part of the technical aspects, which is the materials that are being used, but hadn’t been able to provide more in-depth information like what structure is being used, and the construction methods, even providing the construction drawing. to be able to provide those information might become a bit more complicated because the data, especially the construction drawing are a private property of the clients, which if they don’t want to disclose it, then we can’t use it to bring more information to this product the thing we can do instead, is maybe just explaining the overall construction method used in the design, and also by briefly explaining how the methods work so that people, especially those with less experience can picture how the design came to be.

002

.the idea

a meditation app that relies on using soundrelaxing sound to comfort its user. in a world where ‘noise’ is an adamant thing, and wherever you go you will always encounter ‘noises’ wether you enjoy them or not, this is where this product comes in

.the goals

soundsation

the idea is to create an application that gives the user meditation through sound. User can choose sound from existing libraries and enjoy speciﬁc sound curated that was matched to said activities

#1 #2

flexibility a flexible approach on using the apps while doing other things simultaneously

not-time-consuming as we can use the product while also doing other things, this would make this product less time consuming

.the process deﬁne

emphatize - Deﬁning Problem

- User Persona - Empathy Mapping

ideate - User Flows

prototype - Prototype Design

.problem

want to relax but don’t have time to do so, resulted in continuous anxiety

can’t focus while working because distracted by ‘noises’

user persona

.user

Motivations in between the hustle bustle of life and work, she would like to enjoy a moment of relaxation, but can’t due to the amount of responsbility.

Vittoria Manna lives in Italy Work in Creative Agency

Frustations when trying to ﬁnd time to relax, she ends up thinking about all the work she had to be doing rather than relaxing, which ends up with her being stressed and drown by anxiety

Needs - a way of relaxation that can be done by doing other things simultaneously - to stay fresh and focus while doing everyday work

empathy mapping

Says - i’m stressed and in need of relaxation - don’t have time to relax because loads of work

Thinks - hope to ﬁnd a way to relax while doing other things - hope to feel relaxed while also living the fastpaced environment

Does - try to relax one second but then proceed to think about work the very next second

Feels - Frustated (because she can’t rest and also don’t have time to do so) - Burn out (by doing her work non stop)

.user flows email

password

name email password conﬁrm password

homepage

account liked sound

playback pause volume shuffle

add to playlist

currently playing search history

playlist

.prototype

splash screen

home page

homepage that shows curated sound to accompany your everyday life while also meditating to relaxing sound

curated sound on the get go, categorized by activity

playback screen the player screen that also use visual helps to enhance relaxing experience

mockup. soundsation

003

other graphic works

ENJOY

004

architectural projects

ENJOY

masterplan makassar 2020

godean market 2020

thank you.