Return to flip book view
Message Roxanne‘sPortfoliofor 2013 - 2022ROXANNE CREATIVE INC. // MADE WITH BY ROXANNEPortfolioCOMPANY NAME : ROXANNE CREATIVE INC.COMPANY ADDRESS NW EVERETT ST.UNIT PORTLAND, OR ALT MAILING ADDRESS S MARYLAND PKWYUNIT # LAS VEGAS, NV CONTACTS : HELPROXANNECREATIVEINC.COMROXANNEAPARTMENTS.COMWWW.ROXANNECREATIVEINC.COM COMPANY DATA AND CONTACTRoxanne Creative Inc.Look what we made.Apartments 247
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // Roxanne‘s 247 PortfolioTHANK YOU FOR HELPING ME GROW.I have 15+ years of experience in visual storytelling. You’ll see the range of my skillset in the work present here. Please take a moment to reflect and look back on the things we’ve built together. 2013-2022Rock On - Digital
MADE WITH BY ROXANNEPAGE: // COMPANY NAME : ROXANNE CREATIVE INC.COMPANY ADDRESS NW EVERETT ST. # PORTLAND, OR Welcome 05Innovation 10Honorable Mentions 18Artistry 22Character Design 24Design Elements 24Front end 30 Web Design 32Theme Design 34Design Systems 36 Process Optimization 38Table of AccomplishmentsDocumentation 40Mentoring & Management 42Process Development 44Marketing 40Skills 48Sidepiece 52Recap 56Services Statement 63Services Outline 64
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // It all started...I came to apartments247 days from moving out of Shoshone, CA. One of the few places you can hear true silence among the crackles of coyotes. I rolled into Pahrump, naive to technology, with a strong design background and an enthusiasm for life. At that time, my experience with the internet was .5Mb down from a satellite. It would be years before I would get my first smartphone. The environment you created allowed me to explore so many new areas. The collaboration I experienced with each member of the team is something I will forever cherish. I am proud of what I did with my opportunity at 247 and what we’ve built. In a little desert town.a look back on what we built in the last 9 years
MADE WITH BY ROXANNEPAGE: // a look back on what we built in the last 9 yearsTuesday - Digital
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // Furthering my education_EDX_Skillshare_Dribble_NFIB_Meetups_VolunteerismForever growingMy education has continued via courses at Harvard Business School and MIT in programming, business, and marketing. I expanded my creative skills through Skillshare and Dribbble coursework. I have also participated in various community and start-up projects. I have a commitment to giving back and continuously donate my skills and time to various non profits and causes.I am currently a member of the National Federation of Independent Business (NFIB) and the Professional Association for Design (AIGA). I participate in virtual and in-person meet-ups with entrepreneurs and creative groups. * Details of summaries located in recap »»»15+Years Experience1000+hours in study11Courses taken since 2013
MADE WITH BY ROXANNEPAGE: // _artistry_technology_fun_NFIB_Meetups_VolunteerismHappy Little Trees - Digital
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // BlownAway.
MADE WITH BY ROXANNEPAGE: // Wait, what?In 2021, I was diagnosed with a rare neurological disorder called “visual snow.” It results in a visual and auditory disability. Since birth, I have had the condition and was unaware that the world I experience isn’t “normal.” Finding out about my situation was a humbling experience.With sight feeling more precious than ever, I set o to see all the places and people I missed most during the years of quarantine. I sold all my things, my home, and condensed them down to a handful of totes that fit in my hatchback and set out. I asked myself what I wanted to spend the rest of my life doing. With a global pandemic under my belt and new fragility in vision, I sat hard on that question. I played, discovered, lived, and spent a lot of time searching for an answer.In response, I founded Roxanne Creative Inc. and set o to Portland to work alongside other creatives to mix art, tech, and UX thinking to create artisan content. I love learning, exploring, collaborating, and I’m going to create an environment that ensures I get to do that for a long time. Thank you for the opportunity to grow in skill, self, and team. The logo for Roxanne Creative Inc. is the ever-present shape over my vision due to my disability. What I see is a continuous animation, forever looping over my vision, eyes open or closed. Below is a visual representation of my visual snow. Think of this as a still from a movie.When you want unique viewpoint, call me.Visual Snow Sketch 1 - Digital Visual Snow Sketch 1 - Digital Cameo - Digital
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // 01.InnovationProduct designs launched are part of the production line of Apartments 247.Developed Product DesignsAstronaut - Digital
MADE WITH BY ROXANNEPAGE: // NewPREMIUM + EXPERIENCEProduct Design // Strategy // UX // Marketing // Technical Advisor // Artistry // AnalyticsGoal:To design a new theme for and with 247’s largest customer. Value:A premium + product. An optimized and defined process for theme design, client presentations, and developer hand-os. AMENITIES RESERVATIONSFeature // Strategy // Product Design // Front end // Content StrategyGoal:To allow communities to set availabilities for their amenities. Booking, scheduling, & reporting service. Value:Adapt product line to new covid conditions and add a new revenue stream. MEDIA MANAGERMicro Service // Strategy // Product DesignGoal:To optimize media management and create assets for website use.Value:It brought more consistency to the website product, optimized the production workflow, and allowed a digital system to make mass adjustments.
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // LIVED EXPERIENCEMy ideal UX scenario is to live the experience I am designing. I created a product to solve the problems I encountered during multiple short-term rentals.VISUAL TOURPages: 6For site visitors who are driven by the visuals. Takes a user through community using various media. ANALYTICSAnalytics is how we learn more about site visitors and measure success. I designed a user flow to natively collect analytics powered by Google’s Tag Manager.USER INTERVIEWSBeing part of a community means you have plenty of chances to poll your neighbors.I exchanged artist trading cards and prints for a quick chat.QUICK INFOPages: 1For visitors looking for smaller bits of information or returning visitors needing reference. PRODUCT DESIGNThis all comes together into a prototype ensured to meet the needs of the users.All new interiors • 3 New Touring Views • 60 pages • New Design System (+ All deliverables listed)ENVIRONMENTI set o with abstract direction from internal stakeholders and one client meeting. My UX & Design training, experience, and personal nature allow me to excel in such an environment.GUIDED TOURPages: 12Robust information made manageable through modern UX techniques.UXUX deliverables include wire frames, site maps, user flows, mind maps of client goals, and A/B testing. The results were three original user journeys: Guided Tour, Visual Tour, and Quick Info.
MADE WITH BY ROXANNEPAGE: // Case StudyWhat it takes to craft a product.»10Hats worn»1Satisfied Customer»3Unique Touring Experiences»60Prototype PagesCreatedPremium+In 2021, we expanded our web services to include a premium plus level. Aer stepping down as vice president of design & UX, my first task was to develop the next generation of 247 websites. The project included: strategy, UX research, prototype, production templates, front end assets, content guide, animation guide, client presentations, and customer goal alignment materials. My Goals: » Bring the client’s vision to life. » Advocate for the client’s goals. » Design an experience that addresses users’ problems with shopping for apartments online. » Organize content relative to how people commonly research and comparison-shop. » Make results measurable for strategy validation and revision. Deliverables: » Gantt Chart » Prototype » Documentation » Client Presentation » Front End Guide » Animation Guide » Icon Font » SitemapNew Processes: » Client Presentation » Optimizing » Component Guide » Theme Presentation » Animation GuideOptimized Processes: » Project Management » Design to Front End Hand-o » Theme Building » Site Building » Theme Design » Documentation » Asset Creation » Wireframes » FSD » User Journey » Design System » Asana ProjectTechnical AdvisorUser AdvocateStrategistUI Designer UX Designer PresenterProduct DesignerTech AnalystProcess AuthorProduct Owner
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // designtargetWhat have you been up to?These projects take a team to bring to life. My role has varied through the years as I gained new skills. Aer each project I assess my process and make adjustments to my how tos. The commitment to continue to better my cra and say “yes” to new challenges helped me become who I am today.AMENITIES SCHEDULER Microservice // Strategy // Product Design // Front End // A generic micr service for setting availability, reserving, and approving reservations. Its base would be recycled for additional scheduler projects. User Views• Website Interface • App Interface• CMS Interface • Views for Admin Users • Views for Corporate UsersDOCUMENT PORTALStrategy // Product Design // Front EndA feature that allowed organizations to upload, organize, and set permissions to documents internally. User Views• 247 Admin • Community Logins - Manager, other • Corporate Login EVENTSStrategy // Product Design // Front EndRSVP and calendar events feature. Project included strategy for content collection through form submissions. User Views• CMS Views • 247 Admin • Community Login - Manager • Corporate Login• Front end Website Template
MADE WITH BY ROXANNEPAGE: // designdevelopOh you know, nothing much.These projects take a team to bring to life. My role has varied through the years as I gained new skills. Aer each project I assess my process and make adjustments to my how tos. The commitment to continue to better my cra and say “yes” to new challenges helped me become who I am today.ACTION TEXTStrategy // Product Design // Process Design // DocumentationA feature that allows community users to create animated text for display on their websites.User Views• CMS Views • 247 Admin • Community Login - Manager • Corporate Login• Front end Website TemplateLEASING PORTAL Strategy // Product Design // Front end //Illustration // Brand Design A system to digitize the application and leasing process. User Views• Website Portal• Portal Views • 247 Admin • Community Manager Views • Corporate Views • Applicant ViewsCHAT BOT/APTCASTUI Design // Illustrator // Front end // Marketing A soware that simulates human-like conversations with users via text messages on chat relative to the leasing experience. User Views• 247 Admin • Website Widget• Tagged Questions• Transcript View• Unanswered Questions• History
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // Case StudyCreative ProcessADA PortalOver a billion people in the world live with a disability. The ADA portal aimed to lessen the gap between capability and disability by breaking down barriers to finding apartments online. Familiarization with Web AccessibilityIdea GenerationCreate Presentation and Plan of Action with StakeholdersSetup Project in Asana. Start Documentation and FSD.Mapping Accessibility Needs Relative to Our Web ProductProduct DiscoveryDefine Core FunctionalityUnderstand Market Need.Create PrototypeDefine MVPMarket ResearchUpdate Project PlanStart Front endRefine PrototypeDetailed Product DesignValidate Ideas and ApproachesTest & Refine Front End, Design, and UXTrain & DeployFinalize Internal DocsMarket
MADE WITH BY ROXANNEPAGE: // Train & DeployFinalize Internal DocsMarket
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // Never made itout of prototype There have been plenty of times I’ve said to myself this could be easier. To grow in skill and knowledge, I would create prototypes of solutions. These didn’t make it to the build process due to fit, time constraints, or other priorities. Nevertheless, these projects took a lot of time and eort to create, and some are even undergoing resurrection today.02.Honorable Mentions
MADE WITH BY ROXANNEPAGE: // CONTENT COLLECTIONStrategy // Product Design // UX // 12 ViewsCommunity Info reorganized based on input from various departments through user interviews.This product design was initiated aer speaking with the customer success team. I worked with various co-workers to identify problems and refine processes. The end result was a first or beta version that catered to the needs of the team.MEDIA MANAGER 2.0Strategy // Product Design // Process DesignThe Media Manager 2.0 consists of features designated “Tier 2” at the time of initial build. They include a feature to create and manage albums. These album layouts can be set per use reference, allowing us to recycle and manage media from a single point of contact.The Future - DigitalDESIGNALIZEStrategy // Product Design // Process DesignA system to digitize the creation of websites. Includes features to set branding preferences, select themes, and other tools to aid in website building.
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // COMPONENT BUILDERStrategy // Product Design // Process Design // Front endA microsystem to create, manage, and catalogcomponents across the product stream.BLOGFeature // Product Design // Process DesignA system to create blog templates that can be quickly customized and launched on community websites.FORM BUILDERStrategy // Product Design // Front end A microservice to build forms based on atomic design principles that will allow for updates at the minimal level.PAGE BUILDERMicro Service // Product Design A feature linking components, forms, widgets, and other content widgets in one builder.COMMUNITY INFOStrategy // Product Design // UX // 12 ViewsCommunity Info reorganized based on input from various departments and user tests.WIDGET BUILDERStrategy // Product Design // Process Design Combining settings, HTML templates, API content, and JS into standalone widgets for use on community sites.User focused,data packed.The ones that never made it past prototype.
MADE WITH BY ROXANNEPAGE: // PERMISSIONSStrategy // Product Design // Process DesignA feature that would allow 247 users to customize permission settings for corporate and community users.HIGH RISE SOLUTIONStrategy // Product Design // Process DesignA feature that would allow 247 users to map buildings, floors, units, and rooms on community media.SERVICE REQUESTStrategy // Product Design // Front EndA feature for the creation and management of service requests. CORPORATION PREFERENCESStrategy // Product Design A feature that would set preferences for community settings at the corporate level.LEAD TRACKERStrategy // Product Design // Analytics A system to log leads across websites and portfolios to be used by marketing directors and 247 to have measurable KPIs.AMENITY LISTStrategy // Product Design // Process DesignAn generic list builder, with a template layer designed to optimize the amount of time it takes to build amenity and other common lists.FUTURE FPSProduct Design // Process Design // Front EndA modular floor plan template that would adjust relative to common content scenarios.DOMAINSStrategy // Product DesignA system to manage domains. Sub features included the ability to execute SSL certificates and manage the TLS process.ANALYTICSStrategy // Product Design // Content ArchitectMapped analytics and new user survey opportunities. Data Lineage, Content Map, Reporting, User Journey & Data Flow Map, Component Map, UI, & UX.
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // 03.ArtistryI love creating. It’s what I look forward to doing most. I also love learning new things. I have used my artistic talents and creative expression in various ways. All things beautifulThe Persistence of Memory Discovery - Digital
MADE WITH BY ROXANNEPAGE: // VIDEO PRODUCTIONTemplates // Client Presentations // Trade Show // MarketingFor 247, I’ve been fortunate to dip into my video production skills. I have storyboarded, filmed, edited, and created video templates for production use.In addition, I was fortunate enough to go to Level 25 apartments to create and develop the process for lifestyle videos. ILLUSTRATIONSGraphic Design // IllustrationsAt various times, we’ve needed illustrations for websites or marketing projects. My fine arts and graphics design background help me create beautiful results.DESIGN & BRANDINGGraphic Design // Brand Design // IllustrationMy approach is to align focus with the target audience and defined mission. I access the company’s competition, unique position and identify key values of the marketing team. I aim to tell the company’s story and create a brand identity that reflects its goals.
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // illustrationHey Girl!Created for the launch of the new live chat service. Her personality and character developed as illustrations were requested. In-house illustrators maintain her inventory of poses and positions. Lisa is a representative of our chatbot feature. She was initially an icon for the website widget. I sprinkled her throughout the product design, knowing how well illustration can help break up complex data. She has become a beloved character since.When UAG asked us to sponsor an employee event, we responded with sponsorship and now a long-standing classic of “Miami Vice Lisa” for product promotion, 247 brand promotion, and to match UAG’s theme for the party.LISACharacter Design // Illustration // Graphic Design // Marketing
MADE WITH BY ROXANNEPAGE: // cultureOh, this is fun!Born from sketches late at night on my couch, inspired by the company’s logo, a character started to form. Clocky became a creative outlet while I digested the world around me. The illustrations would capture moments with co-workers, reflect on concepts I learn, and commentate on our shared experiences. Clocky soon became the company ambassador to help create robust internal procedures, concepts, and digestible documentation. Clocky gave Apartments247 a unique and distinctive identity that promoted a friendlier culture. Clocky created a more organic approach to promoting connectivity in a remote environment.Clocky can be found in: Emojis, 247 Branded Calendars, Presentations, Internal Launch Graphics, Team Building Events, Self Expression, and Marketing Materials.CLOCKYCharacter Design // Illustration // Graphic Design
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // SELFIEPhotoshop // Illustrator // Character DesignCan I get a selfie, bro? HEEERE’S JOHNNY! Photoshop // Illustrator // Character DesignClocky request by peers. CAREFULPhotoshop // Illustrator // Character DesignA play on a warning image shown when deleting code in the CMS.BOB ROSSPhotoshop // Illustrator // Character DesignThe legend, the afro, the “oh no... let’s turn that into a happy little tree.”IN THE WEEDSPhotoshop // Illustrator // Character DesignFor end-of-year presentation.PHOTOGRAPHERSIllustrator // Character DesignRepresenting the in-house photography team at Apartments 247.2020Photoshop // Illustrator // Character Design2020 end-of-year presentation opener.RESERVATIONSPhotoshop // Illustrator // Character DesignLaunching the reservations system.YARD SALEPhotoshop // Illustrator // Character DesignHurry while supplies last.
MADE WITH BY ROXANNEPAGE: // LET’S TALK BUSINESSPhotoshop // Illustrator // Character DesignCreated for an end of year presentation.HELLO?Illustrator // Character DesignEarly pandemic in the customer service department.VEGAS OFFICEPhotoshop // Illustrator // Character DesignFor the employees at Apartments 247 Vegas location.STEVENPhotoshop // Illustrator // Character DesignCreated to celebrate the first employee of the year announced in a full remote environment. JUMP, JUMPPhotoshop // Illustrator // Character DesignThe inner desire when looking through countless bedroom photos.MID-CENTURYPhotoshop // Illustrator // Character DesignI discovered the Mad Men series and wanted to explore the mid-century modern style.I’M HAVING A GREAT TIMEPhotoshop // Illustrator // Character DesignMandy’s one-time favorite stock photo for the expression on Clocky’s face.PIECE OF THE PIEIllustrator // Character DesignFor an end of year presentation.DO YOU WORKOUT?Photoshop // Illustrator // Character DesignAdvocating for a focus on employee health during the pandemic.
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // _ icon fonts_ component libraries_ font groups_ color groups_ interaction patterns _ animation collections_ repeatable patterns
MADE WITH BY ROXANNEPAGE: // Filling the void.Art Design Engineering Experience
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // 04.Front EndI started my career at 247 as a site builder and worked my way up to front-end lead. I authored, engineered, and tested the system on which we’ve produced 10,000 sites. It takes a team, and I am proud to bring the vision aer extensive research and peer interviews.Business in the front,party in the back.Media Servers - Digital
MADE WITH BY ROXANNEPAGE: // WEB & THEME DESIGNProcess Design // Theme Design // Web DesignI started my career at 247 in web design. I came in with only graphic and illustration experience. I received a loose introduction to web design, “Hello World,” and the freedom to fail. I would spend my evenings growing my cra and taking course aer course until it all made sense. Then my goal became to optimize my performance. Once I had a method, I sought to replicate my results. I trained and collaborated with team members to optimize our web design experience. DESIGN SYSTEMSCategory // SectionTo revamp our website product meant creating an underlining system. Aer much study, I landed on “atomic design principles.” I built a new infrastructure around page speed and accessibility. My team also built an inventory of website components based on atomic design. Designers have a wonderful talent for being able to show you what they are picturing. I used that talent to create the baseline for our new system. BACKBONEI have authored, directed, and participated in the code that creates the 247 fronted system. I trained co-workers, facilitated feedback, and refined it until we had the system that could power 10,000 sites. My strong suit was to teach my subordinates to take over my roles as I step aside.
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // Where it all started...I‘m giving it all she gots Captain!Not all code is created equal. Quality ranges wildly from agencies, platforms, and developers. I ensure quality by using leading-edge technologies and principles.I put what I learned into training documents and worked with team members to create a uniform web design process. Our websites are the endpoint for many departments’ deliverables. It was the springboard to cultivating my curiosity about how I might be able to help them.»»»200+Websites Created1kCustomer Requests Completed100+Logos Created»100+Assets CreatedWeb DesignCrazy to think that this was once my sole responsibility. Learning how to build and market websites has been a pivotal moment in my artistic journey. Learning abstract concepts about the DOM and the nuances of the programming language was eye-opening. It’s a creative playground that is always changing, evolving, and ever refining. I just love that.
MADE WITH BY ROXANNEPAGE: //
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // MOJAVEProduct Design // Iconography // Documentation // UX // UI // Process OptimizationMojave theme project started with a single site presented as inspiration. I created a new theme design approach and hand-o process to include additional mock-ups so the front end and design teams could see the range within the layout. My goal was to have a versatile theme.The detailed notes, FSD, and new process optimization made this build have a 300% decrease in meetings between front end and designer.UAG PREMIUM +Product Design // Iconography // Documentation // UX // UI // Strategy // User Journey & Flows // Theme Presentation // FSD The focus for this theme was multi-fold. Stylistically we were looking for refinement and something brand new. We wanted to improve the online experience.I found prospects will commit to remote applying and leasing if they can visualize themselves in the community during their research phase. I aimed to help each prospect find the information they needed and to feel comfortable with our CTAs.ThemeDesignsWebsite templates that work for an extensive range of multi-housing communities. Using modular thinking, I mapped out elements that could become defined by the community’s brand preferences. When designing layout sections, I created and built components that would adapt to the dynamic range of system content. It oen varied in length, type, and completeness.
MADE WITH BY ROXANNEPAGE: // GOOD VIBRATIONSProduct Design // Front end // Training // Documentation“I’m pickin’ up good vibrationsShe’s giving me the excitations (oom bop bop)...” I was fortunate to work on this theme from conception to launch. Strategy, Design, Development, Testing, Launch, Marketing, and Training, while concurrently managing and mentoring a team of front-end leads.ART DECOProduct Design // Front end // Training // Documentation“Art Deco” was designed to be a theme option for luxury properties and inspired by a client’s lease-up of a community that had 1920s architectural finishes. In addition to creating this theme, I also did the front end work. During this project, I workshopped the first wave of design templates, processes, and front-end systems. I had to make it work because I designed the theme and that system is now the backbone for building sites. »»31+Themes Design & Front end Built300+Components Designed and engineered»»3+Theme Design Systems Launched25+Co-workers Mentored & Trained in Theme Design
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // Design SystemsWEB FONT When a web page uses fonts it pulls it from database and then displays the text in that font on your browser. I have created and formatted 5+ web fonts for 247 website use.COLOR GROUPSColor theory is both the science and art of using color. It explains how humans perceive color; and the visual eects of how colors mix, match or contrast with each other. I used my art & design training to create an inventory of color groups.FONT GROUPSSelecting an appropriate typeface or family for text usage is a key aspect of a design project. I optimized their sizing for theme use and uniform scaling and behavior.COLOR GROUP VIEWERAer I created the inventory of colors I created tooling to browse and filter through them. I trained my fellow designers, created how-tos, and launched the system.CUSTOM ICON DESIGNIcons are the top visual communicators. In order to ensure your audience reads and engages with your content, you have to meet them at a visual level. I’ve created numerous icon collections related to multi-housing and internal processes. FONT VIEWERAer I created an inventory of fonts that worked well together I needed a web tool to browse them. I built that with tooling that would aid in optimizing new fonts for production.The unsung heros that power our web and theme products. These systems are all materials I have created in order to better optimize front end, design, and production.
MADE WITH BY ROXANNEPAGE: // DESIGN SYSTEMA collection of reusable components, guided by clear standards, that can be assembled together to build any number of applications.NAMING CONVENTIONSA common role of mine has been to name things. Naming architecture, tone, type, and linguistic conventions are all things I’ve studied under process design. I’ve carried this to company file and tagging systems.HOW-TOSI have authored and process designed much of what we see as the design studio work flow today. My years of straddling front end and design allowed me to optimize the hand o and collaboration between the departments. I’ve documented that knowledge into a series of how-tos and learning courses.INTERACTION GUIDESDefines the structure and behavior of interactive systems. I strive to create meaningful relationships between people and our products and services.PATTERNSPattern design is a design element or image that is repeated indefinitely and seamlessly applied to any surface. Pattern design is commonly used in digital textures and website backgrounds.VIDEO GUIDESVisual storytelling is my specialty and that ability comes in many forms. They include video production, animation, and presenting. I use those skills to create video guides so our team can have a choice from: written, video, and group trainings. For anything else there was 1 on 1.COMPONENT SYSTEMSComponents are the reusable building blocks of our design system. Each component meets a specific interaction or UI need, and has been specifically created to work together to create patterns and intuitive user experiencesANIMATION GUIDESAnimations can be used to guide users around the website and push CTAs. Adding interactive elements and drawing users’ attention to them with the help of animation eects can help our clients improve their conversions and ROI.LOGO FRAMEWORKSIn a high-volume production environment, any time-saving measure is your friend. I created a logo building framework that significantly reduced time spent on logo design.
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // 05.Process OptimizationI like to be organized, streamlined, and to optimize my time to do the things I love. To best do that, I have spent extensive time learning new tools and learning from other teams.To create is to make order out of chaos.
MADE WITH BY ROXANNEPAGE: // DEVELOPMENTGoals: » Maximizing throughput and eiciency » Improve communication » Forecasting changes » Eliminating redundancies » Improve qualityStreamline work flows: » Site Building » Asset Generation » New Feature Development » New Micro service Development » New Internal Process » New External Process Creation » Project Management » AgileTRAINING & DOCUMENTATIONDocumentation and training are an eective means of communicating information. Communication is needed among members of the development team and also between the development team and users who will ultimately accept or reject the new system. What I learned from furthering my education I applied to my approach. The feedback loop I created helped me learn from my teams feedback and suggestions.PLATFORM OPTIMIZATIONCreating is the highly individualized result of people coming together to do something theycouldn’t do alone. When the collaboration is creative, the results are, too.Blending collaboration techniques with solution planning helped me implement new optimized processes with team backing.
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // REPOBuilt on Ranto // MarkdownCreated: Back end • Front end • Trainer • On boarding • Authored SKILLS UTILIZEDHTML • Markdown • Mentoring • Presentation • Writing • Teaching • Department & Topic ExperienceCONCEPTUALIZEDOriginal Idea // Self InitializedOn my own time, I created the documentation repo to organize my notes and make them accessible to my peers.SKILLS UTILIZEDProject Management • Product Design • Collaboration • Presentation OUTLINESGraphics // Video PresentationsFor each production template I created, I included outlines. These graphics act as a quick reference guide. They are a way for visual learners to digest and reference concepts native to their learning style. AUTHOREDDocumentation // Video // Graphics // OtherAuthored & Published:Video Walk-throughs • Exercise Files • Written Guides • Quizzes • Font Library • Color Group Viewer • Video Asset Catalog • Self Guided Learning Plans • Product Documentation • Accessibility Guides • Corporate Front end Notes • Component Libraries • Icon Fonts • Global Pages + AND MOREHOW TOSWriting // Teaching // MentoringAs an enthusiast for new tech, and oen the sole trainer, designing new features and services and exploring new revenue avenues, it becomes important to learn how to communicate what I know.How tos for: Front End, Design, Video, Production, Photography, Operations, IT, and more. - used in training today!DOUBLE DIPProcess Optimization // DocumentationAs time went on, I’ve developed a documentation workflow that minimizes the back and forth between departments. It has most recently been extended to client presentations that turn into functional structural documents, reducing hand-holding and missteps common in the build.Project ManagementProcess CreationGit RepoDocumentationHow TosFSD
MADE WITH BY ROXANNEPAGE: // Write this down.As my roles, responsibilities, and duties have grown in complexity, my appreciation for documentation also has. I have developed techniques and systems that help me keep organized. My documentation started as personal note-taking. I digitized my method using dierent tools. When charged with training new hires, I took courses to understand how people learn. I adjusted my documentation to reflect. Structuring documentation according to its functions helps ensure readers can be self-directed. It also makes it far easier to write and maintain. The functions: » Learning-oriented tutorials. » Goal-oriented how-to guides. » Comprehension-oriented discussions. » Information-oriented reference material.While the system is far from complete, what I could fit in without a time budget for documentation within projects is impressive.Process Defining • Feature FSD • Service Outlines • Micro Service FSD • How-tos • Libraries • and more!
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // 05.Mentoring & ManagementWhen I entered the role of Vice President of UX & Design I set o to learn. I started soaking up information from everyone willing to teach. From listening to feedback from various teams I identified the problems. I then pursued answers through taking courses from Harvard Business school and joining entrepreneur groups.COMMUNICATIONBorn from a need to reduce confusion during hand os between departments. • Skill Assessment• Dot-voting• Surveys• Process Flow Definition• Goal Aligning• Documentation• Feedback Loops• I adjusted to each employee’s preferred communication preference.LEADERSHIPIf something doesn’t go as planned, as oen with life, I take it as an opportunity to grow. I would take time to understand why there was an unexpected result. I would discuss with my team where the process fell short, and how to remedy & optimize it to ensure it can’t happen again. No one is perfect all of the time, but a defined process is self-regulating. •
MADE WITH BY ROXANNEPAGE: // TRAININGBorn from a need to reduce confusion during hand os between departments. • Roxcon - 2 Day Front-End Group Training• Company-Wide Trainings• Self-Guided Training• Aer-Work Mentorships• Documentation RepoCONNECTIONOver the years I have created the opportunity to connect with my co-workers in the following ways: • Company Sport Teams• Collaborative Paintings• Helping to Launching Culture Clubs• Hosted Holiday Parties• Poker Nights• Virtual Game Nights• Outings• Pandemic Check-InsPLAYWhen ranking satisfaction in the workplace, employees give high preference to enjoyable environments. Taking the time to understand my team and making them feel seen has fostered an amazing environment.
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // Steps:Market AnalysisMy role in UX is to advocate for users and requires an in-depth knowledge of their needs. I have spent years of research understanding renters, community personnel, and marketing managers’ needs/jobs. This experience gives me an in-depth knowledge about the market.Assessment of Existing AssetsThe years spent designing and building Apartments247 web and eMarketing products and services give me the ability to adapt them to capture the needs of our audience. Strategy DevelopmentOnce I have identified the potential for improvements, the next step is to implement the automation technology. My experience in development, product design, and understanding of existing systems and soware help me plan a path forward to help improve eiciency across their whole organization.Tools: » Process mapping » Automated work flows » Document generation » Soware process automation » Analytics & KPI mapping & reviewDevelopment and Evaluation of OptionsWith possible strategies realized, I evaluate the options of the futures users of the process. My user research and feedback training give me tools to validate strategies before we spend the costly time developing and implementing them. It also allows me to spend quality time in dierent departments, hearing feedback from my peers on making their job better.PROCESS DEVELOPMENTPreferred Option and Action PlanSteps:Step 1: Define the end goal. Step 2: User Journey.Step 3: Prioritize tasks and add deadlines.Step 4: Set Milestones. Step 5: Identify the resources needed. Step 6: Visualize the action plan (Miro).Step 7: Monitor, evaluate and update.Cost-Benet AnalysisI first establish the framework I’ll use to conduct the analysis. I categorize and tally costs, assign a value to each cost and benefit, total, and evaluate. While it is diicult to predict all the variables, it helps me evaluate a project free of opinions or personal biases.Approval and LaunchHere, I send it up the chain to see if the approach gets approved or denied. If not, I will do my best to adjust my system to address any feedback.
MADE WITH BY ROXANNEPAGE: // craftProcess DevelopmentProcess development plays a vital role in scaling a company. It creates a blueprint that delivers optimized production. Investing time in process development ensures rapid growth and increased product quality.PROCESS PLANNINGSteps Include » Process Requirement » Team Building » Planning & Implementation » Audit » End of LifePRODUCTION ENVIRONMENTApartments 247 is unique in that it has intermittent and continuous production. Continuous production takes place on our websites and the assets within them. The creation of themes, features, and micro services are built intermittently, oen with the same teams. Managing that overlap is no small task. It has taken me a lot of time to learn the ins and outs of each department and how best to design processes for their needs. INTEGRATING PRODUCT AND PROCESSThis process starts by defining the requirements for products based on customer feedback while considering the design layout and other constraints. With the details in place, I use UX practices and extensive testing to get the best product.It is natural for me to integrate product design and process design, as I perform both roles. Integrated product and process development is the industry term for this approach. It is one of the ways I can reduce my product delivery time.
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // 06.MarketingMarketing is a playground when you have numerous creative talents. It’s more than just making things beautiful; it’s about making a connection.Stylish AF
MADE WITH BY ROXANNEPAGE: // CLIENT PRESENTATIONSClient presentations are all about communicating. There is frequently a lot of information to display because they aren’t as well-versed in the product as you are. My extensive client experience helps me tailor and create presentations based on the user’s language. I use my design training to develop clear, concise, and engaging presentation. I streamline the content to focus on the points that matter. I touch on my video production, public speaking, illustration, and years as instructor.TRADE SHOW PRESENTATIONSI have enjoyed both working at and building tools for the NAA trade shows. The interactive screen displays were some of the early prototypes for our kiosk project. Creating videos, interactive displays, and graphics for the many eyes to see was indeed a great experience. ARTISAN GRAPHICSCommunicating without words is my specialty. I put that skill to use when creating brand graphics.• Slide Decks• Emailers• Social Media
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // 07.SkillsI am a forever student. I love learning and challenging myself. That has led to many hours in study, whether under the mentorship of others, through an online class, video, article, and various other mediums. Putting that education to practice craed a large chunk of Apartments 247 products and services. Don‘t brag now.
MADE WITH BY ROXANNEPAGE: // PRODUCT DESIGNProduct Design is a process to combine user needs with business goals to help develop products. It requires a multidisciplinary ‘jack of all trades’ designer who is trained in: » Iterative Prototyping » Structural and Graphic Packages » UX » UI » Design Development » Information Architecture » Design Strategy » Content Planning » Concept OptimizationOPTIMIZATIONProcess Optimization aims to perfect features, processes, and flows while staying within their limits. Generally, the objective is to minimize costs and maximize performance, productivity, and eiciency. » Production Processes » Design Processes » Operation Processes » Platform Optimization » Operations Technology » SEOMARKETING Marketing is the art of connecting consumers to an organization’s product or service. Marketing services are the methods used in the production, pricing, promotion and distribution of the marketing plan. » Content Planning & Execution » Audits & Strategy » Corporate Communications » Video and Motion Graphics » Infographics » Marketing Communications » Audience and Persona Development » Social Media » Email
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // Software Prociencies CreativeI love to learn.ADOBE• Photoshop• Illustrator• InDesign• XD• Premiere• Aer EectsDESIGN• Procreate• Figma• AinityOPERATIONS• Miro• Lucid Chart• Excel• PowerpointGRAPHIC DESIGN• Print• Clothing• Vehicle Wrap Layouts• WallpaperBRANDING• Brand Identification• Brand Systems• Strategy• Products• Sales Materials• Merchandise• ApparelMARKETING• Content Planning & Execution• Slide Decks• Social Media• Corporate Communications• Digital Brand Management• Creative Directing• Visual Communication• InfographicsARTISTIC• Murals• Fine Art Media• Painting• Pastels• Mixed Media• Digital• Face PaintingVIDEO• Videography• Editing -• Davinci/ Premiere/ Final Cut• Animation• Keyframe/GIF/Animated SVGs• Producing• StoryboardingDESIGN• UI Design• UX Design• Illustration• Interaction Design• Videography• Design Strategy• Art Direction• Graphic Design
MADE WITH BY ROXANNEPAGE: // Product DesignOptimizationNerd Alert!CONSUMER RESEARCH• Customer Interviews• Surveys• Focus Groups• Use Experience - UX • AccessibilityPLATFORM IMPLEMENTATION• Implementation Planning• Integration and Data Mapping• Platform Configuration and SetupDESIGN• Iterative Prototyping• Structural and Graphic Package Design• Concept Optimization• Content Planning• Design Development• Design Strategy• User Interface - UI• Information ArchitectureFRONT END• Web Development• HTML5• LESS/SASS/CSS• Django• Information ArchitecturePLATFORM OPTIMIZATION• Platform Assessment• Opportunities Identification• Product Extensions and IntegrationsSEO• Keyword research• Technical SEO Assessments• Website migration supportOPERATIONS• Platform Operations• Work-flow and campaign setup• Campaign Management• Template and Tool CreationPLATFORM EXPERTISE• CRM and Marketing Automation• Workflow and campaign setup• Campaign Management• Template and Tool Creation• Asset ManagementSoft Skills• Visual Storytelling• Ability to work iteratively in ambiguity• Fine balance between asking for help and being autonomous• Establish rapport with stakeholders• Leadership• Communication• Team Building• Mentoring
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // 08.Side PiecesWork done outside of apartments 247.Show me what you‘re working with.
MADE WITH BY ROXANNEPAGE: // VISUAL STORYTELLINGVideo Production // Illustration // Animation // Design• Commercials• Social Media Content• Animated Graphics• Storytelling• DocumentariesARTFine Art // Mixed Media // DigitalBringing the artistry into the tangible world.• Paintings• Mixed Media• Murals• Digital• Illustration• CraingFREELANCEProduct Development // ConsultingPROJECTS & SERVICES• Gamification System• Recipe Builder• Online Course• Podcast• Documentaries• Course Creation• Business Services• Design• Development• Graphic Design
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // MURALSPainted // Airbrush // VinylArt painted or applied directly on a wall, ceiling or other permanent structure. ARTIllustration // Painting• Illustration• Acrylic Painting• Mixed Media• Charcoal• Pen & Ink• Pencil• Pastels• InstallationsGAMIFICATION SYSTEMProduct Design // Process Development // Information Architecture // Content Strategy // Process DesignA soware feature that would allow gyms to run games within their gyms that were tied around forming healthy habits.
MADE WITH BY ROXANNEPAGE: // WORKOUT BUILDERStrategy // Product Design // System ArchitectThis micro service creates workouts and services of scalable options. In addition, the movements were tied to the muscles aected. I designed the system to flag workouts that negatively aect users’ reported injuries. If a scalable option were available, the user would receive the modifications. If it weren’t, it would supply a list of workouts that target the same regions but in a way that wouldn’t aect the muscle. GYM MANAGEMENTProduct Design // Strategy // Content Multi-feature app design to manage the day to day operations of gyms. Views Include: » Sta Management » E-commerce Store » CRM » Scheduler » Retention ToolsDIGITAL ARTDesign // Illustration // Animation• Illustration• Animation• Book Illustrations• Animated Art• Graphic Design
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // 09.RecapThank you for taking your time to look through what I’ve done. I can’t wait to see what our next project will be. TLDR
MADE WITH BY ROXANNEPAGE: // ARTISTIC DESIGN & ILLUSTRATIONPROCESS DESIGN & OPTIMIZATIONSKILLSINNOVATIVE PRODUCT DESIGNSFRONT ENDMARKETINGpg 22-29pg 38-45pg 48-55pg 10-21pg 30-37pg 46-47
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // Strategy, Design, Development.+ moreProduct DesignProject ListName Type Role(s)Premium + Experience Theme Product Designer, Process Designer, Marketing, StrategyDesignalize Process & Soware & System DesignProduct Designer, Front end, StrategyReservations Base Micro Service Product Designer, Front end, StrategyDocument Portal Micro Service Product Designer, Front end, Information ArchitectEvents Feature Product Designer, Information ArchitectLive Chat Feature & Widget Product Designer, Front end, Information ArchitectLisa App & Widget Product Designer, Front end, Information ArchitectAptcast App & Marketing UI Designer, Front endSMS Feature Product Designer, Front endAppointment Scheduler Micro Service Product Designer, Front end, StrategyAction Text Feature Product Designer, Front end, StrategyLaunch Emails Marketing Designer, Front end, StrategyHOA Feature Product Designer, Front end, Content Strategy
MADE WITH BY ROXANNEPAGE: // + moreUndeveloped, prototype only.Project ListName Type Role(s)Widget Builder Production UI/UX Designer, Product ArchitectConfig Newton Front end Information Architecture, Strategy, Front endComponent Builder Front end Information Architecture, Strategy, Front endAnalytics Production Information Architecture, Strategy, Product DesignAdv. Blog System Micro Service Information Architecture, Strategy, UI/UX DesignerCommunity Info Feature Content Strategy, UI/UX Design, Process OptimizationAmenity List Feature Content Strategy, UI/UX Design, Process OptimizationPermissions Feature Information Architecture, Strategy, Product DesignMenu Builder Micro Service Information Architecture, Strategy, Product DesignFuture FPs Web Design & Feature Information Architecture, Content Strategy, Product DesignHigh Rise Solution Features Strategy, Information Architecture, Product DesignForm Builder Micro Service Strategy, Information Architecture, Product DesignLeasing Portal 2.0 Features Strategy, Information Architecture, Product DesignLive Chat 2.0 Features Strategy, Information Architecture, Product DesignLocation Feature Strategy, Information Architecture, Product DesignProduct Design
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // Continued EducationCourse ListName Institution Type ValueBecoming an Entrepreneur MIT Course Logisitcs, Inter department connectivityCreative Coding NYU Course Problem Solving, FrontSupply Chain Design MIT Course Process DesignUX Design Hec Montreal Course DesignEective Communication for Program and Project Stakeholders and TeamsUniversity of MarylandCourse Team ManagementCreating and Maintaining Successful Design Systems with Brad FrostDribbble Lecture/Workshop DesignRemote Work Revolution for Everyone Harvard Course ManagementDynamic Brand Identity: Designing Logos That EvolveSkillshare Lecture/Workshop DesignIllustration for Animation: Create Beautiful Designs & Animate ThemSkillshare Lecture/Workshop AnimationProcreate Animation: Make Fun GIFs & VideosSkillshare Lecture/Workshop AnimationContent Marketing: Blogging for Growth Skillshare Lecture/Workshop MarketingAnna Wintour - Creativity and Leadership Master Class Lecture ManagementPaul Krugman - Economics and Society Master Class Lecture Business & ManagementSara Blakely - Self-made EntrepreneurshipMaster Class Lecture Business & ManagementCourses
MADE WITH BY ROXANNEPAGE: // A trip down memory lane.Project ListName Project Type Category Role(s)Gamification App Start-upUX Designer, Soware Architect, Prototype, Project Manager, Process Development, Illustration Recipe Builder App Start-upUX Designer, Product Designer, Soware Architect, Prototype, Project Manager, Process Development, Database EngineerClient Start-up CMS, Web Site Operations Start-up Consulting, FSD & Process DefiningCFLM Product Name Design Videographer & Editor, Muralist, Graphic DesignerDesert Games Course Creation Videography Videographer & EditorClient Start-up Course Creation Web Design Content Creation, Web DesignAdobe PS Battle Competition Award Coordinated with a team 300 designers, was highest pointer earner in competitionT-shirt Start-up Product Design Start-up Start-up Consulting, FSD & Process Defining, Graphic Design, IllustrationChildren’s Book Book Publishing Graphic Design Illustration, Writing, Graphic DesignFidelis Brand Design Non-profit Logo, graphic designGME Print Graphic Design Digital Illustration, Billboard DesignEntrepreneur Giveback Various Non-profit Consulting, marketing, design servicesRemembrance Videos Various Volunteer Videos to remember loved ones who’vepassed awayIDOG Content Creation Videography Video Editor, Graphic Design, IllustrationHealth & Wellness Various Non-profit Consulting, Video Production, DesignFreelance
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // Project ListName Department RoleAsset Generation 1.0 - PSDT Smart Objects Design Studio Manufacturing, Documentation Author, Group TrainerAsset Generation 2.0 - XD Design Studio Manufacturing, Documentation Author, Group TrainerAsset Generation 3.0 - Media Manager Design Studio Product Designer, UX Engineer, System ArchitectLESS - Font & Color Groups Production Architect, Front end Developer, Documentation Author, Group TrainerAtomic Design System 1.0 Production Architect, Front end Developer, Documentation Author, Group Trainer Component Library 1.0 Gateways Architect, Front end Developer, Documentation Author, Group TrainerDesignalize 1.0 Production/ Design StudioArchitect, Front end Developer, Documentation Author, Group TrainerDesign Templates Design Studio Architect, Designer, Documentation Author, Group TrainerLifestyle Video Production ArchitectMultiple Company Wide Features Training Company Wide Main or Co Architect, Front end Developer, Product Designer, Group TrainerEmployee Trainings for Front end Devs, Designers, Product Designers, and Site BuildersProduction/ Design Studio / DevelopmentArchitect, Front end Developer, Product Designer, Designer, Group TrainerProcesses
MADE WITH BY ROXANNEPAGE: // Thank_you.ContactFor further information,please contact:Roxanne SeatonRoxanne Creative Inc.HELPROXANNECREATIVEINC.COMROXANNEAPARTMENTS.COMWWW.ROXANNECREATIVEINC.COM A short summaryThank you for fostering an environment where I could grow. My skills are in high demand this year. Rates for full-service design plus engineering companies similar in quality will range from ($100 up to $450 per hour) depending on experience, where they are located, what markets they serve and their track record and network.You will always be able to find cheaper hourly-rates down to $35/ hour by filtering through countless independent freelancers and managing them yourself and/or deal with overseas companies and manufacturers that compete on initial price to gain the work and then use scope creep and decision changes to drive up the fees.In a typical manner and as a good ambassador for 247, I’m excited to put the same level of care, thought, and skill into servicing 247 as the flagship client of Roxanne Creative Inc. Leveraging my years of experience in multi-housing, skills, and commitment to growth, my new hourly rate will be: $# hrI’ve enjoyed what we’ve achieved together so far and hope to explore it further.Roxanne Creative Inc. Summary and Contact
Roxanne Creative Inc. | Apartments 247 | 2022PAGE: // Service OfferingsProduct Design Services142536Strategy » Positioning Assessment » Brand Platform » Customer Acquisitions » Content » ExperimentalTechnology Strategy » Technology Assessments & Research » Platform RecommendationsConsumer Research » Customer Interviews » Surveys » Focus Groups » User Experience - UX » AccessibilityDesign » Interactive Prototyping » Structural and Graphic Package Design » Concept Optimization » Content Planning » Design Development » Design Strategy » User Interface - UI » Information ArchitectureFrontend » Implementation Planning » Integration & Data Mapping » Platform Configuration & Setup » Front-End DevelopmentImplementation » Implementation Planning » Live platform training
MADE WITH BY ROXANNEPAGE: // Service Offeringsà la carteStarting a project with RCIImplementation » Implementation Planning » Live platform trainingDesign » UI » Graphic Design » Illustration » Branding Guides » Web DesignDevelopment » Theme Builds » Site Builds » Component Architecture » Data Analyst » Technical Advisor » SEO & SEM » Systems ArchitectureConsulting » Process Architecture » Process Coordination » Content Strategy » Research » Systematization » Creative Problem SolvingMarketing » Social Media Marketing » Artisan Content » Email Marketing » Inbound Marketing » Blog Content