Red House Apps

ineers build the application during a continuous, 2-week delivery period, which you can read more about below.

--History and Profile--

We have been making web applications since 2010. Our client base includes L'oreal and Tinder. The company is located in downtown Budapest at Vámház street 11. We build sophisticated, user experience-based web applications including (and not limited to):
- Live analytics software for webshops
- Cross-platform ordering and delivery mobile apps for restaurants
- Award-winning form signing platform apps for iOS

Our team members (10+) include:
- Senior Javascript backend and frontend developers
- Senior Swift Developers
- User interface and user experience developers
- Scrum masters
- Graphic designers

We use the most innovative solutions,developed and used by the greatest internet-based companies like Google and Facebook:
- NodeJS
- React
- MongoDB
- Swift
- AngularJS
- Amazon Web Services

--Delivery process--

We use Scrum, an incremental agile software development framework. Benefits include:
• Cross-functional teams develop projects in an interactive manner
• Product review in the early stages of development
• Agility and continuous feedback, enabling fast ROI and reducing risk

Beginning of a Project:
• Team introduction
• Project Analysis
• Time Estimation (Planning Sprints)

Project Development Strategy:
1. Writing a backlog with the Client
2. Prioritizing backlog items
3. Setting up timeboxed sprint cycles
4. Creating the MVP through continuous feedback and learning
5. Intensive functional testing

Sprint Cycles:
• One Sprint is usually 2 weeks long
• Sprint goals are fixed, no major change during a sprint
• Self-Organizing team continuously estimates time and assigns tasks
• Daily scrum: Interactive team stand-up meetings (10 mins per day)
• After a sprint ended review and analyze

Technology
• JIRA for Project Management (keep track of tasks and sprints)


--UX/UI workflow--

UX research
Contains:
• Field research (observe, interview)
• Information Architecture
• Scenarios and use cases (patient, doctors)
• Sitemap
• Paper prototype
• Interactive usability testing (3 pieces)
• High-fidelity wireframe
• 2nd Interactive usability testing (min. 3 pieces)

Field research (observe, interview)
Target group identification, conducting interviews
Output: shared excel file, person, user journey, empathy map

Information Architecture (IA)
In the IA all the text and functions are organized into a prioritized order. There is no visual hierarchy yet, only content hierarchy. Output: shared excel file

Scenarios and use cases
Based on the IA we determine the main scenarios. With these we cover the general ans special cases

Output: shared excel/google docs

Sitemap
Based on the IA and scenarios we create the sitemap, where we place all the content onto the appropriate screens. Navigation gets clearer. (focus is on mobile view)

Output: pdf/png

Paper prototype
Based on the scenarios we create the first paper plan. This paper prototype allows for the arrangement of the content units and functions prior to testing. It also enables rapid correction of any errors which surfaced during testing. Output: Paper prototype

Interactive Usability testing (3 times)
We test the paper prototype in an interactive way. Output: video recording, final paper plan

High-fidelity wireframe
Based on the final paper prototype we create the high-fidelity wireframe, which includes the final text (testing without this does not work). The wireframe does not contain the final font, colors, brand, pixel-accurate retention (these are added later). Output: navigable Invision prototype

Interactive usability testing (min. 3 times)
We test the wireframe in an interactive way. With 3 tests, 70% of usability errors are solved. Needs: test subjects from the target group. Output: video recording, High-fidelity navigable Invision or UXpin prototype

UI design

Consists of:
• Logo
• Brand, Image
• UI design

Logo
Logo design after competition/benchmark analysis, max. 2-3 versions

Output: Vector Logo

Brand and Image
Designing brand Image

Output: Brand image: font, colors, design items (illustration, photo) vector format

UI Design
Design the UI based on the high-fidelity wireframe

Output: UI prototype in Invision, Sketch file, png, design assets, Invision inspect mode: css

Interactive usability testing (min. 3 times)

Needs: test subjects from the target group. Output: video recording, navigable design proto